{"_id":"@kong-ui-public/copy-uuid","_rev":"1581-692651c23ec229edaca2e7e04da19bc5","name":"@kong-ui-public/copy-uuid","dist-tags":{"latest":"2.0.47","pr-652":"0.7.8-pr.652.313609a.0","pr-1252":"2.0.47-pr.1252.58863b0c.0","pr-1258":"2.0.47-pr.1258.b998222a.0"},"versions":{"0.1.0":{"name":"@kong-ui-public/copy-uuid","version":"0.1.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.21.2","vue":"^3.2.45"},"devDependencies":{"@kong/kongponents":"^8.21.2","vue":"^3.2.45"},"dependencies":{"@kong-ui-public/i18n":"^0.2.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.1.0","_integrity":"sha512-Go4ajgjaRnjtRYZttF9qeyZ4bv04riN06XWNgYk84gal6hnsQqXvQ58RPr8S3TsEucGSQfBuB0g/pIgFc8HVjg==","_resolved":"/tmp/11e9480d77106b2aa4719cf5c1766816/kong-ui-public-copy-uuid-0.1.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.1.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-Go4ajgjaRnjtRYZttF9qeyZ4bv04riN06XWNgYk84gal6hnsQqXvQ58RPr8S3TsEucGSQfBuB0g/pIgFc8HVjg==","shasum":"16f7713d028864c83c7d4dbbbfa562460ecd2383","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.1.0.tgz","fileCount":19,"unpackedSize":555387,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC25rjJuIeaeyESaeKaMEWPAHyOWjeTlM2fOua1PIFLTAIgdj9L8XodXM6annAigaRMsyT+Kz68HKxXHPiqgaT21CI="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj2JIKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoIqA//d9EkXjrd8iEPk7ZZYR+jrYrC5KAtERfV6urAOTT1XQEa1rBy\r\nd7pjZgjqO5IQ3ycqIB1f6OFtmHGGoCx593rQTt9E9JkGUMKHuxo+4bwA/WAa\r\nfo1JHDD/zs5YPlB2vvEndrr5+9kF+98aBLj47i8lDMt4Mc4P+Ks1zmFbRaqf\r\nU2AO3nL+7sAEsOAEa8xVV/qHC5dJ1uzydlMrs3lT/D9J8hf1QuO/+fSp/rN1\r\nyw0w7DVQN/c7tntsDyDJ9bEzvwritIpTatNiwCvIx2d83psmUYVj96GbI3pS\r\nLtGiabBUkLlv/28Nziu32rlVRsBjCe/mzscQSHITOW3sR6UKAWtR35yBdVVJ\r\nvtd7zbWoy4a4AesjPmkrhGq1zllQzK7uymjsmKUJTGdThgL1paecKZgMs2BL\r\nEVW+my48eglfN3PehNPEKa9FYCtf9ound0ZLiG81fw5BMnBmNFSeiN0YedCR\r\nLhTj6e3C3NjhDFIlRcs0E/mlS+RaY2QwnEoHFPnr1h2a5Hxp3r4q5/jqIKgU\r\nbm+/FrU6OPL8UFMwduB7F4cMQDHt+aK838wmE07Rx7cRoh2UuQs4GPucKcoN\r\nRDhGjHdJrlTkzBQR9eZOOseXyX1x84zjTJ/ipOnpiLlYX7ZZ61KVyMMBUSPU\r\nKMdrD4VH0WSajy0pJt1+AheoGXqOxH+LV74=\r\n=AB8i\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.1.0_1675137546029_0.5556818728235813"},"_hasShrinkwrap":false},"0.1.1":{"name":"@kong-ui-public/copy-uuid","version":"0.1.1","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.21.4","vue":"^3.2.45"},"devDependencies":{"@kong/kongponents":"^8.21.4","vue":"^3.2.45"},"dependencies":{"@kong-ui-public/i18n":"^0.2.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.1.1","_integrity":"sha512-KPerhh9TcikzHAchztjpNwboB+MqEVtgSbxf3Aeg6SOW/tWPvx7aF4jXj/AiJaPG4icp0isInnSSP3CcXUbgBw==","_resolved":"/tmp/337b71b676e0c891023ce4ef4b9598ba/kong-ui-public-copy-uuid-0.1.1.tgz","_from":"file:kong-ui-public-copy-uuid-0.1.1.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-KPerhh9TcikzHAchztjpNwboB+MqEVtgSbxf3Aeg6SOW/tWPvx7aF4jXj/AiJaPG4icp0isInnSSP3CcXUbgBw==","shasum":"717e9a441c4e54806f699371626a6005b1bd9f52","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.1.1.tgz","fileCount":19,"unpackedSize":555387,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHqWhQd26oaBPTj3J40SB9vh5dJ87tvuuNek1e9hsE95AiAifOY+cNtP3A1LgdA9v85AcKwUQXFvI0/nH6/uOl0YzQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj2Mt9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqmKA//fhppbw5y+01JtzujJ6vuO6+a2rGwt+dn4I9dTsbY8VHlck1I\r\n3WWwxMLKrX5pA+xk3IrWGa4fAQ8tunkRrSzKcEB/8OgDMl7Nu4Zm7aMZug/P\r\nk0LwQ721lqGB0ojIj3j0uC8VrWgiqxV4KkypJ3axBZ1I7BviiF+1t4SIOY61\r\nAbJK/fkL81O6ilHO0q+ivS1z+iv1q8DjX5O9Z2yTXd9S3ZZLBaMN5Qm+utrt\r\n84frzDzZFgMnObB7YgyqoeuXoEeK85w487ufBTazm92T3iw87LU4TzwQ5Z1l\r\nbnwS+hp5RfBIiE5vt9rMGFOMDEQ+lz4/4a8GOX6c94VAhrqBpn+f/jECJqVg\r\n47BmCTf3nx2kIUfjL+Q1d8ZKwvDVycuy2K953msWjo0Fg07YIGLur8XPXSD8\r\nATHKRPzUs1ApYSY5Cy2pCpnhz+KzUSWeiQzLYfbGGGMdNPTjtAiVF8RK+253\r\nrOHDCKfkEp9JTocWWDXoIUh925+zCRalmJ51bomr/mAOV1TxOgU2v2gG1MrN\r\nJ/jYMKLZ5XLGrnRQBKVsMmmtGwWJRmRFAKUYUKzXUIhpthMS+9OIIp5VyG/V\r\nruzWpUDT30+KUYWsUNlds9Tget5mKJIGkn4VVvIBs8991SzZMh8agwww5Sqd\r\nezOMD4SKRjfZiCDuf/HF2qzBm81dQ5knem8=\r\n=VQR6\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.1.1_1675152253264_0.31550880374539725"},"_hasShrinkwrap":false},"0.1.2":{"name":"@kong-ui-public/copy-uuid","version":"0.1.2","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.21.4","vue":"^3.2.45"},"devDependencies":{"@kong/kongponents":"^8.21.4","vue":"^3.2.45"},"dependencies":{"@kong-ui-public/i18n":"^0.2.5"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.1.2","_integrity":"sha512-lglj2srZcy970mKx5tRKtCXtJwAbWUhkXxTabvcQsDCUaknU1HhdDV12wIMvBPVpjkW3ULzEQw+fmqFvLcOAFA==","_resolved":"/tmp/171e4565bb24573783801e8883417100/kong-ui-public-copy-uuid-0.1.2.tgz","_from":"file:kong-ui-public-copy-uuid-0.1.2.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-lglj2srZcy970mKx5tRKtCXtJwAbWUhkXxTabvcQsDCUaknU1HhdDV12wIMvBPVpjkW3ULzEQw+fmqFvLcOAFA==","shasum":"eb8f4e36524e2e76051b546b2d0c21219465e06f","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.1.2.tgz","fileCount":19,"unpackedSize":555387,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC7ILLHG72tNeH4Ma6nv/n/5zyR2JAf7vToGnKI29ui6wIgX3a68tfGTeH65hYzQqzVIY1ee2FFaRi48xJ5nVW12wo="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj2UBmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqcWw//W95VJyoN6pHjkofO/WCMjQ8NQHhhlIiSH1ia1B1q6BPR4Lqa\r\ntNVY3Fs7nM0+2PTkk3AJugk4st9hTAle/iYGu88XyuQY8HzPwuALmBXPNq+l\r\np64TOQpNY3fRRxg1W6rrP01PMy0d2a0Fr4UwSEpN4G6c64bPhVRGtdpf5qX1\r\nuyGhmGvDk4XQV3+vX2w2IFFpd30HQ8F1Rm8iub3EHG5a2EgpRnnYCpUXEwCz\r\nfiZG/5vHxFn+7FzsFXncUM9KVXUt6n94w7bT35Gh2C9lAtk9vhbmOJzvQLB4\r\ndAiS3TihP2mHGB0l2CUQBgP2cqTpC1T3YOKIeRH05yqfwWw/CD7xh2i7Im/w\r\nhs26gMgEInH6nd90CeQeJ6z99hOi0dP0fdovRZkJXnSMvA9PEylMQ409Pl5w\r\nS4TybdLJHyzQ4Xsd3S5kZ8Ee+C0kJM7sQZAzsnuis4zT/0RZ0MPL5ePIf6XX\r\nvOT9lWc/KfZfPj25dSgH9E1l2c6+52U0GQ7FHXEztVwYMezIjlqC1URJdnbO\r\nRmcr6oS5X6Mom9Dkr9KbpVFSWtOatvfPktBWuf/5PhiCtjYet/Y+IkctiUfB\r\n8VBWZZY3fMjNC1X2uXn35h2wdefCzeV1Env4//F7lZ81JFr3NCElJDAEHfJ7\r\nSkMtFKj4KcGUl94QJB0c6nX9lcxs3ylVHDQ=\r\n=3z7m\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.1.2_1675182182531_0.755097364424582"},"_hasShrinkwrap":false},"0.1.3":{"name":"@kong-ui-public/copy-uuid","version":"0.1.3","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.21.5","vue":"^3.2.45"},"devDependencies":{"@kong/kongponents":"^8.21.5","vue":"^3.2.45"},"dependencies":{"@kong-ui-public/i18n":"^0.2.5"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.1.3","_integrity":"sha512-ifVek0UWPoOj3ctO629dYnj+ou7ZzVk2tP9SZ8h4usYz0wIIJN62Jz1HA9boyn1cf3aeOlgsP1DAUprlapXk2w==","_resolved":"/tmp/1395ec3acc9232492988add22d8cda68/kong-ui-public-copy-uuid-0.1.3.tgz","_from":"file:kong-ui-public-copy-uuid-0.1.3.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-ifVek0UWPoOj3ctO629dYnj+ou7ZzVk2tP9SZ8h4usYz0wIIJN62Jz1HA9boyn1cf3aeOlgsP1DAUprlapXk2w==","shasum":"a63a2248a5cdd2877b9c258bc19a79f17ebd3895","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.1.3.tgz","fileCount":19,"unpackedSize":555387,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEqdjRVPJ3ikr4kIYC0kzavKom63r1eI+8Pii4/N0OEIAiBrRNYDuWTMM2rgHrUA9HLHpmqlxl31BqIEf/qGcDk9dA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj2YRXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq/Fg/+NMB6iU4ajb3swZsna6kfGdDHLdRi4b0v+suN63m0poPtZOyn\r\ntYFbTIUom7Ha2BZvfBK4gM7cfhJ5KbousUBYlFws/HRu4YoaVDpr9mLXSnoK\r\njcEWlR3YCX2WhpoQnsj9cRLtDEvpTXN1Ao4xJQPIc8kQVeiyNXs3Zfz4LWMr\r\nwKht5p5r/Ydlmmzi7MoeHxStaNS4eK7xf25wRg7OsqhuAhkgdZxr9c/JqoGD\r\nHXg8s1tnlzTzRhgXDbXtXFpewpV8zhZs8+l/fldT0+HLod33+0cNwqFO7j6W\r\nEognGIUHzZXcxXa37hTFOX8of7FYxMgWf2MBryCe8HW1G+z3e+eL2va3HLGB\r\n90B+nOSCACNk42d9l6hCS5pDj7GW/GJ8Lh1vwGtRTEzaUkl9YH6opXkY5prd\r\n18kf1by2cUw6maejNwY14zK+651wPa2pGKzZyVO++tQ9DZcHPD2wRi7NtyRg\r\n0G9IZ0MNrKYSuqPapOwNgA9IEgx3Fpru5zaYsJkoN1un/E/VnSeg4gWj++eI\r\ngNP99u4zeQ1oU8x9J4+/4p7cyUeqoIDKChtsRRz7fr0JLQa5Cd7PC6MYKGo0\r\nq8Sj2goSwQnlCyqAROqgbzW41xkylZz2xAKzCsQ4NPZPSL+fS+xa6qlKn8Dh\r\nCbOzw+VBOx81z1nU81NEGLOQE1E5KBg4rx4=\r\n=2J+4\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.1.3_1675199574886_0.9002504678684677"},"_hasShrinkwrap":false},"0.1.4":{"name":"@kong-ui-public/copy-uuid","version":"0.1.4","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.22.0","vue":"^3.2.45"},"devDependencies":{"@kong/kongponents":"^8.22.0","vue":"^3.2.45"},"dependencies":{"@kong-ui-public/i18n":"^0.2.5"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.1.4","_integrity":"sha512-ybxSWn5KAFD3Itzakh6W71FGyXBiXgOpautxdCHXhCySNuQUuAFq6bviizT4eCS1uD/98iypx9ZCxPUb3S0MdA==","_resolved":"/tmp/f14175a8e780c741c978af921220f5a2/kong-ui-public-copy-uuid-0.1.4.tgz","_from":"file:kong-ui-public-copy-uuid-0.1.4.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-ybxSWn5KAFD3Itzakh6W71FGyXBiXgOpautxdCHXhCySNuQUuAFq6bviizT4eCS1uD/98iypx9ZCxPUb3S0MdA==","shasum":"7d13554c04acdd66b2e48a21244db707df7e7549","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.1.4.tgz","fileCount":19,"unpackedSize":555387,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC9dKM70g091DowGwyKYVwWF1rFFWEnp0iEP7VPj8a5wwIhAPwqJM09Dyf6zgkKPLqIahGntLby9SxbEua6DGbr1kCP"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj2sl8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo/mQ/9EdW6scG3s4D3NasG7e7ek7ddEAA9o8Rh4oaDZlfto5a0xt0k\r\nVSItBaEEqz33uNAdGu168gg3ckGSfPZrjIJ1EA6N0hG2AXEOvI6nu3F/Rtgw\r\nE5ZKJF+ERn1hOb1lnSUd2AMtbyFFE6cIMtsg7GynspxgOv/fRQ5bIeTBjyEb\r\n+KCPdyyWLb4O2JgeqYbLsPcHyxgLMjHg87m9156Hs2r9EU6p2f8fHePebhur\r\nsbsx/jx1++8uTcA3Z8epoNvDVgc/HtwiuDGxoYdbq2TarxJj6ZOL4L8fJHkE\r\nuNiYLJFz43AMAPcfXRlO60MuzbwbI6axrah7DnR4e9BoscCqFjd1/VYgIobX\r\nA4V8+E74RDtLFSO6XRrIFU6mZpsGiZqJDCRNwqMJTGG//QOq2dDuUq7+IsLP\r\nTnsOdyejVaPBL+B8kj4tNZXqLk59/2wGt0I3Ock+Uig1xpET8Nqsn0UJekgd\r\nBq8Ba/INm0ri4Ow7FNKvoocbRUXzBWI5cl6YhtgcPwVDwnXtQ/m5tu9EGEa1\r\nyf0WnmcgAxXtAf2vnyEjh2ZqM7h7I6zpqxT8suyKRfl31uqCDVEO43uQEupt\r\ndnP2xY4J3b9FI3sXhq82EbCEiVfl7kAhrEem7katCZTTmjiVLS8O1B/dcFLg\r\nqfaS17lEvFp4n9ZnSCSCmisuCKwSsatFV5s=\r\n=lv6k\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.1.4_1675282812644_0.6712722307054404"},"_hasShrinkwrap":false},"0.1.5":{"name":"@kong-ui-public/copy-uuid","version":"0.1.5","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.22.0","vue":"^3.2.46"},"devDependencies":{"@kong/kongponents":"^8.22.0","vue":"^3.2.46"},"dependencies":{"@kong-ui-public/i18n":"^0.2.6"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.1.5","_integrity":"sha512-inETth6sxWzdT0jH23ySfyswDG2RCPo2ZxzB8gXVEdJ3tGUkycm3ALtM05i36ELRk889YrQXTlgdufIHlph/JA==","_resolved":"/tmp/df9ac2703fb7ac453d470876cb7ed3ad/kong-ui-public-copy-uuid-0.1.5.tgz","_from":"file:kong-ui-public-copy-uuid-0.1.5.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-inETth6sxWzdT0jH23ySfyswDG2RCPo2ZxzB8gXVEdJ3tGUkycm3ALtM05i36ELRk889YrQXTlgdufIHlph/JA==","shasum":"49f8d733c567d84b504e6c29a0b2af64a299d84e","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.1.5.tgz","fileCount":19,"unpackedSize":555387,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDgpFhDHROr0SUd1oTx7KAekCLJcWN/eosp1GUDxn7W2gIhAMFiSEhgzQDjfau05Vqd915nTu6bxvdSYARzjUqWPA2D"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj2z38ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrTYQ/9EFq0A4ezjUdjZu2VV5daNAlEocVIhYuxYzfGZXLqleP15eXn\r\nuFoRCZvOg2QyKCV2KSx2a0M+/K7yaQ4s5PCV21sKqUrTRPSnul29D9MQBKHM\r\n0odkQXfrb+N2vGzlYsZKQ8rLHzC9RqHnaDnRFjqqW2UcFhbraNOcpzDeMVaJ\r\n2FDTbvukLhfXtTiETEyr7iEiKUtJXGthZ3BWbzqK9hJJfjn6T5Q5icclVQal\r\nYbjkBLLYBkJpZ5ChkqWCEYMfRnzKhJir9kSgIf1Guh4vABznQvdIMQA6yOPE\r\nv4Nne1OzHMfiJeNApxykVnZRdJvVggi1csGhxMrsLy0Vl5jVvaAbY5SEPLui\r\nKvllp82Sc3EmoBSYD2rhJ/Pop0cGB+JoW1V60Bk527RUsUGwa6zZYkjWkGVi\r\n5Rs4bYhDbs02o14XPb0qhtk7fpqf32G+nbF3vb+wsUeqHJWKbTMbEE6uiRWa\r\nmolblBO0ZoQgWfLCrPwRUpSRqWXrBPgKV39ElbPIJOZr3kZT09AC64oWMu8k\r\n1ZPzhduN7b02WAZcFWk0p8R9p2Karp6wclsPdxpB8FX7C9RZbHeknnssGXc5\r\nqb1HVf2brIZdSek7zhXnaslCmg5pMUysq1XAVvjPTxhpNZ8hz9Any4gb0wqL\r\nXnsY5hVmQY/Z2sFMR5ACdF237jxKx39TKzU=\r\n=Pto2\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.1.5_1675312635855_0.23620805053744953"},"_hasShrinkwrap":false},"0.1.6":{"name":"@kong-ui-public/copy-uuid","version":"0.1.6","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.22.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.22.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.2.7"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.1.6","_integrity":"sha512-6OMoCydn+rI2B0sb8F0Q9QCPzG2xKiWREgwrqzd4hbu6RcsqZJboLYgamIsNk2mLCm0NfU+lRTa/PKo2ABOhog==","_resolved":"/tmp/0283fa80ff3acf1b3851c2201a6b7fe7/kong-ui-public-copy-uuid-0.1.6.tgz","_from":"file:kong-ui-public-copy-uuid-0.1.6.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-6OMoCydn+rI2B0sb8F0Q9QCPzG2xKiWREgwrqzd4hbu6RcsqZJboLYgamIsNk2mLCm0NfU+lRTa/PKo2ABOhog==","shasum":"b2023b25f877c0fa3ef6a3fc6e756be4abc2089f","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.1.6.tgz","fileCount":19,"unpackedSize":555387,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHLEfVxINopLqGDn8y4SFp23j6UrCnWix6Bl/lTQZRtEAiEAuXn7AhDbxgP61xJEQXw8RzAhSl5pCul0smEMrKNLHRA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj23vrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoS4Q//UPh0fsFEgGictNgxBP3llSNyJYLqu2YX/xG2iNH62liupwJC\r\nz4UiClexmZwKZmlolxSG49XyzzVuvOpiyNeyEss9IReA3z5OveUHoB08LMp8\r\nXftldOMNFRY7lHuvwIBOEnCtmT1iCYbe8+XH1O1fdhujMKfBC+w649S1aL0W\r\nM97lbd1luEjZWjdSw38tx7t4lC3MNLcpH7mZc8Fi10memrtxYVgD96YIEheN\r\nHNKJaVUepybYhBIHcHrNMQEvG3mlvyK5b/k+5Rh8clmGI3XsA9kcLhEdA/QV\r\nzjcfvBRdqoO0bSKufDu7mhh9PqvYdXUYIEBuCppyt+AmtUKS0oeQbLPpR4G3\r\nl7VPUbzgVe8XnyZMNZnTvz827sonnFU5H1Q6nE4ue1bXfA6/0lHGmAhKPCRs\r\n752NO5IAzGTGrc+p7Z3LS1somriRiBTYuzwVe0iCJMqGJi/zSher0AgjYIMJ\r\nymSfLkRIC+OmWPQhx+J6Ceutt658eJrOsHPLKTkNjaqrH0G4e8KIItCPVi0g\r\ngzVAfi2BLteUHaSFVbPBfPl2vNStxjc6YZugdpbNaqjrVh7h3qcbKwBg48Bq\r\nm5CKhiA2fPHL0IKxsKh7dav1dGvQcDIf3jXyVxW10bD+9g7R7/j3vDDl8x9e\r\n8aci0NJyjoK73itomwFtZP4TrcHHo6dy6/M=\r\n=kXnP\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.1.6_1675328491492_0.7605690427329503"},"_hasShrinkwrap":false},"0.1.7":{"name":"@kong-ui-public/copy-uuid","version":"0.1.7","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.22.2","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.22.2","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.2.7"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.1.7","_integrity":"sha512-qoyh5uAvFf+f1PDwRGfbkdCX2lnTvdrlr9GNyYIHLG6Tzkp0g2eIWwdXFBPkuJ9vqix8P7pUlJ19YuGnMvwdfA==","_resolved":"/tmp/30812578d2d712c9bd1a38244fbf2f66/kong-ui-public-copy-uuid-0.1.7.tgz","_from":"file:kong-ui-public-copy-uuid-0.1.7.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-qoyh5uAvFf+f1PDwRGfbkdCX2lnTvdrlr9GNyYIHLG6Tzkp0g2eIWwdXFBPkuJ9vqix8P7pUlJ19YuGnMvwdfA==","shasum":"e384717c7070a901ccfb4bdf7aa9388761bb4848","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.1.7.tgz","fileCount":19,"unpackedSize":555387,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFPfpJeDdrw2WKymACHRK4DAyqgj/SpC0dbBE+o/AfJ5AiEA8QItSqCAC6D0hFfbDihKGVklcyngT4RBLNSDqm4boc8="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj3FWmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoi4A/+O863Lc2EmP4nD+DpiezQvP0CkRt81jl/3juiw8uieVJOICSd\r\nLN/hL9XLFqci7QY6AIjcKMBTUTa/NRqVdoaIFyT5s12Vli2JuO/121Mrh9e7\r\nQeS0Q+hNaaxoMSfHqC8LrgvfHJ4FMrd+8XleROOvM/7WO3tW5uJPs6Buqren\r\n+DSHf/ahkNVXsH9LooLykD4KZSU5fArrj1lgkYqy3/ARw59OD3AbtX5K8m7d\r\ng1g2+H8n3WxC/nT31yAj1UfJwbX+Ygz1ssuaoAGUkQJgKY9LMoEqTGGiYqHG\r\nVsV8F3Dg2WKsykZtO+nMwdiawbZutGJHmzOpzN39wj5GoII9Qo4YeknE7GIT\r\n5wfMewlyNr8YV0u9xkgJ7jSSXio8aK0UjUnn4ikZzAqYbt7CiXusdM6uhx3c\r\nADqzPwyBV8BN2Ai1DqhkNONTLfGlKRbpa5ne9s+gQQH/3DmnKUmIMKgHZ3K6\r\ny8zPCInN91iga0IpSJl3F6v5MhuIOriMHPGdZOHBbW2LHSZTiJEbXoBr/U7N\r\n/Bx3RwauswCs356FBstwselySraxQuYfGx5bZeTQJsLldiu0QeTh4T54WlyC\r\nOfkHhiTCBdivzHYAE0h417Vu9G3HJlVEfjqF9EGbYHlR2jsn0gnxAZnC/vfM\r\nMOsGUaJG3AsbF7cVd5JP2C4eEsLG14MuIxQ=\r\n=Gq6M\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.1.7_1675384229789_0.15073369201801556"},"_hasShrinkwrap":false},"0.1.8":{"name":"@kong-ui-public/copy-uuid","version":"0.1.8","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.22.3","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.22.3","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.2.7"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.1.8","_integrity":"sha512-M29asCg19OFGwpQ1DxUJr4PNb6Zl3RSemb+ffF+DMa+Ip0o+r9ozu3HN7o5HlCGBBxLGbTFOhqKMur8M6TI+yg==","_resolved":"/tmp/5af7d3db2e7716c5f24fff353e12e3e9/kong-ui-public-copy-uuid-0.1.8.tgz","_from":"file:kong-ui-public-copy-uuid-0.1.8.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-M29asCg19OFGwpQ1DxUJr4PNb6Zl3RSemb+ffF+DMa+Ip0o+r9ozu3HN7o5HlCGBBxLGbTFOhqKMur8M6TI+yg==","shasum":"6b20dcd58dbe7d2667d1af362ec772fd3d7b8df6","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.1.8.tgz","fileCount":19,"unpackedSize":555387,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCC14UyyIwOSC2mO8uMnjEcaK3fu8NbJFnwnrzUxRO0cQIhALC5mgXLHBUE7YghzXU7QaaFGOscYA6460X0GQuT23EK"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj3V1rACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoIwg//d5sTbFVH8Z6GaJN5AMi9Ex8tm7EHIEGibJeKn4nmf6u9o5pl\r\n//ZURqg/8ibkHn4xwyi5QJVrg1MrO2fkhBKtSxwO8EBbbfB/MqbkIX4XEawf\r\n7NONQg+iaBT363lay0clgYH06PQ1ZEPcJBuYeBFCjJAJOfzPkhVMjUEH1qbm\r\n/hIoK4LyhOvdKculCOy50sLDoJyGj/rvq8DDXADMDwtaY+lTx1yQ7wmGZ0Dt\r\nTnT/mx/oqLiGN8fgjNgF6Isf5rTXktpbc4FL7cvSCJRpK9+yWedKw16TVUeI\r\nTNt0NYduGfnIyBYdaw4ZX4/HT8Ahyq7L8227Xv2nYZmLEVqb0U4S/GD6AHAX\r\nyNpQhz1KNjphi3WM2jP1nzGHVMzcqQW6Lv520Leg1mvaamlMSG65AiGYotjk\r\na8iZCrI4TNrZpXhld4dH+EhaQKVhoo50HuQeZ5q0qCmimore5zfyYFW8GLpn\r\nysZ0skwnRJDdJlSBsLgeqB0NnPeyaGeGaYS3n88GgIn9abapxr4TQxcJqQ8H\r\nPgsIoLDr1mMlSb/mmVxMv137arabnLJwJS6AZfz+4/E6rR8ZtsVD1nplUwUF\r\ns6IpRixDyWwrCMQicuMyWfHh+iShmFgRSJf8+V/w3CL/u/C1ZoyNTuwLzLb3\r\nsyEFdpMQy6AUsjBwUcmVButOVSJsdASLU5s=\r\n=AAgg\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.1.8_1675451755622_0.9959289971309442"},"_hasShrinkwrap":false},"0.1.9":{"name":"@kong-ui-public/copy-uuid","version":"0.1.9","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.22.4","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.22.4","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.2.7"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.1.9","_integrity":"sha512-Zr9L6y/J5CQgqvHm0MheRyNNMRdhyfQzR3+T/y4urmsyKJAHncU9wq7r4BOIS1ITl/fDVNtRrps7rEwPcPAcCg==","_resolved":"/tmp/f5e680f55cba9b923e5d00520c1f8755/kong-ui-public-copy-uuid-0.1.9.tgz","_from":"file:kong-ui-public-copy-uuid-0.1.9.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-Zr9L6y/J5CQgqvHm0MheRyNNMRdhyfQzR3+T/y4urmsyKJAHncU9wq7r4BOIS1ITl/fDVNtRrps7rEwPcPAcCg==","shasum":"944aa79db0ad89d1e944b76fe3f719b7533b1293","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.1.9.tgz","fileCount":19,"unpackedSize":555387,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFKxVa0aYYhhegNgLbYzVGg7oWBp78icbnESz2ESshy/AiEAlwSprzZxEMCClItJgeIAMtD95ndrnRaD0wPGrJeGBsY="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj4SjrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq92xAAi7Hg7Qnpg4DlsK9Es4jEXakwNSTfAQK2hzt9IhoA6FxC/Get\r\n3TUeLZwJT2s0vCWhZUT+GK+vfdmKBuKnZULw/+w+UKaN/9G1Uz5X2npILLsk\r\nDtoyTHGDm14MQzBfW16uSduSqEjUwpQGUyps5hk+aqRgXBKd8r3Qmqo23ycX\r\nj0RaY5JhTMZ7UyldXPhmBdKNaHUj33h8/LfM1wZaSaIow/J3cI2xEFbPcHW8\r\nXsaYLEjHJ+zHM8c/1uN2KmIq9TKggE4f4vRGohyBed1RWZ3juLzcaomrCHtT\r\ne1FCnWzePOaacZz11KjwtG4z1PnVTYO79/8DMj9Tfum9eNqSnrGYA4RNimHx\r\n6CgDtSErtlQLXobRje11BkuFoGBRT0YXZDRbGW5UWFaz5GsBFvrsbi7s7BeC\r\n8I059zxvdaIjL0zRompAe8loVZCPayuTAbSzikzfPuXlFmfdPnT/9QM8ofTO\r\nvBLdR4kaUmVzm/B6UKwsMWJk1r6LYdvREFsrF33vabhbi3sdmHqbxU04dqVe\r\nte2EZ435N80tU8D9D9QJl+FgfeRa0bEBcIUPt85YdldPD2nBXEVRscQaLEcj\r\nJp/1Sc7d25PUY9P3m0r5ujK5g/qgPMBqPC0CG2HLUly6BLkHfdFs28LHt1wP\r\nja3hDQL7JXCPFLRSp45SWqU1Bygmts2bJuE=\r\n=4dEn\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.1.9_1675700459125_0.4688916514412176"},"_hasShrinkwrap":false},"0.1.10":{"name":"@kong-ui-public/copy-uuid","version":"0.1.10","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.23.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.23.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.2.7"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.1.10","_integrity":"sha512-jq2ERT0kuhZ/fs/yh8QWACDEjk1bMuf6AL1VnvAu+jv+6EYKGVsK3u9GTVpbIia8GZFD6VnDjYCkwdQWUlyYsA==","_resolved":"/tmp/8ee78b6ef2ddf4b61527335985fe6cef/kong-ui-public-copy-uuid-0.1.10.tgz","_from":"file:kong-ui-public-copy-uuid-0.1.10.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-jq2ERT0kuhZ/fs/yh8QWACDEjk1bMuf6AL1VnvAu+jv+6EYKGVsK3u9GTVpbIia8GZFD6VnDjYCkwdQWUlyYsA==","shasum":"93295452f74acf024562d68024dbc5afe83fd935","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.1.10.tgz","fileCount":19,"unpackedSize":555388,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDfTgmMbMKrrSrH9D5g3udLLUcSgdlJQlTKa9aBChWRkAiEAvz1djGFXPEKsn/I36AsI8R6Axdqnu/vnzXQgRf8BpFs="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj4a4iACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp+qg/+NPcdNJ6pnEPQAONhueOLO5PL0tvlJDfj4axJNx3S5qNGqtwH\r\nSwmukIc/S8Okn//gdtHyzPhfUyycTaD52kh6JomxXMfHZaayTGCGQkMXimow\r\nEfAbJxP0Y9E/PesrmEI14FHEJYcpCjWxgPJrvg+KgUkh3VvZayHPPtBKwW7y\r\nPfmSoiyXMtz2rVcvZUqLIib77Gc4gKDJDyLnmLYXjOP+o5Bq1EFWPUgjASvl\r\nlfLdCAiFuP1ac72eP0oM6LK5IdhcAwRgd6WLtQrSC6AQj9RiQ9raVr7ekzwu\r\nvMbrLnYs0R4mliSGfQSaiILQk3SOwbFM7Uap+FS8xYCIjzdsz18dCLg6IPve\r\ncpLLuDlYX7AjrnpN7E0EpQ9mTONx1FeNO8j2e+EELcmxA3hi9QF8w75AeyeO\r\nCX6YxqHaH7hO92ny22LQNe+2XHhDgETRKSb1EUm3vZ9LxYaMW+sR+uE6ycHA\r\nTwmCKif/98dfHAD0KQeNNbjgZzj9DNTwUEjvUBxIjd/H47hXE0ljoGunTa6a\r\naFlmt2RinpEKKTXKaw30uAzlCgGffWSDOf13hHLk5CEJKn1F1Awuj8nX2qwc\r\nYYF7LrrQovGWX+RBDYYR0peC6yfY6ht0KfCYZnm3l94aTL8jtuW+NGTzreFm\r\nn9aaYXEcvI4YA+JigJaWCsnw7h5PbZhqnxQ=\r\n=ILgQ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.1.10_1675734562751_0.14095242078423476"},"_hasShrinkwrap":false},"0.1.11":{"name":"@kong-ui-public/copy-uuid","version":"0.1.11","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.23.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.23.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.2.8"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.1.11","_integrity":"sha512-qiN6waC8dOO6HFV9Vif9dnJUCzQXW3DPvUUyNvfMdywBAxX0ha+FnFw8F9Bxu1uD/fwjbcUdy5PHS8ba05Udyw==","_resolved":"/tmp/f7ecdcbb72dd384d8cdbcd5ccf288074/kong-ui-public-copy-uuid-0.1.11.tgz","_from":"file:kong-ui-public-copy-uuid-0.1.11.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-qiN6waC8dOO6HFV9Vif9dnJUCzQXW3DPvUUyNvfMdywBAxX0ha+FnFw8F9Bxu1uD/fwjbcUdy5PHS8ba05Udyw==","shasum":"69d835966d8b579c1da03c00f592c054dffe09a6","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.1.11.tgz","fileCount":19,"unpackedSize":555388,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHCu4nnIoyxRWpjCh72M+c58A35OkCO9C0j3EjQU+RhuAiEAgExA4TBG/hg3+M0OdTP44TC1w74Pf16sbB0QfwVD84A="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj4lHcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrnwg//TP+YqwX+j5WSOnCIz0UQ5+Un0vkCJmpcB3ArYQoH52v7KIEP\r\nA9n2HTrEzLFDNSJs4pckwYLMC6nZ+FaAa0ZSeGlpYBsJiF2K/1Beq/bC2xgm\r\niGdBAXDDTJQWzGw1b6VQe9f9K778EJJWTiGtfnNUtVEPWUan/OydbSsqm5NM\r\nYFaiqHjMb99TB0eMh0h7+f40UCTqjZWNPfekHmFeH92aXqxeXyavy7Tg7WZb\r\npaFRYwu6m5DNMCf+uaGQArJvdVei3fDYfAeVHfpSLiIIQpFRb1tyLIfefuet\r\n2ZqgmVWx19bCVOZI94qBSGub8vsyIkGXzTsBdLIHXHe1ho7CiZhlRUA8m1zl\r\nMBSAFM7rRZsIA1o0fjoTPUqsodttEbjg3114cYAtRYOWUyloxxX79VEMxCzu\r\ntQnFe2Ukv4Re+/HHdVT/3CbU0Ebh5Hj7cSNvpXqz77lY8w0jiY7HGnG6AnqP\r\nHkeXYKcpvnm/9grTXSwcBD8+hG9u1VlCCwQ1mwGqdF7L4ILMaUHzQ/QnxC6J\r\n4ol2zGncUNyPmG00nh0TD6vuJ+Cq/JLOFiT6lY33v5N3Zm6YpJFnNvFuXCXn\r\nkhtKbL9PO1Jw6T1A7FT6jyzFa5hr7Ab5IP1o7p4R+4xYFfD5PWvH7y7kGM+t\r\njpxQRgch/ykG04UtfHVo7OD73GX25aZlGl4=\r\n=6+kN\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.1.11_1675776475850_0.1494943231038024"},"_hasShrinkwrap":false},"0.1.12-pr.120.e19c894.0":{"name":"@kong-ui-public/copy-uuid","version":"0.1.12-pr.120.e19c894.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.23.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.23.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.2.9-pr.120.e19c894.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.1.12-pr.120.e19c894.0","_integrity":"sha512-Gr24h08PsZ+jYUN9JwXBkZfOy8JgN5IOYqRZnOLXM3ptYjxauBCNYKEhDBx40RT3oS5L5Dm3DTmLcWpArgOetw==","_resolved":"/tmp/5b1d23fc04131870af68401382e67bea/kong-ui-public-copy-uuid-0.1.12-pr.120.e19c894.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.1.12-pr.120.e19c894.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-Gr24h08PsZ+jYUN9JwXBkZfOy8JgN5IOYqRZnOLXM3ptYjxauBCNYKEhDBx40RT3oS5L5Dm3DTmLcWpArgOetw==","shasum":"fb3bce0e0e7407b4815c12daeb8ab1b7d52b753f","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.1.12-pr.120.e19c894.0.tgz","fileCount":19,"unpackedSize":555422,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGD3DE3ER0ZuCW7D+zopwNvOIrllILyTa7ctNda6IwGEAiApnMfp1iRf458rvemrID8He6y7ViB9BCkieoOcyMl26g=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj4uqQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqaLg//QDtcfK7hSEqLFxKZZR6HumdNcY+lcGMou+kkh97Db5nXvinf\r\nYdM1hCnXetLmZSnkImZnG6RsDRsTOLxhiYpKifr+k7062VsVUTfluuMxXFmf\r\n3rX1IwZK6D175EsKnNYN10rS9EEpLP6AdGv83Ns4eXOcdvUuFHy7jzlYOzRF\r\n5UYqY7O7z2R1OqXR/nCeLeVOJaqxD/K3QEJhnVABWzzhs/PRBB6b1Sm3kvyB\r\n/CD5WfKMRnzNxKXGqWeNy6oPsthm6YtMN3jPX4CFzVZYG0wO4dtHGq93LxtV\r\nIC2/JAUa0BxLIpxm+BmOdPw0Zh0sgb0thWuOD47+tifvGgftupvqQIqasPAO\r\not2fZo6Axm8h0uPUC1XgGAAhXG/wVlbFYw7TzrENkN6bUWtF1k9muzYMA0U9\r\n1CvczkWATjxlUknX4nvrII0Isi2xXqChcBuO1vzPrbBfGpedWhZPnFiEOC3c\r\nzH3zOiLQMGT99OXiKBUhLo7k8g2Xbg02XVD6TeLdbcZ0VXIsb1B5riLgANy1\r\npKKIxOPlkSBVBgoXE1MYyFu6YG99sZQxROuFxrj3VGRzqwtXqroD2cfvFafl\r\n4SY3tYT1hnaby9QVDZPc20LdjM869ofsGrVtQFIfVF3I/0uBg5PpAo9MfhSL\r\nfrSdGk1A4xDbW7A6gOUAQ+E/R2jOOMnl6eo=\r\n=LtXM\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.1.12-pr.120.e19c894.0_1675815568179_0.9824407214603614"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.1.12":{"name":"@kong-ui-public/copy-uuid","version":"0.1.12","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.23.1","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.23.1","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.2.8"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.1.12","_integrity":"sha512-WZJIM1JpGA06+bsGWFjDizrT0ZNNZiMI58xuhjMCoMc9nXwF45hLrH66Sek89acbO0cYqWYsS28IHQOEr6sPyA==","_resolved":"/tmp/82f000079bb4ddd5276dc1f7ead48caf/kong-ui-public-copy-uuid-0.1.12.tgz","_from":"file:kong-ui-public-copy-uuid-0.1.12.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-WZJIM1JpGA06+bsGWFjDizrT0ZNNZiMI58xuhjMCoMc9nXwF45hLrH66Sek89acbO0cYqWYsS28IHQOEr6sPyA==","shasum":"498c0de114e5e09047decbb6710cfb07875f728b","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.1.12.tgz","fileCount":19,"unpackedSize":555388,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHn16VzgJJZbUwb/HqEJQzxMke493LTGEF31b5v7Re7/AiEAgiXgsMAh5811vX4DHUGR+j1aRzuIYM+yQMoDVn33Gl0="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj4uzFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpzCg//U0r3QKoRT1xHzoiMwgmNMtak0GVdDe/NXmoNR5pVJ1Z3lPrZ\r\neC6SGD61PMTbRUvxTyxcomhwsomq1uLVoG9RWetljslj2deUhvrQOf+H6uj/\r\n8ZrPuLyDSg/P6emtWRZsXxzGhTg9CWqz0sq/mNvkkGgOzAkI1L8j/Lr0S8JT\r\nL9fchDE+1TcjJl9PmoVzbx/+FQSIw17yGwo5SIcp8rmM22LmxkYhLJdPLzpz\r\n5tZWcxHoicTGkbFoFzX7UN3Cvx5vrB8zZ/Bryx0wgwAPJsuBgjZA5xV9K8ip\r\nnAIsDBsZs9f1SK7L9xN2GxgMwBdtaRGWMCBs5VUiQUZtkrcmF1vEE1stEvNa\r\nv/ggdfRn11unJfwNRgd6J8Ykf9MKjNwqRpMKCWRmtLwtt13G5GMQCIC8iVfE\r\nZNRI3kquHXUdx81aDuwda9jBhL1qEDcSz8ak4xHTHeGIwI/5903VGdSxK20y\r\nTtrhmEq8H7oMFUXx+WYATOhXlq3shYf0xrGS1Ed5lgTnkPk6rJ666tZzsvNG\r\nQ3VVc5DdJ+RZXLWK6qewIAzZ/05eqGxwGt8c5+7zHu+gJeYnqKZdj4QsjyZB\r\nehNmrdoBpIjq7gIHYCV4trDS3suI9ehYe/ndi5zHY/JTkd0WnzscsAg1RCOt\r\nQUVEYcZU3YgCBqqlhyIF73wpJAmHU/ZE3CM=\r\n=3tvU\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.1.12_1675816132920_0.3852302917853381"},"_hasShrinkwrap":false},"0.1.13":{"name":"@kong-ui-public/copy-uuid","version":"0.1.13","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.24.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.24.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.2.8"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.1.13","_integrity":"sha512-9NE83M+f5IIxuW0bCFTsqeBeTGqOk/5ZVj8Nj/TrzCzZAa+8f1AR24JDS75/UqG5ltNcFSs4xHYEXvi+YV8cKQ==","_resolved":"/tmp/12a195c67cee6c247c2bb0140d23497a/kong-ui-public-copy-uuid-0.1.13.tgz","_from":"file:kong-ui-public-copy-uuid-0.1.13.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-9NE83M+f5IIxuW0bCFTsqeBeTGqOk/5ZVj8Nj/TrzCzZAa+8f1AR24JDS75/UqG5ltNcFSs4xHYEXvi+YV8cKQ==","shasum":"d3a60d5a09b92559894843314e4879129a80e76c","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.1.13.tgz","fileCount":19,"unpackedSize":555388,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC9nhkC5W5ZY5izO6JH0LaRZxFxM1JDHKGye+Mvg9tFbwIgK3ktsir8vIbwkUYYAftRwrG4NhVXm3wQLL2nI3kU0Qg="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj4veiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp9RBAAg0Nacmx0dLYM7e4aAKT44JqGzCrluWzyntBrLh2wTYCLlb8j\r\nnD2Yx/BU/vVuFIayUUsmiX4krHZgRlz31i/Oi187O2Swim1gChPweCDO8j2S\r\nnxOx+/bcsOMxVupeUuwHYUD7a0Q2P3B1CFUGJUHamuIIw9LiKIYw8oB3/PqH\r\nisushFQQ7ZFHTPKtk8xzmcW81/yPKDFkkh+bLcWLTfkjZ5yW7KFnuyRGbfxx\r\nfZsgTlRjWK6SSn5i1zAJUnIztP/oOzL+ECeascEgfx6gtsExOyZwAHB3CB/Y\r\nZlfluDvKQDCDFOkUpz/FsEn3M7HhzpbrEvZp/ebHTheePOINPyGnMLpZYDhL\r\nXdSwWN61X7M4Vqt1ZBdkrP+qJoiIPcdnNoTyPHECYe8LztBYTZhhbBitkqUc\r\nU9RlGAIi7w4L7X8IHXbdNgTTEwIHFOZ029la1c7E9m5iJVWrCtuiYY+rlrgH\r\nJDSrbJhrmR/QHdVUVbmXrPzDc+c1nSxkvkv+J7TtTfQP+tPof3FpEIYSkLa0\r\nRt1i0QRTTRjTdEYsAHBcSht1Q6ukYdrlYfJ1GUDcr1DPkkT4jHKi2GCEMxYk\r\nNVLT6JtbhTxX/BFKlfYiRttXtqWlnvdewz5YS5GJb7e/CUue/x5phFZBC+hA\r\nPHtDZbMFAroJBaRu0aQMKuACyNYim7p3AGk=\r\n=iXWk\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.1.13_1675818913962_0.4302788480370663"},"_hasShrinkwrap":false},"0.1.14-pr.120.e33f8fc.0":{"name":"@kong-ui-public/copy-uuid","version":"0.1.14-pr.120.e33f8fc.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.24.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.24.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.2.8"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.1.14-pr.120.e33f8fc.0","_integrity":"sha512-EyRpkepDgotrEt35AcOU7xAmW8r1v3qHMWZoQZ8Wgolj4c0ZpRJc9Y5+2EsKvEzIbC/UJ0Jt6pqa4aBsd1BOaQ==","_resolved":"/tmp/f14ddf1eb87838b92df26410adec89f8/kong-ui-public-copy-uuid-0.1.14-pr.120.e33f8fc.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.1.14-pr.120.e33f8fc.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-EyRpkepDgotrEt35AcOU7xAmW8r1v3qHMWZoQZ8Wgolj4c0ZpRJc9Y5+2EsKvEzIbC/UJ0Jt6pqa4aBsd1BOaQ==","shasum":"8cdb372a2363e22aeeb00ce5a9cfc00152ac624a","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.1.14-pr.120.e33f8fc.0.tgz","fileCount":19,"unpackedSize":555405,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBdPPT7ufbd8x2Q8vo3VJtSJFT+74iy0k4lasI/Rd24nAiEAj7hb2i3tYfRivTCiFCqfAuU/3FnxzMLJoNPFbScnKE0="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj47etACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoMbA//coQQlLFEwT0g86njdXP6OXCBnN85MRC5bCT/1E6tb8YoXQdJ\r\n+WlFEX/Tp2V+ize8ySXxdBfqkAIvAJ4TpZBdKpPXvhvu1ON9fJCfFVkpyheW\r\nN1RcwDNcAZlJhzaEyxVgWa23SSgd0BoGDfUFwuf2DWyLYlIf8X4fPfdjJvrP\r\nLYfXXlvBuuVU8svnm/LlICqL8go/5cCMAUBbSJI1bChumE60PF32zvn830rR\r\nA34aVtnXN0k7N2MdZf5tWKKOSdRKfBesGL+O1FmgAno8At3GB+d12neQ/AmI\r\n9ibLsQOveRPXoFMk1X02Vr/+InLhBJlKqddhokWAlYgAP5bdvtL4n1UTxQie\r\n6DvprncXOJFG1861Y3X5YEiv1tZ+JWQUPL4ZEgsep3mjML8BTePq+WneuD8D\r\nfXOODF1FP+4meXiogl97NEfOLiV9ykRLgkfoD2RgK6LFl8OWqWPQYWctsO7r\r\nzPoGcDd8pUzQCEsNJas0VSldpsl5Py8ZiJUVBhXZlgzafomGHio57VxKdzhU\r\ntqW+fJe5i0s3vc2q+2MIzYr5lqWF53djDGyEDvr7VaLvdR5lR42ZyMULfwYQ\r\nS8Wr91Exp8UxRwhx64LdsPEUkPCGpTnZvNtCqsPBnghFOM6QnysegLuAO0tK\r\nIl1ccSPQkCg+CD6Rt5u9RmSeOJiG+3oB148=\r\n=BDiF\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.1.14-pr.120.e33f8fc.0_1675868077612_0.6647180270857651"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.1.14-pr.120.f8a288f.0":{"name":"@kong-ui-public/copy-uuid","version":"0.1.14-pr.120.f8a288f.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.24.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.24.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.2.8"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.1.14-pr.120.f8a288f.0","_integrity":"sha512-vvj0uKpTC16jVolUNKq2skYPaK4D4+Qrl5kBAybl8rMvtygai73IGF164NMAezAxz9+SgMbu2NbrTAmSm6RHrQ==","_resolved":"/tmp/5155a3dada68f648b14e9cddf5a694f6/kong-ui-public-copy-uuid-0.1.14-pr.120.f8a288f.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.1.14-pr.120.f8a288f.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-vvj0uKpTC16jVolUNKq2skYPaK4D4+Qrl5kBAybl8rMvtygai73IGF164NMAezAxz9+SgMbu2NbrTAmSm6RHrQ==","shasum":"4a368e8f0a5302d27d8962d0f4842990ef64dc94","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.1.14-pr.120.f8a288f.0.tgz","fileCount":19,"unpackedSize":555405,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG3RT4R+/Fmo+8glJngJqDGgsbPus0SlP3SNkZ8E+0CgAiEApGeMsPTLC1a1d3316AFKF12sqJK9UF9W+8eFLbRxC58="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj47fGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpcJBAAjfD6cG4tKAHe6M2YQQn3sCVyGzp1cYm0s8JtFnnRm2ZWh058\r\nPpau4+C5MJ+fDRE9cnSbAK3gUk+eFt4KVv88R5n2yHqfitqeeiKIYzgi12vn\r\nXut25lLdl+6KzWakZs4+8O/lEa2ZDMJ92rsekrzwRRE8Te9UqHRqmuVg366k\r\nTztdSzUelwcrWbfpez2cJaNrAxKX34lOnQIbtjknioOjtwPMcy4YkqZWWpho\r\nXtl5IMuH5+azVJOzlOPAik24TQH98DcaIh+xq1h7jUF9eoVYr+rO+XI/lTSu\r\nNAPaIBFMlDxGhL2uTUTVj/9jb5WokVrrHWwM6i3TXR67kRL73cKwyueOWGhz\r\neEP5r2qIkikKE/5B20ozgKQ0aJFfGDvnvOyIwr0gZqm2otkuRn5rCufzaeoJ\r\ngoSTBmH4+5ej+rdImYGhK3tov77UWYbk1U3b50Z/t9c6/tuQ6WujmTqd31Hw\r\nGgeENTFkdyqABGmR/X8kwMVVYYeyOIe/6dcujNhGxVQpuRzB2bLD5tHHUr3w\r\nhwx9/nLb4iBfalFiOfd1duRA6Dju0ifVu2Cphi5zaUE4Gb9PQhcxpTt9OMmG\r\nDDmbZ37TiW2J0vOC/QKolwdHtWhj/vAGW+8h8/hVTzuLEfZjLdbAMIOcVMpf\r\ncTQPHj0/iM5GJpzJsd1tPRZ0Abf8ZWJ+k0c=\r\n=NERm\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.1.14-pr.120.f8a288f.0_1675868102312_0.3346222349346786"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.1.14-pr.120.5d85f42.0":{"name":"@kong-ui-public/copy-uuid","version":"0.1.14-pr.120.5d85f42.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.24.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.24.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.2.8"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.1.14-pr.120.5d85f42.0","_integrity":"sha512-AEjVI0Ang3f03XVJKqHuYtoaN1NioVZv5f25WKlBZ67/3p/vwEUQiA0nvShR2jvbR1F3KDnAEuBtJiwvOmPiBw==","_resolved":"/tmp/2bff5b835eaecf2e7262c0b2e7beeb44/kong-ui-public-copy-uuid-0.1.14-pr.120.5d85f42.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.1.14-pr.120.5d85f42.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-AEjVI0Ang3f03XVJKqHuYtoaN1NioVZv5f25WKlBZ67/3p/vwEUQiA0nvShR2jvbR1F3KDnAEuBtJiwvOmPiBw==","shasum":"bfc5bf4bd0a4e175f2a658f8206316cd14cad38e","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.1.14-pr.120.5d85f42.0.tgz","fileCount":19,"unpackedSize":555405,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDZwbJyO+pUc1tYoMkznxoF5PaeLGFUHgLlR1BUZ8PUiQIhAPbk+Ci65WUIJAhJIJAyuQp9KG/7E73fTTkywYNrXQgg"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj47fmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrYSQ//VC+4tyBASc+AThwE/anB3sRMZE1kxdGPyiKS9rJeo7pdAtY4\r\nrTJjO+4RyQvyX8zyxQ4c2fI2ASfphmx5t+riIjlrPgRXkxmHQ6Kj0OpWyfsj\r\nKMBeDDtHlWIy6o1UjrC7158FT06KlUpqQz+Bc1kI28bf9l1VL0WnffuhU2IB\r\nyLxDFeYRax8ttwY1puIp+dro4eh8PoY0tCH914rNzINdqvdRFKJU2QPE7svy\r\n5WL7rQ0+iLVwC3iQUKEfgfdHQy17xhKFMnfu/ZMig2yH88fdCAnFfd+X/AqX\r\noMwpfst6o9tPj1KHwPTporreo+q88yBf6Sk2jp6v7njZYSBbgkKLcbZNNdii\r\nlRz4K2mOxBbKwL8Y/yO085dcvLGZjZDwYSOJfjVlRaYAewU7axA8dtYeLjUS\r\nISZKqXvRHpXVzub/U6E+NwNvnKCrGr5NkzlePbJNoltD88QcOcaSNbAxwrhU\r\n1icL/B/MIn3sfx43CTkNt81kYHmCLyxgNBVbi0tFp4XW4Z1yMIeXYsQw1vz3\r\nhX4RuanCjFPo8yAUWiaBnV2re7fmhRwc5UadPw0xUszXtBhra+vgIht+xBuR\r\n97FycHUsBNdQR3l7cLtKWKq1CuJ596/TlzWea0R2wjouBMXzgEGXgHsZNc+S\r\njztYiU0LLsR8I+yliTAgEQnubd7ov9rV/Qc=\r\n=qzr5\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.1.14-pr.120.5d85f42.0_1675868134775_0.45092109146309833"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.1.14-pr.120.ef327f0.0":{"name":"@kong-ui-public/copy-uuid","version":"0.1.14-pr.120.ef327f0.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.24.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.24.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.2.8"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.1.14-pr.120.ef327f0.0","_integrity":"sha512-RgPVPel5Qr8cDH+E23V5hCPdjF/p/ux60Duy0VjEYk0ZeYUeG24vfx9AzU+dwCVn0y3z8Y/8t/ZUfmXPsfMBrw==","_resolved":"/tmp/9469f249b86d45b3e6ae30515f422b7c/kong-ui-public-copy-uuid-0.1.14-pr.120.ef327f0.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.1.14-pr.120.ef327f0.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-RgPVPel5Qr8cDH+E23V5hCPdjF/p/ux60Duy0VjEYk0ZeYUeG24vfx9AzU+dwCVn0y3z8Y/8t/ZUfmXPsfMBrw==","shasum":"962560b0a89431aaf62afe7efcdd030d666d99ee","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.1.14-pr.120.ef327f0.0.tgz","fileCount":19,"unpackedSize":555405,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICnfed104cWCDaDB1lnNkE/KNYTR4pVoiPfo3CO3A42XAiBYPuSvpzHw7ftVnmyxxWNFO4eFiMO8tzFIa0viVoaLoA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj47gFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoabQ/+J1sIl491iUqHWBtBnADN/f7AjvMxaUeWT5bxvGAHwwnsUwnY\r\nDyS9hRAH+XnevdOycYxxzv4rKRqP1OuXYlFjV5k/Ks+3o2wQFSMeXTrADlqm\r\nRi5I9NLhgwslS8Q8a397TdmVXqtSOn+x0fNdWrRrAsTR1iKswlpGQVFySF1B\r\nb8p5p+DveXTVL37FNCvynhPQsVHCXvRmo5+w7DTa9esB2JlpO18dNukKspIo\r\nyZwGu8X2NBNoc68LxpGYPz9ctb73q4a/R0uJfea0x7Ku6p6aSOwRcb5nWFYR\r\nqT+dwg5r8F6BSb9iJEn3lcy1Ejan83FJxq2cjb5RyBtBbMpEKidlFnSq2m4B\r\n+ihy6WZ8Uj/jKR2PkQ3mxPby/ihdjlrNCM6/bQ1WripipO6GEDzEXo06ZYY/\r\nw1BymgDtr8o8RBu7YgxOahMDfIH3KZQHFVfPjRvouNs043vMknsZu6+L43cl\r\n6h3r4k4ljNf1thV26DoS6F2MAvBB2gNtuKXpLC/TFGSYK/Kw77yIg2o705D0\r\nzu/ayAIKc+J6PIYBNMH2YmRZriknF98yG/vrm+HefjpQkOXKhATT7qK9bHWc\r\n9MqENjx/oCv5ygJGxnPPw1LhmmcWOtMnWSzttZW3Iz9yR9rPglQ+SUw/FV3S\r\niJpAMUFGGlGrwxIBVPiUXLW7Y8s1pZmXxxE=\r\n=tJGK\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.1.14-pr.120.ef327f0.0_1675868165261_0.4196784045248523"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.1.14-pr.112.2ff52b9.0":{"name":"@kong-ui-public/copy-uuid","version":"0.1.14-pr.112.2ff52b9.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.24.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.24.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.2.8"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.1.14-pr.112.2ff52b9.0","_integrity":"sha512-/+4oFoLVrxsRNQPW9zPUa1at9mAEgIheCPsTpJw6SKF8UIK+ub86j6h3cpt1a7UiA62jAWng3O0PJVjKDjWHmA==","_resolved":"/tmp/150bb2feb4599cb5ba513d848696f4d2/kong-ui-public-copy-uuid-0.1.14-pr.112.2ff52b9.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.1.14-pr.112.2ff52b9.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-/+4oFoLVrxsRNQPW9zPUa1at9mAEgIheCPsTpJw6SKF8UIK+ub86j6h3cpt1a7UiA62jAWng3O0PJVjKDjWHmA==","shasum":"8d2ebcc17ce5e75978d07102634fb5c071bbeb5c","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.1.14-pr.112.2ff52b9.0.tgz","fileCount":19,"unpackedSize":555405,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGdk1O05zvWXESyZP14Vk9P9eb4vqkMCfaWE6Na27S/2AiEAoOxBCeeaAOUKQK3Wdw2DmOQ3oIZ6Rbx7D+1+X+V4+js="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj48uNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqpUA/9FBY1ChONJnnBy8tmAMqONfHjldiOVeUlERvlBzQxpiT+4GxQ\r\nLBhLEB9D8Q/T0h0o2tiJSDhLGR8YSIhG5PXYHHjVmH6LZZAMdKKaQhOpKR/A\r\nHomY3SVb/fB0Nq0lDrk8zHhRqmIWJkxpZZtS34r8J5nd4bQBVQTbPnGmbR66\r\n/UKJ2wN8DlCNmT+CpkmcwNak2+9cnvGnna6FsHNv3Je1Gak30lmkWOjqNYeb\r\niAcbqPNaA8y47OgRpi9PeOCVnZQkZ05m5q7KHC9mmH6mmAHViK43UorkkjTl\r\nVsm6BZl3s2o+NF7qArj3bYSttoJe5N19xKizvmxRnau4w169llVAnZZPT/CZ\r\nwN6LAFVfMLoT0XgrpbjvZvwSRxAmfygNWuTQNpKz3D3DjEoz44QG5UKeTkIs\r\nJt4FpMJsSsaBPxxTYhFOiQqKn1uOQJq4NTDlrqqze4HdZc2LnCAJFBEVpey5\r\nGxRKOkTEutO8to4Yc2jCro4G49JxvCBPljclmbbLNZwfOOkuO2zl5ph4xU+v\r\nYhaZBVcBViwKsNWft7ddpjEqrSRqSL4qrq49V9IC7K5zAAEr0q5k4zmGtGrb\r\nFDfAwOD2Ooc20XdepEdBBbDfJ6HNYZV50weQN3Op+on5vYQHqm2M9OvpfHtn\r\nLum04LO4/5QW8xXd830Dss9Bm+IWwQJ+2Es=\r\n=MeRD\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.1.14-pr.112.2ff52b9.0_1675873165364_0.9683085291644493"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.1.14-pr.112.b7111e7.0":{"name":"@kong-ui-public/copy-uuid","version":"0.1.14-pr.112.b7111e7.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.24.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.24.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.2.8"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.1.14-pr.112.b7111e7.0","_integrity":"sha512-5M9+lICa9M3iLfsbNZwppVV4rcoN+ePFRenCR7+9mgkiQPUmOTFJhT6NRQQ8AwJjejFMnLaLbT72AAM3gSh3fw==","_resolved":"/tmp/f82abacb5f5224f35402014dc554a18a/kong-ui-public-copy-uuid-0.1.14-pr.112.b7111e7.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.1.14-pr.112.b7111e7.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-5M9+lICa9M3iLfsbNZwppVV4rcoN+ePFRenCR7+9mgkiQPUmOTFJhT6NRQQ8AwJjejFMnLaLbT72AAM3gSh3fw==","shasum":"ea0eeb36a3c079bcb8480ad7cb40c8de3a4d7ee4","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.1.14-pr.112.b7111e7.0.tgz","fileCount":19,"unpackedSize":555405,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC8FX8EVKoxZGY9n0HW6LG24Wvoe6C5wknROX6UdB1hfAiEAyLfPbwezaram0nHqBEj7yNNqHTTj7inCogfu6JsYulA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj5AwSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpKiA//XGwjFFa0QtTDE7kUvUaY5lChY1s95F/2NrBhzjIPm4NFZYG0\r\n5MUGslx7gXS9G9TnrS+QVsUwJh4SKzzo4eQQQwT02zOf4bYj+nxmnE0bXz/r\r\n+u0ShQWeRApAhL9xrtdVyYZWG4+AZA7cwhVmxcGCoNSDTrioQ8t6qKhQxyCi\r\nmsWtrRh7VsLQOQo37GED4kjOTh2vURYlgwxcAzvRcXf1HqFcNmgDryGgRf+5\r\nRmsbLDXqvVde+ROC5mePQGPO6FmLpr+jA8xZ3myI/ASOdq0BCCJnerZXIUGF\r\nex+XOALMQ2QZXxdUiLWnJs/w8ORIkYjHWiEzr6gz2CdW7iS+u5Ph8asBZTMq\r\n3JIJCTEfGr75CJeN9LZieZtIQNsDW2aZwS8FdwQFXZDgmzZTHKvl+n+oRUo6\r\nGuVwoWnpRs5gATfiiomboqzvOdxWxkBLo1R+GHz2rOnCOeha0qaNgLuwe5Bj\r\nYUcPhjGzGKtJ5/eOxz2SHzibiT9dNr4CX4zmqT1PaNaTONKRSJI6QuAx5WRr\r\nOaIGTSCiqNQjPgVKtGrryMHNT8SPJql06jYzooU50MVA6YtCyzPyyole2pFC\r\nIvyTZMuTXNZO+XXCKH9+lUY/ktmKrIkdHck5LPRnaEcg2S0uDJ9e+MmTKg/h\r\n+y2RUGDxAE6AaP8dRlAPyiI0JyJxLilgRdM=\r\n=U09H\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.1.14-pr.112.b7111e7.0_1675889681963_0.4622029094979998"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.1.14-pr.112.bdcd275.0":{"name":"@kong-ui-public/copy-uuid","version":"0.1.14-pr.112.bdcd275.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.24.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.24.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.2.8"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.1.14-pr.112.bdcd275.0","_integrity":"sha512-2gVgZkbKhSBj5isJi3cStdoCAzRQIZjeVZnyG/H3mhcVew+O3Us4TlDAu+dcYm3vwLtGe5dLJI1eOxvubbvRHg==","_resolved":"/tmp/24e0ebb17315c0932143f6652178fc65/kong-ui-public-copy-uuid-0.1.14-pr.112.bdcd275.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.1.14-pr.112.bdcd275.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-2gVgZkbKhSBj5isJi3cStdoCAzRQIZjeVZnyG/H3mhcVew+O3Us4TlDAu+dcYm3vwLtGe5dLJI1eOxvubbvRHg==","shasum":"c103f831b257e567b8be4bfbd84fe616fa59990e","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.1.14-pr.112.bdcd275.0.tgz","fileCount":19,"unpackedSize":555405,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCHR8ywGm2uFl3nvB/VRSD28YNz7wKXhrO4WQ5TqmqXoAIhAJhdeQO3TRvWI0GjfXiY0iu26O9lcjLeUm81dAlaTez8"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj5BFwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrA9g//QZ2j7PSyz+v6FtiUWE84aXH5VSnPgTt/cVbPoRASZZ3/yDaZ\r\njH022y5Sja7H346GGhWoW3VppYsdLbzhYbfaEEpPMt3LCbvE45blEeK1i9K7\r\nBJ9e3NqGZXqq56hFkSVhZGAMPl3nAv6oxyj84TX5k4FA7/bcVJQmid+geQPN\r\ndNt1SURW++m4j2qEANZslR6VqC+Eq4yZX+LiUAj5Tt43ESbx6EtLHGcAGvij\r\n4f9fmY002ZVSwTYK4LQVSqPqxF/dhLQ3IVvJhcS0jq+AbVy+bfUxjH8OWioh\r\niCPcSu3a/9ZMPtGUZWuQ/jwz99msdOVimc/OdsaDjtYCUCP9MogI21JtbMYn\r\nkQyXWLXPKTQ7EGNlPDSo2J9y125czsglZjDh6KMSfQZF294+QydWX+L4SxD2\r\n562A8uFXQIe2pUUGcagl3J6WVuGpydsPm99aFyYj8NLV12qDkPX7VQUjzCMH\r\ng7ptuoBeSnv7zhGB3u202gWvEcEMfHLlyHFQoyjoFWMQ9kF5ixBZIY+BkRtz\r\npaV6kgBT0LFRhz2G2+RdpOb5kg7zYdRTdHGIIVgzXp876WIVz4XFFd/1vqos\r\nMNHdRblQVNXoAn8Be1R2P9Zn5P8/VqkYd8PgSEtlBuhaPRL8j6FFPRfjadNW\r\nrpVKLvLV/Nx90z8oKD1K5X49e/0bvtqM5CU=\r\n=v7hk\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.1.14-pr.112.bdcd275.0_1675891056136_0.6289281503536579"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.1.14-pr.112.cd17446.0":{"name":"@kong-ui-public/copy-uuid","version":"0.1.14-pr.112.cd17446.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.24.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.24.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.2.8"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.1.14-pr.112.cd17446.0","_integrity":"sha512-2cq5hzqrQ2t8HvCu0grDPVCnCbpKMKH8DUIlhKDFVokaPwvF2pTMzX0MRhN0exBKgxXxvq8FKMx4r1bxySrQpA==","_resolved":"/tmp/c0a984a01102c9dfa01853b888fc4987/kong-ui-public-copy-uuid-0.1.14-pr.112.cd17446.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.1.14-pr.112.cd17446.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-2cq5hzqrQ2t8HvCu0grDPVCnCbpKMKH8DUIlhKDFVokaPwvF2pTMzX0MRhN0exBKgxXxvq8FKMx4r1bxySrQpA==","shasum":"19da72b521b8de4fd9948de3d0d7bee41552ad71","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.1.14-pr.112.cd17446.0.tgz","fileCount":19,"unpackedSize":555405,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDeW4jjp83jDk1HuHvYxTjlKJUrLFzTrN3w1JP72DqeDQIhAIkjNSGCxGVCMhtn4ofRjo7lUpKISYzm4WAC+jVuBFGH"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj5ByXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoLbw//aLsXEzSMqsts2nRmO0D/WCtBnSahLFtvOm3GDIeo/VUjFMgV\r\nyIndvPsq0wRzUGcT8YUFc6ttBBXh3sY2rPdznJdKUdagk1SGSMD/Kso+WAl9\r\nM39SnAJvZoXHOjBLQ7T6vTqgembCJNxHJR+L/S3rpbYTAvsZsb4nIuqwCcTI\r\nZ0qWeU/YT0dpbqL0EuvF9damiD3ozYfJ8H8uvwJWVS8tWm1H88/GRKBGUsJO\r\nInUlwI4jwjVCyrqi0lKd1aDdL4i9nj5rhbfV/FLw9+i5rwtMuV4xFvOqyz/7\r\naGyqSJlhzxyrN5sKM/vEsBFJX6PMBgYCk+kGOXYddYqlCCkZG12W7SJby6Nl\r\nUWSHB1Ps0MZrTsgE/XRhYZTcuOmqiSPh6nHWUHHnfzl5tpwqaBF27Xfl0svZ\r\njAfO13E14mx23abHkZfm6uUEAqv5GQu5uNh17xx8n0s8qoEv2uZ/bjP5PWiR\r\nfrJD3bFMY98WgElGpbTLkhURNkeOS/EQHF1Lux/OKMmk7AMnG2y2ZZH8uax8\r\ni2v+YNtsSkUWdPou0P9YweecNM/G1yDAzUfLhXtCDs6RjOonY2ErPu1P7yIr\r\nG6JGmkvjJQ+ZNJNA9rTgocNZe6CQESQTUBQew3EFQduncdn3bMQJFunv4o2I\r\nRdf8iH/wKn/vvxrSGtriVphltqjcYAJG9wo=\r\n=0erv\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.1.14-pr.112.cd17446.0_1675893911598_0.04914126474799474"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.1.14-pr.112.62f6bf8.0":{"name":"@kong-ui-public/copy-uuid","version":"0.1.14-pr.112.62f6bf8.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.24.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.24.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.2.8"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.1.14-pr.112.62f6bf8.0","_integrity":"sha512-GppyO5cpGS6Wu3RVLOhuv41b6GL8ONIYvNpJfHcO1TwyidPiZlGcAtX8lTxabc3vIusAKEMRGdIv+EzCFhI7fg==","_resolved":"/tmp/4253afa6f19120a79f618018335b37c9/kong-ui-public-copy-uuid-0.1.14-pr.112.62f6bf8.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.1.14-pr.112.62f6bf8.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-GppyO5cpGS6Wu3RVLOhuv41b6GL8ONIYvNpJfHcO1TwyidPiZlGcAtX8lTxabc3vIusAKEMRGdIv+EzCFhI7fg==","shasum":"7186ec63fc29d95893a561fa78d676aa40d59198","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.1.14-pr.112.62f6bf8.0.tgz","fileCount":19,"unpackedSize":555405,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE2nWCJF/oz6bwzfbexavV9BdLYGa91lTJdY+MXgnq6BAiB/XW4SjIt1pITo2phNQKL1bUmoHzkGg73/HJmQ1Og6aQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj5B+FACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpTBA/9Eme5gD/qqo/jW199eLStX1TJ4+QCIoDlEBCOZv1g+n9NYfXD\r\nwCA1NTInvWFoI5YPOH4belbYMoqbFrCGz04eiMXIeFN9U898qcIb8mfe8NDi\r\nXhVwLO1Syza4/MTiQx0I0QwHWmMsvNyugvtvy+kvKSjCMoe0Gq8Q2WgOL/1h\r\nqYtEsbzIM5244pKdXxWZBEiGgzmxAPNl1nQwSAnKbsgb4+djPJm8dF0v8mlK\r\nHUcin/z9bMyS+qX5jYLBQaTDQDcL55lvu7gEbpv0pbhxsJusmSlutDy7kF/l\r\nA90qZvP3HDD9WldPPVBryDYTsjJbUFotNwgIkQGcpXw0qE7UmLeguDSY/qJQ\r\nKM/4Kc4Eyyh48gSkWiy0Gdkb3hGcdc0k6UPH0dbOZbYHKkC387IWbSBP6vf9\r\nBN/eULsipjcYrlcAcHTStyIci6XVrUMihoA59BMc3drXmbG2Vcwsrpc7WHbI\r\nOo46km10lvPzSzl46/WVqVWPUJF5XOhPOy+MfQSr0x06mRZp+gQ2bFEdHv3E\r\nNGwqi6ylwmrGPzoM2gTL2dQKwb8WFCuBvijRminqpVecOqdnTVZ5b4gW4oPC\r\nOUZFG2qxMi2BRLWfhK3o7kM6X5MT9dDT8KTKGkpiMBN4D7DSGMeKcELYZDPm\r\n3LIVoMtik6x1qHeoLN1NJNMX+79Z93tSjUk=\r\n=OmYc\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.1.14-pr.112.62f6bf8.0_1675894660997_0.9155888541599009"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.1.14":{"name":"@kong-ui-public/copy-uuid","version":"0.1.14","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.24.1","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.24.1","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.2.8"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.1.14","_integrity":"sha512-51f1HqqGcZULa7nlB9hFRfcApyHnrVr8g679C6kn/js3bD8tihf+LmcllK0WI36G/g+oNYXokkIHxrDJwIpVvg==","_resolved":"/tmp/867baffcd432329104092938418a0f47/kong-ui-public-copy-uuid-0.1.14.tgz","_from":"file:kong-ui-public-copy-uuid-0.1.14.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-51f1HqqGcZULa7nlB9hFRfcApyHnrVr8g679C6kn/js3bD8tihf+LmcllK0WI36G/g+oNYXokkIHxrDJwIpVvg==","shasum":"030e36a2a06f688dfe29e6651e654ab41f2a15d8","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.1.14.tgz","fileCount":19,"unpackedSize":555388,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC9S0EmrFo+2n/P2awOsvtlH13pOlJu2T8qKhZ3XcmDGgIhAOMmZu90zFJ3BRiaiB3yaVqx0YZ2PwhR30oDloC/bjY/"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj5ELaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqsgg/9HGKZjAbwZGofi7BOiWG/TXhY2o8nVXG9P5Rxt5ZhDK8V/AtB\r\nLmllQsjzug2bviVvGaORpi1gwJPkjKDVTMA+DyMIFbZ1vv0HaS7AihK1syEc\r\nrHW8ebwZKjuzWIplvvZjk5vMi6bOJvzuqVt2kRI57r2Kmtv7aSXfa8K9l2bx\r\nVL1w6V+6EbNdAjpiaV04xRlzmYfSMnD25Vao8lDCsuE5VcWwH6RpdW760sAy\r\nC43Q/BnohtNp8XGoq38hZGqTU+DbDI9uTW6jhJ/RPBk+lu2rAJs+32WH6C+P\r\nmKUowsBlT0TmnmVBtmb1+ZU6eEmmcNFPhQxnV6CLhB69S4ceFjDY4c6UjKkd\r\nDw6jJ8yRhCAXZxy/bZamFUpFuwr2dP64qPk3hs6X/VvBQ1THCr1Te2knkluh\r\nTeAtk59gzcEfgoG17OEvNG5T9Xtt9A9/L7BGXAeDlLLeo3hqwCu5G6CJ6WVp\r\n1jOLUZ/d8RKxCiM0OGlp/iaS8X0ECITS4ilgoXrYIQwd2luJ4r51bubFtpgn\r\np2lbS/Rs4Km2L8J5xhpmyC7aVe0L4IolPph4DqXKzfc0RnJlvwoXrqbKFzvS\r\nRo5ENi3F4xAkEQqjELAj2JGuLZ88qCTyKVkfibs0SOpJNFrVNY4mfxbHR9Qq\r\nCVsRLhB8YTmeENbnzq0HqCilAYUqpOERHRU=\r\n=At1d\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.1.14_1675903706687_0.09321004435253566"},"_hasShrinkwrap":false},"0.1.15-pr.112.975fc2d.0":{"name":"@kong-ui-public/copy-uuid","version":"0.1.15-pr.112.975fc2d.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.24.1","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.24.1","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.2.8"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.1.15-pr.112.975fc2d.0","_integrity":"sha512-wQcppEgl/JYG8Im3evTiR/KbTTurAHBd1lEZM0lcYvrW7P3ceinkrCO7rRawPrsUeckox4PTNcfPouETjnnxLQ==","_resolved":"/tmp/ea7ca2b95dd7e5faa8e87158d661e771/kong-ui-public-copy-uuid-0.1.15-pr.112.975fc2d.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.1.15-pr.112.975fc2d.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-wQcppEgl/JYG8Im3evTiR/KbTTurAHBd1lEZM0lcYvrW7P3ceinkrCO7rRawPrsUeckox4PTNcfPouETjnnxLQ==","shasum":"5996aa21e91c0452d37d24f4d62f8ecd1ad23a14","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.1.15-pr.112.975fc2d.0.tgz","fileCount":19,"unpackedSize":555405,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDIM2/jvGpwv2hOWc7VHIH6urVhPC4SqO6EV0Lb9NIyFwIhAK3K5qA80Sr0AMbbClByZB4qY5ce71DEB8D0SO3vaipP"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj5TROACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrNcg/8CjgAaKprOT8+/YEOdJT/cSdST5huMohmuhirMOgGG/LLJen2\r\nZ9ZS4b2G1XiKGgWjA/qiqAhgkzAqb1LX7I4mXng07Yix7KW4jQdLep8fgATq\r\nEJYRH2vi6Zvdw7k2eiBOfcKPGHQZgA/ANVWr64Bh2ihlerq3DG0MQPXlfVRz\r\nRjTTnHRPEOVGjbVjUWRvtlB/gsnLIo02n78i2rwSCsOEpxfmoFZ84e9eQ8ii\r\nCL8AhstyL+cDioSvZQDjkYEHP2hoHoZjY7XhJnYb7okHPDvvzn/KQXPoeMOR\r\nbT3Yz2E9zTXmWPMeTsMMDZMQCO2hXKwKpvzTbyJYFjGj/B6M0PtuVDP/YrbR\r\nUgKa5X34Vrl5lwX8gpQdB6BlDlDCAs1EQIttXZmc3lalqau3u2BnkBZ1ou/w\r\nb1Ah3SC5qNHQO9I2qJ86aAe0Dj8Cf5GKldz+tjtLztyFZ+wrzaiUEmbbqJlO\r\nlxkgHLeMR8RKoew+XkV/Av9i9rUx4bsZQJfZjjf/1RP8CPuJkWGovlbPJL3K\r\n46OooWxjtFtt5yECUGSVCdlwGPBw+yPY+1Gg1MVYw1r+TnhQbPangGortyzm\r\nXh6g2Iy7dw+DWvh3tp5AAkWV4T9IkF1a4L1NXMtZGIxGqDm1LjEJq8n7nsyI\r\nqdHRwLsBHNEBOuMuRB+RpZ/wl+psBpwrxi0=\r\n=f5XG\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.1.15-pr.112.975fc2d.0_1675965518424_0.09361024780900906"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.1.15-pr.112.4507899.0":{"name":"@kong-ui-public/copy-uuid","version":"0.1.15-pr.112.4507899.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.24.1","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.24.1","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.2.8"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.1.15-pr.112.4507899.0","_integrity":"sha512-zWp0/q9gAt8tb6Ba4H1nvqmNuM8RMfMC415duL8F4HGiBbqPnz8gHKtUdWkEWTFvvp5FBEzmfe2c0npQJ429EQ==","_resolved":"/tmp/990f5f0d7f10c852fce48ca09ad9820a/kong-ui-public-copy-uuid-0.1.15-pr.112.4507899.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.1.15-pr.112.4507899.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-zWp0/q9gAt8tb6Ba4H1nvqmNuM8RMfMC415duL8F4HGiBbqPnz8gHKtUdWkEWTFvvp5FBEzmfe2c0npQJ429EQ==","shasum":"2686aa22e9d453e457e770e30d3e64931e358cc5","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.1.15-pr.112.4507899.0.tgz","fileCount":19,"unpackedSize":555405,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDlbySgANkHxOrvyNAr/UTulQLPfqnRScGjkJvthWxF9QIgIWqRiI2MbbeNoCfmpoyQcMgFv7W5s9+ZIJKT9Y8KR7A="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj5XcIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqDHhAAggHhYRhDWT2CfozP3b0kQrq/Q/0eEV0kvL07a4b7xjQ2bKl0\r\nez4hMe+1c/E+GAnmkcPJoZt+IjqIQg/8zgPZfM+tefCqC1xmI6rWaw07BKLI\r\nKevIyKkL2LQVMzIOivsv2R7hkhW8NqG0q+kKrkKVMsNMoVm8YeAnNIsJTkZS\r\nWw246YeIxnehLJV3I0Qi55tfL20OcekoIacCMWpxcycDiZWEE+XaHR/8pixQ\r\nj+O2vnyPF+1QM++XbhHgCYhq7Eun2AUMGq/Q3J3J+3Oh3X6cEKo0Ao6y4qMw\r\nKZl8og0qrbhQQ0Q6QmZrkdTBKd1K41B7wzDBtZwfvVNaxESYYuRHHteUefgU\r\nYA3K6ajRqUUB+4ZxzL4jjwaJSFJB4vsAtKBY+wNnWoU8B31348K717LywK77\r\nZ/dZnXzFobMbqrEKs+rtVrLS1w8m7MhOs4gNrnJzLDIZh+2RxEdiARgTKV9s\r\n5tgw4jjfXDpbKKbHkiANGCVK0z9tei1Ec984s1MvliK4JOfXqhrZrt5k6aak\r\nZPUlSPa0iyV7GK3K+V1AlXLvtTl6tkJ0fq+lzjZJD/IPE7SbXIqOkPbdCocR\r\nYZcf04f6x8PNadSbBqYYN8bTnKdcNSPMVdQdbCAZBAjOiQH675mBZfQ8d24h\r\nKaaXcvLOBYWkCCM/zRpB4nkUFI6ktCqAxA4=\r\n=GyUO\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.1.15-pr.112.4507899.0_1675982599934_0.12933582204819416"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.1.15-pr.112.4879d8f.0":{"name":"@kong-ui-public/copy-uuid","version":"0.1.15-pr.112.4879d8f.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.24.1","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.24.1","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.2.8"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.1.15-pr.112.4879d8f.0","_integrity":"sha512-eDozROn8md+18xp67/BFg8sb6mNQtCkL0XiJesREuFnwUp79VUOCRUihjtUDwD9JBLKHxfatqY/j1R/SX3TMoQ==","_resolved":"/tmp/4b4d0cf0b2e57d4a84bc2733427c9d33/kong-ui-public-copy-uuid-0.1.15-pr.112.4879d8f.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.1.15-pr.112.4879d8f.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-eDozROn8md+18xp67/BFg8sb6mNQtCkL0XiJesREuFnwUp79VUOCRUihjtUDwD9JBLKHxfatqY/j1R/SX3TMoQ==","shasum":"f6b1da6f9dd577bc76b32b602489d8ece1587091","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.1.15-pr.112.4879d8f.0.tgz","fileCount":19,"unpackedSize":555405,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIF8T2tYFkDhKRLxsUfR4NbiBCYMXE6vucDN+4rliHS5hAiBaSLKhj4zCceCmOdJWFjZg/WGtqg2pE70X0CXAy1U8mA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj5ZL5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrjAg/9HAubs3SyiFLsRrDmYBMRUCMh0xs6Y2Jeghx/m+1Lc5FXj8be\r\nB7L0sAmegCGYy1FMW61yApkvTU1u8/86NAH9VG46/1CCl6RupYCdVGLbQL1q\r\n64aQHVIkqAqxAF8SX3uirfvnRencOBEPbeZYTgcP4IBas1sjSjSMnRQ88eYj\r\nfnkvF+7IeVPblv/TqXGtauNktZaC9vChKoEuRpkN6AhYQkGxB4/moxpRzVjJ\r\n73u3i/TvMSrZ/tZ6ZwdGuH2VoQwnIZ2R+6AdIYCHgU6m1GfngNCORbp6NQkC\r\nrzCh4O1N3UuaAWdcvy8VhAqP7+gExvfvY2fFnvQB3iTAPQLBe39BI60jRhrD\r\nL3LJZTMi9QS6TQCbEDZiu+mJYKhG+qROjhIjzqWPM24JxjykaxqQOlV7vTdi\r\nGnwnIdn/1VYASYhbYS1P7DLsR9toSpf0zOWk6D+Zk/sHE7iBWeVSuxCPES+2\r\nhCVJTHezSpIfD+S+91s62LvOaOm6yYNcXCwQ5x0nTf6KiSwty+q0NtIy5J14\r\niLxNRdnmYTm2xYEcriIS0EyYAuwIwq9ri4TY7Smo6Uqd5IYxTHYoq3TH4XNu\r\n2OPxsn9sJiyMTGgE2m5A5rcZZak/GQak32QOeXog1v5pszPXOu57kBJIhCpK\r\nnERGP09WWNLD7TNT6jQQjNiy9+tcjk/rqeE=\r\n=uc3R\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.1.15-pr.112.4879d8f.0_1675989752776_0.44786126903271417"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.1.15":{"name":"@kong-ui-public/copy-uuid","version":"0.1.15","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.24.2","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.24.2","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.2.8"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.1.15","_integrity":"sha512-5gU7B5ziVCrFE0wcx3aM7mjmh1hHrVEuxKyh6bPPgnRuTkY3mCXfFLGx5F4IiG/gQo4ZSZDW7OKXi6E2Znch2Q==","_resolved":"/tmp/2e1f64fba70de6b65658a53da3b0b009/kong-ui-public-copy-uuid-0.1.15.tgz","_from":"file:kong-ui-public-copy-uuid-0.1.15.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-5gU7B5ziVCrFE0wcx3aM7mjmh1hHrVEuxKyh6bPPgnRuTkY3mCXfFLGx5F4IiG/gQo4ZSZDW7OKXi6E2Znch2Q==","shasum":"ee198b16b5ffb8a8020723255ecf0ca6b0d53911","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.1.15.tgz","fileCount":19,"unpackedSize":555388,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG6U4MOYWIhPB6Q0/KKuKEBwBGXu/D6fpxF80Hr3uaW5AiA/czJesVCyr8lxZz/MT9LYo4C7twbaUotwwdzP5NONIQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj5xQeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqmahAAjyXM/fFS6SS7oUNOpdpJuYkuaKQLThv7HgygGYPpnK1GJX7F\r\nDh8rtIGtoiWYOHN90EAAQFywjAQJNGK9dRvXpUshNfMGQ3whNrXzrXHmaLLm\r\nojE9jg2jpjNAkDE2BhgCPZt9ROOz/KPUvY1gHsVo3epLOdJf2V3rMYG7PfIJ\r\nau+abLzbW3QgxUzIuqUOdI4DpZs7t3yPVYqn2rERwGP4XzBQbzty+az3BTCr\r\nFZPdf7aODJ4ROF7E9c1CJ0zdTXkL/TR1jEdTmS1qhhLLZpcbmgojyweMll8r\r\nigp1gMnNkNk2mv0wHE9XizigqLrGgkixAb5lkON2H7LVrY/NOW6WgfGu00wv\r\nM5TXoPfcQVwcSIlhagJ7V/erOf2E6KL3J+0+GF4HSbi7wgRw+7/kv4rTytEQ\r\nEqkngrNSJ1Yuoki9vt8zSW/QupiqCUwQXF+3I4XTjIHRduPnEirHMPtI7zx5\r\nrgTdmRScW2+frINRTwpVAQoFTkfZAB+UKDLJDCr9kfTyxe+gWKgwnLYkZxnb\r\nEtD3oUrcm1Z8OoewuBSZVs9pyzp+QXWKbNQjEO9t7yz9jGMf9l25hYn/C5//\r\nk5REcFcPxTBvwocqLKenljsbdWakHkpEBrVJSDu9tEOxWWrStHGpug59ZBa4\r\ncv9H6DEQDuVpQ5UFq1oYQAQQtgltYwaIDCg=\r\n=wJnF\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.1.15_1676088350098_0.007088713770942112"},"_hasShrinkwrap":false},"0.1.16":{"name":"@kong-ui-public/copy-uuid","version":"0.1.16","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.24.3","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.24.3","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.2.8"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.1.16","_integrity":"sha512-aJYhocXL9Oy3JttbI0h3VDXXiwSQMbPZ8GzAjOnJeeEJtDzoTuZxVQg0wBrCr3MjG+twLUq76oeY6MAwBhwkFQ==","_resolved":"/tmp/d7d72c9b6676ad7b2fcd80932e06d4d8/kong-ui-public-copy-uuid-0.1.16.tgz","_from":"file:kong-ui-public-copy-uuid-0.1.16.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-aJYhocXL9Oy3JttbI0h3VDXXiwSQMbPZ8GzAjOnJeeEJtDzoTuZxVQg0wBrCr3MjG+twLUq76oeY6MAwBhwkFQ==","shasum":"4a5716b5e7861036c81c71046c7fe771407ca0a9","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.1.16.tgz","fileCount":19,"unpackedSize":555388,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHzb/GSKcgDkoiuSw3L46rzJ8TC7xSC7ycaRrAQa+CZ6AiB1GLu9w41UPaOuKk6s7tkzAG18yib3p3xApNWjQx5qBA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj7QmOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoFDA//eIu0/67gL/lE1lxK9Rn79N2CfAu68s960mNJdL/sRwdVQVR6\r\nO+bOjIEJXqy/3KiGr20iAfTt5voZ3YEgrjTnKyV3uHMtzfntJ1So402o5z6n\r\nCxHPkCgoY/1TdhsqCEUMBIC14KcYi/mOKZBNtXd8DAXG7kGrpgv9h8lgykMT\r\n2LKbr47i+TzvAfO3vELgc/WEqTZagT2NalKwVlvNOSSWwc/Yzt8xU3HI014Z\r\n0o5iU1tfIfcBWabzTPsKrO+oQko8/HzOiMzTN3hGYGG+Iux4wRiDkq13MwTh\r\ndQ868WBx+4HeO8UUCPyubcwJLO8D0WReor5ZXUc0Nuf/mxYiY668bkeib5l2\r\nfmp4yfQ6PNnMvBsGo8SCcrRTOgYU/Q1OyoXe1TxKRdD+EVSVFovhOPoe2eQR\r\nOWVZkTj1nsWTjfaUX3iyF1cXVBJY+VSnKyj0DEqkDWqMFjnbB3oUmsJD7go9\r\nBFBN544DIg8jCyf9xd42OT2rqH3RoMpmzU0/w6AEoo3EEkhIFYLcuj/XsP77\r\nNoyrXfUQ4hU1tvvIzSTfFpN/kh9ihARnqyfrYgZL27mHpqjDilqyTqeUDAVX\r\nn7j/YM8xL3ori/cxeNySpCxVQkfhfic4iye4KgzCBsqBveKMs+zY5++9bVTE\r\nK2rtJxzrTAnZ2YH+hK2angBQhKiRCk11ejY=\r\n=HfYM\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.1.16_1676478861812_0.5857500296912095"},"_hasShrinkwrap":false},"0.1.17":{"name":"@kong-ui-public/copy-uuid","version":"0.1.17","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.25.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.25.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.2.8"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.1.17","_integrity":"sha512-AWyOnRHvp+bjSb89ny7apwgOR5+OIjV89iDOOV6pOwElwPWbm4LGlSwMp6sVkeMwGtqjBgnCqcCB87kifR1jmQ==","_resolved":"/tmp/eec204f5435db19836f8e45acb17c43a/kong-ui-public-copy-uuid-0.1.17.tgz","_from":"file:kong-ui-public-copy-uuid-0.1.17.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-AWyOnRHvp+bjSb89ny7apwgOR5+OIjV89iDOOV6pOwElwPWbm4LGlSwMp6sVkeMwGtqjBgnCqcCB87kifR1jmQ==","shasum":"fdec21f579cc6c01f1e69a1b110660cfcac88cc1","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.1.17.tgz","fileCount":19,"unpackedSize":555388,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBrAd9GspzauYKzPFOkrfz0czyVM+6yCMHqSYH5KP5vxAiBe16GE2Jn3FjW8FUqbqTG5+stmJc318F2tnL1lGmH77Q=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj7Q52ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoC9w/+IkNBXZJaRIdWI+kOedKnuk6DaH0F971gL30n8GCgrBpU6NAq\r\n2UWdKXwzucUXWsv4Nybyn32YLniP8GqRO7VHjorrOT/iuNFn6otx6n+Fo8fS\r\nbKVkq6o5aXLZwpMn8tprLJYOlngcuhiNhHXKHebQpaZ/3l3Ou8Cq+nuexim3\r\nU4rrU2OlfzUNrkBCwvvn5auQi92aPHZ0EIX5PtDupgHwSFNzGKqZaX/w1guQ\r\n94/n4+EZPzIjcFVFcscWZgbKQl4RvgKGCyCTZRX5PqbefZjnKz0zOEIiUrYV\r\n54t7buuiU9hnC/tZwgRRJ4uD9ZVje5lTEauSytQ1WtMGAkCpqWqrT9N0a/rS\r\nJU0+O3UqrVjlISY7GSqcLo8CV9E0PTvXfoHOkNDQZ5tuu+2bU8ckv75B5HW/\r\n9ia5tGSIGPPjY4osywXKeotBIrenVglaU+Ag4+j+II5E8IhpozxwAd5mt8NE\r\nIktXX0ckHJste+ptTjrfVQTmFzOt4BEc9j/HL7eguXX/RXPV6hc9/ovJj+UM\r\nYJT37AmIfUNIBno+H16y7k6lqzVoaLkFq6kBLLWEER5XiO4m+2ak/uZVsfk3\r\n5JtMbWYB/YByBKKpvxjBg631NJwN/xZD3uZSuxMRP29c4xJveKAeHTqsy6IX\r\n85Ap+4S7zYOlYSpp5Vz66iuUFrAMixHjrZc=\r\n=edS2\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.1.17_1676480118672_0.5103111413270816"},"_hasShrinkwrap":false},"0.1.18":{"name":"@kong-ui-public/copy-uuid","version":"0.1.18","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.25.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.25.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.2.8"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.1.18","_integrity":"sha512-R1UteVLo2SQSpiPQjgvdZTvyooJ2REQNWUGJ46UFG60sLvXh05ZkSsldLoUnn8rnGqdST5rv4cBc4UEv5t/Y3A==","_resolved":"/tmp/e1979b4eb5ea4a35187c3f2c356c8bbb/kong-ui-public-copy-uuid-0.1.18.tgz","_from":"file:kong-ui-public-copy-uuid-0.1.18.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-R1UteVLo2SQSpiPQjgvdZTvyooJ2REQNWUGJ46UFG60sLvXh05ZkSsldLoUnn8rnGqdST5rv4cBc4UEv5t/Y3A==","shasum":"6d4cb2123f8d4029391b2458bdd53954532f87b5","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.1.18.tgz","fileCount":19,"unpackedSize":555436,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDvGox8S7uYUCEdB0Y9Gj3hgyohy5CBZBE+KLbbDh+eXgIgErT+qj0rfKUo8Ka40GxNRXn8+lrclu23rk01KO76ZSQ="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj7SSaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqpNA/8DE90uEW2FIzrg/H//1bPygAS33XW04reqggXWdwZMv9THnBf\r\n68NL+6kBh339E0rqYGApXqWZ92OiUmK8Oaex7nJdHNKFCClaS+hMUdC7BlgM\r\nzsljR1QhdLR7UmVV2DFZQA7krv9VcEUu/srf3WZxEW0gHBsLd6NkSGX42YNK\r\n5o7aln4Mk/oGBkplROmW+yfV0SLFJ5mlHonq+OcGvHKb8rTDD6hKlvgmir3c\r\n2n0UhMSYo4v/EFtUG29770tdLXT/iOO1a9L4wZg9l7chxCGcGiDWSMQ8AlY8\r\nwjVQwzDAOG4nsoCIgDOYnXJt7kaI7XFRXiV4kr+sU1zk63P3Fkn7d7SxfvE4\r\nuooM8dSlyuBYdwsuhYEiSocVRx7OnM3ef+7k41SoAUHs8Y+bXv+3Njl4rKFb\r\nETgkweodeZxSXalTFjMR5dqTC1bM4URUR5qcXtvoKpkkb68sBLGrK9LkEmV2\r\ngy34pshEQs1UrdtyE1AO1XnQvWy0lbY9EA/5KDIsYmek1Mzc4XLO8WRISKoA\r\nAhEEZ+MucyFgdsA7ysDEp5/k+qJevXGfk1q6a+7Hc+tgHAb0VdL7WOk/Pabs\r\nGKvqGPE0igf6E/y/InJBzoOWcn0z5Lvy/1r3gO5qGUalAPBKoi3J6/sec9kQ\r\nKPqmsB7HLloWyQpCoVyVwngNDSLM1AA6ISU=\r\n=rbLj\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.1.18_1676485786116_0.7394658994373935"},"_hasShrinkwrap":false},"0.1.19-pr.112.337f2de.0":{"name":"@kong-ui-public/copy-uuid","version":"0.1.19-pr.112.337f2de.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.25.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.25.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.2.8"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.1.19-pr.112.337f2de.0","_integrity":"sha512-sUSPSNfSshwSFKDxEcM9+6788tqyjK4ybB0S8zI+mTL3oYzb4oiEx7Mc/28084Y8s+WNnVzIx+MAi5tbkaIEjA==","_resolved":"/tmp/48526f2b010c282e000466f500fc492d/kong-ui-public-copy-uuid-0.1.19-pr.112.337f2de.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.1.19-pr.112.337f2de.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-sUSPSNfSshwSFKDxEcM9+6788tqyjK4ybB0S8zI+mTL3oYzb4oiEx7Mc/28084Y8s+WNnVzIx+MAi5tbkaIEjA==","shasum":"065ee083536a2184ae6d2ca821b4601fcaa8f262","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.1.19-pr.112.337f2de.0.tgz","fileCount":19,"unpackedSize":555453,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCWU1McVxzQuCBgL7ZncXSSO4E7Q30z6l69u1LVnwh10AIgHKENQMoiVUWiMnZLYtbAnjOCrgKdAfECl/iVAqEirHQ="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj7UneACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoK0g/+OkV/qjmMtsD6vNZsdwLT3pwIcVgD2XGjpF1KYBlAfC1qepid\r\nRdVyBVWHdm3RG454darBXZ6cdXlbPB7i21jXxtfDbTLtO46n0ME1NLmfflaK\r\nhbI5pdF4m1XlvBfZmF/Dqh92TYsx5S5q+ago1S7zTpzyr3GZzoqoHIq3we0l\r\n3TIsMFuhbNF8RtyA8Ay+r4WpodtWmdBqL5BvWJ1ZOkDEWLL8esa1BuBhsWmn\r\nwObAwKO2hciMAD/sYXI62GIrshv1FVsa5uTRUBjiLNfjpd9v0XI8DyZECehF\r\nVpScThjtWd8BwuGdJGCRBZQmU4c2ZAfHs7svy6inY0ZKjb+tDYD8/J6JOkq/\r\ng74mgKnrfPbeL7Xj0Y13642I/Xy8JUSl8ec+WLZvSAzg4P/dzgkZAmauU2OI\r\nYtnSgv2JPMXfw6t5AYkSQxuweop5HK3AUfb5Qor/i+l60W90E0OiaLqIe8nc\r\nre3jT9KkUyJ+YfwrKhWAUPgmGpf9WerFsO0avTgHm8iUMRuua4P5ikK+5n4E\r\nnftV/cFLB94e5/f3qV0JqJWDjOqgT2I/NcRY7hwehpdkweQQRNQA9XtlEQmy\r\n0DKKQjrv1FBQbMZ1TFRsFBJbmUXOI/X//Ayw6L944Da1goQcO4meMIFaIYQQ\r\nLITLre0TAWOCimdutKLyk0EDcQCuBfV6oIc=\r\n=0wCe\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.1.19-pr.112.337f2de.0_1676495326113_0.16641438928458463"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.1.19":{"name":"@kong-ui-public/copy-uuid","version":"0.1.19","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.25.1","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.25.1","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.2.8"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.1.19","_integrity":"sha512-PAyJBsRB/OdSfPJGebjmieSGsE0MejFDz57EQjrBUHLXhTobXa7zDED1UBGu9m9QVVtt+JYw9ZuvBWvApZzywQ==","_resolved":"/tmp/7a6dfedb72bcef8f1a28616726179582/kong-ui-public-copy-uuid-0.1.19.tgz","_from":"file:kong-ui-public-copy-uuid-0.1.19.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-PAyJBsRB/OdSfPJGebjmieSGsE0MejFDz57EQjrBUHLXhTobXa7zDED1UBGu9m9QVVtt+JYw9ZuvBWvApZzywQ==","shasum":"1035d0ac7fa8a64b72991538edfe2be084043a1e","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.1.19.tgz","fileCount":19,"unpackedSize":555436,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDm+3+xzFKGQg38Si3C1ZXQD9I1sMOGmLoEJYwGFMY0KgIgJ7I9moNwn8BI5g8T4YQe9kRZv+Cmx1DEnFrUbIv70IM="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj7gbKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoIoxAAiTxd7U4qftMJB++30CPJOtBGj8D7rsXJNCI4A6HOmXjKO+ED\r\n8uMSJsAkUfjES4KFCIDYRajBCgm0DAYCqDUAVtAPfkutJJbS86y7l9NFGaiN\r\n95u3hG/otWjAb5OMQKgUtQ+4X7LoxJt4pJUKcUAMqUV1Fo/tLEZc28qH8d4C\r\nWj+VAq+zHX5JlR/wBFjH4eZVNbl3ggmuJgde6jhZpb8ugUr2WvxblmSddgPJ\r\nTi2kvSKLI5sTQ0SSSFjMaZhJl/xZF+jpFCjPg75VzwG/YcGLi3h69HA7iziw\r\nBZeCGssFaU71l1JVeKEQtOYuOdOFWDI5CKiaxswgchyhTKP5FLkXbNgBF6YW\r\nk/UO9p2qUFVPp6VGpt1fT2WJWSuu14YkVAysotsGr/7X4IEiKj06k/cu3BVW\r\nhV47KCwhLyL+1zfUwrnscmN3Nvmn1AnUzP94VF00AbpviSQQ4sXWMBdid8qK\r\nWjZePqkOy4HP++xflDp0bsoEG+V7DO6HvLhuL7ffjDwniCzD3bXsyh0IqwDV\r\nyKFQuUG986iQutiv76ScCJDkQ7nabc+r0TqayItbLJ/ZvqTlPGuGIMaZqVSC\r\nEeFGTv3+dPPdcAvH3zFddV30CnwhZ2UsCv0spBWa5Np0NI5M1gYFJ0NCpMUY\r\nTf5QFyyMzTct4lLXCIxqXC6Lvc0l50dyAbw=\r\n=xUkx\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.1.19_1676543689963_0.4793723871143647"},"_hasShrinkwrap":false},"0.1.19-pr.150.42ba90b.0":{"name":"@kong-ui-public/copy-uuid","version":"0.1.19-pr.150.42ba90b.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.25.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.25.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.2.9-pr.150.42ba90b.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.1.19-pr.150.42ba90b.0","_integrity":"sha512-5M7oInCfZjCqdzuTaEXHlZoos1oZ9bfjzXyg9hcXqasX195DXQtMVRfmEwOtQakk6gHagFB7gZeGihjdgFbX9Q==","_resolved":"/tmp/fe06f656eea65f9db6695d66f35ef599/kong-ui-public-copy-uuid-0.1.19-pr.150.42ba90b.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.1.19-pr.150.42ba90b.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-5M7oInCfZjCqdzuTaEXHlZoos1oZ9bfjzXyg9hcXqasX195DXQtMVRfmEwOtQakk6gHagFB7gZeGihjdgFbX9Q==","shasum":"18b262540ba3acedf45a101d8e5f5732527f75e1","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.1.19-pr.150.42ba90b.0.tgz","fileCount":19,"unpackedSize":555696,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDBl2WxCmQh9Ewj5+8jlOhGz4Uuc+hZbxywiG+UZXMI9gIgGfwUq7MGNe6aadylBiNqf+zJS529KmaRRGHeKkxqxF8="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj7jrgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqwuBAAjB9ZePoZn2MYIThqzXwJjM+CGqxr5fHw1K9NaXymdxzf/4Sx\r\nt4WwWVhD36+s55l/u7Bs7DT4BywjUF8ZwO9tO4Tit/uylHq8jCE8eQEEDVXp\r\n4++I1FYWTRrxPFKJYdA9eQlAccs0diPOytuDRiS1w9Z3fvhOTXLREfNA0xOK\r\nKIuks8zRti/i2wnGR07vs/0sop+IXyuySc9Q0G8Ev/Re2vBdQSkuIbqQQ4x7\r\nzcyh+/42dyGotKk13D9lXVSivEF5CS9hKUVgktFk06EIePn8Cvrp0z1Uee7h\r\nHpC5eIEx1HtSjiOZIlpo7aehnB+FRpzdYhUjWbSZ2eD1qh+Jo9/7dH9Z0LT7\r\nKyjXcUZYCznG1bw0Wbbk2sR/FRK/03FdaPgKfteVLYXvN1PYz0J2ff0/nl8O\r\n+AWSld7Oq8lZU1hz/9BfEprutN4xRKtAPR5sUC487MrzxWLhIBO3NdOpj8Aw\r\nF2UOJ/f39oQqs68pqXNdEjPLVMokQA9nCkQa6np3RfD4jUpKUTkkpWC3D5bD\r\nBCuGwc/zO7DBOszIXOuaruWZtPRfsYOjxXATFSNIHqftHKPqnEv/I0EyXAQp\r\ncsCngklKg7IYhN4tCRyfn+Q4Sz50GBvMx15z4pVrcu2k3JEt7qeNSlXPbhoV\r\nZMGQLN3ZBLs5ViSlPuaNoRX0GLw6PD0CAfQ=\r\n=nCni\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.1.19-pr.150.42ba90b.0_1676557024330_0.5345413213655388"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.1.20-pr.150.1377068.0":{"name":"@kong-ui-public/copy-uuid","version":"0.1.20-pr.150.1377068.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.25.1","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.25.1","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.2.9-pr.150.1377068.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.1.20-pr.150.1377068.0","_integrity":"sha512-SjXtWnm5IkSkmlEdUIvjP67FqUSJCWXaNrqeNMHgiTTKe7/tRrRdDDJfzz1EJ29srobuaH3aPGxTq0j0UhhdVg==","_resolved":"/tmp/89ec1f665bc664221b7d52b377ad6c59/kong-ui-public-copy-uuid-0.1.20-pr.150.1377068.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.1.20-pr.150.1377068.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-SjXtWnm5IkSkmlEdUIvjP67FqUSJCWXaNrqeNMHgiTTKe7/tRrRdDDJfzz1EJ29srobuaH3aPGxTq0j0UhhdVg==","shasum":"b5fb50e942ec86fdf086f50ffa8e242668126a5d","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.1.20-pr.150.1377068.0.tgz","fileCount":19,"unpackedSize":555696,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCju+IDJnNfjYa8m4IapgrNlr3QteJQeZvBnmFAVWiotgIhANG8/Sln1vVYW4XLCrJBPnu5ztiPE+p6JsQOOsFxoDmg"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj7kEeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmohzRAAkcMzwKrKFVP2x66CLSG/NEFJRrxhhme/I/IQQbKBi+8MJxy1\r\n6/eQgX7HdfAwjM31XbqwoGNDzxW/jNQAAZVnMpVPqbr3hRIHKlz1nG6JVSL6\r\npVXjWp8QGUOR3FVbIi4ij4BV6Wp1I4QMgTdjkZiVzpKTGOJK3kT/dMRshYQ/\r\nAeEle2PbktBMzFwWFoY7hysrV6n5x0a0+HXClg2jptdknPUqXJJuImsh64QX\r\n/2mb1zubKgx7A1BIAfyJjZ/wHryIBoJEzh+nfRfa3cllRruIlAO5Z01kv8u8\r\nl0otUTx0mUyC8XpwPI2NlSozafppXreXZqnPMkCOFJa3CdBHWS5bg05UPlDl\r\nNmhke+0Kq6nimniklU+0EO7ZAb4uNCJZ0EzwPiHeonw8RsrNPNgWIHK8Ug32\r\n7cz7Xg0iV0j4i5DQ+QEH2IW/zV09WIp7lKiusJdgbq/FGSspB0TBZySAIcv/\r\nGuIHbdhqwOJS/MR79MwFwpMVvRtic6v7qwWJk0cBeJk8WS7Ao/ZDvmuq/EOm\r\nCXiAljL9sddDyKtTK0jVWg4ohG4drhAKc+ZHQdOw1NU7y3/9/H/owoz1O5Zx\r\nBCI4EAIkm0F/Cfn25cVCkkk/j1SIdYT/GAFyvE14Gf94EhH+Gdi5nubY5o0R\r\n9C1ouQKqjbAFg9gclqK1NSB56V8aAnI47Mw=\r\n=jyul\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.1.20-pr.150.1377068.0_1676558622055_0.9887743840635741"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.1.20-pr.150.d91a0fb.0":{"name":"@kong-ui-public/copy-uuid","version":"0.1.20-pr.150.d91a0fb.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.25.1","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.25.1","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.2.9-pr.150.d91a0fb.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.1.20-pr.150.d91a0fb.0","_integrity":"sha512-zW/piuLMbrypAa7ZiCyAZEgDHlL3+HjqyjqjTai+DVt/ozQp3FZ2hVfNrtzKFDwRS0VgrEMLFGv72F9N5bOZ9g==","_resolved":"/tmp/ef2a386fb3702176de4dcceb41f90578/kong-ui-public-copy-uuid-0.1.20-pr.150.d91a0fb.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.1.20-pr.150.d91a0fb.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-zW/piuLMbrypAa7ZiCyAZEgDHlL3+HjqyjqjTai+DVt/ozQp3FZ2hVfNrtzKFDwRS0VgrEMLFGv72F9N5bOZ9g==","shasum":"0623dc892b8c344094acb6c2845016c3983f5ca1","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.1.20-pr.150.d91a0fb.0.tgz","fileCount":19,"unpackedSize":555696,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFg4DmBmONPP30yHids9fdB3LpOD9JqptHC1+BMu8uc+AiA7CuUdocvPKccmXWRzFdWqv9LESZuKJ1lPy7/puwFFcQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj7kdJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmohCA//YcWdaiau1zwwAxvNPe7pC4BY+Xo22+YrkAULB9ehkx+LM6bQ\r\ny5WcOeW2HyhJnc6fT7tacIQKSOfWyfig2RYJdHOhF63b/LFu4/S88zFYiXZt\r\nr+9BmMKfrmFacy5Gtst1FucePOuY1N/nJaQwx2fmOlmN5bBPrC+9OVvJVRmK\r\nesE5wYRL8upThXJoYEIJAIywQcnbLneserLHKdjSbPM1531KXKxlpdD0QL3y\r\nTFh+rJjAGNNEcEZMaHjkOCy58xBNUK1NjO0tDaFaSsRHsqye3k6LvmahxAX7\r\nJexh50/ouB2PmIwPXRJT6TtDgtUOvdBqK1nHy+3zsLCWrt3fWz2VEPrry/no\r\n2kzHsQzLUiUz+RWn9xQvRkAiJQRqR8Anq8EkXqDDSRNf62ksLRAKZZswNiE5\r\nePpcorsf4E5p+C5cZFpeOIMoKO0QyZ3rpWSxFhSC2IbCT4wGRTp5/mUdx+65\r\nqCk/B1i5/DjYIH8XWZT5zi2k/wd/K349e6B3Lgz1S4fZhSFLC+ogiikfAs76\r\noe30hr+y1W+g3sl60+sfECMyDnah+nwcV64Af+icBz7XOhOSWE9i+iyqBjkD\r\n0HUVmZuRG8fXvmy6yBIB+D7MHsKM78MM7d6B/xWcxUcm4gBWnzIPfnX9/5PA\r\n9frx/OPNvT4t/BfCI5CE2wd47cwnIknXWn0=\r\n=PxeE\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.1.20-pr.150.d91a0fb.0_1676560201007_0.9567361770460205"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.1.20-pr.150.4b31da5.0":{"name":"@kong-ui-public/copy-uuid","version":"0.1.20-pr.150.4b31da5.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.25.1","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.25.1","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.2.9-pr.150.4b31da5.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.1.20-pr.150.4b31da5.0","_integrity":"sha512-vOJm6h0NnLCEXFwe330rOmiLD4tnuvCvlrI9/ZC8JPJ2+acwd9m1ynKD5lyiugaYb3AJ1pb5Ft2XR2jOG25fRQ==","_resolved":"/tmp/742d0b34b828223ea8484e2fe4935800/kong-ui-public-copy-uuid-0.1.20-pr.150.4b31da5.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.1.20-pr.150.4b31da5.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-vOJm6h0NnLCEXFwe330rOmiLD4tnuvCvlrI9/ZC8JPJ2+acwd9m1ynKD5lyiugaYb3AJ1pb5Ft2XR2jOG25fRQ==","shasum":"727cde0119f2439dbc8ca46bc78ac2c21d2857ba","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.1.20-pr.150.4b31da5.0.tgz","fileCount":19,"unpackedSize":555684,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEBOozFLtN1R87KZr8lC+AFPTMmELLZCTxrsYvt5+IbvAiBGUqAATXr5CaWgNgEwNL1LkFzShiHasGyr6UyaGBxxFg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj7kf6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrM8g//YFGfXWSEoycJK9ZszqwEvxsZujZTwouYXdgK6E+MFbTXrAVa\r\nW8ThHliJmd8mrdJwCctSTCuUrwUlXYjfWMmgS+0rr1brIkA8fGfen3mIn/ar\r\nPVOAcOhzQEJHUdqPiJC7pYqFhBUTiHvnjTP1OB04ea0F7FsWuzfNUzNu2GTL\r\ncV3LCkfdu0ak3EtYwmky7uqpkzYFHvEHqprFOzIazuG/s2w/O1YoS6x7KjxY\r\nGhlf8ACDt8C7YiI0CUZbjlCkMUsvMtHHWyeTX06lBDLya+aEUH+Drmocwol1\r\ngSJzsAGUoINlFzhDRQ87PbqdHyEwFZ76zbU+4DzTgSBp6uyAFSKxSntTNt6x\r\nyerla+YHuUDCOO02ZptHuK/YRg/2fN4a3tgxWP90fVrWdHu0sQ4ssbZL1GRK\r\nLldyPiKRoNSq2A2WbeIRRZOtlLIvf9rbRp0RJsGObrFOSaN0jhAEY6WaX3/j\r\nBrCLbbcgVCVLe8NVAsDmv37K81pkFB8wv4Ice0mb05qgOf0SSAlq5W4MncDr\r\n6UY9rBmT/TmMgL2Q5B84DRfO9cPo5Rw+c1lGJXgVQUx40MWy01OcccZ2qJGN\r\ntbg9NZuBE0bKmm6KinpMaujPmSykKo4aSTJTa6utZMpjoGy8LcmYtFJozaID\r\nFIJnmDZ8nTS6B+cNgaZSHaucax9PZBI1QmM=\r\n=RqEJ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.1.20-pr.150.4b31da5.0_1676560378511_0.4634004134015337"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.1.20-pr.150.8ee1b0d.0":{"name":"@kong-ui-public/copy-uuid","version":"0.1.20-pr.150.8ee1b0d.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.25.1","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.25.1","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.2.9-pr.150.8ee1b0d.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.1.20-pr.150.8ee1b0d.0","_integrity":"sha512-swHM+2rQa9Y5qyEgrxTG6oj0GLHQAzKQew65WV61jkL1tcqJIEQNmmT2bSFaDhzL0L/Uhi1s1XwJTNeNer91BA==","_resolved":"/tmp/1b66277e9ece047bda07467a4d0cb686/kong-ui-public-copy-uuid-0.1.20-pr.150.8ee1b0d.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.1.20-pr.150.8ee1b0d.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-swHM+2rQa9Y5qyEgrxTG6oj0GLHQAzKQew65WV61jkL1tcqJIEQNmmT2bSFaDhzL0L/Uhi1s1XwJTNeNer91BA==","shasum":"96dd052a0d09a86f81c5a211850491a426c735ac","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.1.20-pr.150.8ee1b0d.0.tgz","fileCount":19,"unpackedSize":555684,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDZlfiBm0qjlM1Ct0CozQP9modIS6zt3l/XYi3tae54lAiB5/hVw3x3sx/sln9E7uU7dLajFrU72w8L92d17xAelBg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj7k9RACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr9VA//dVNMGoY9Q0y2wDLR7Sy0EbjbugxgxsuEY6jrNWlVbOwqlWYM\r\nyoWhwSygFWZrRK1YlBpjypqrQSLq/Vz3hmsfJ5FbnG4YOniGK24XsPb7ETvY\r\nhI/5HOyLEK2mPX6JCr5V5ITkoJ4RQddKSdQEl4Zcaq7weZboRy1bSEIMFKDk\r\n4xW/A6OI4xUJVHnRKgX0sqQvac+iw5ydswWVYW6I2+qyhMJU0mrCk9fsExkV\r\n9eDCM+FxocTMo/hC0PFFOwKCLEo3FmCk2thpdcQvuCYWDZfRDnWcQie6rFN8\r\nPTZxzANkNzDvu8dpdE5LVrikxwcdWPhBlq8nvKBZrA284+VvlVSNdy1o6hiY\r\nmX1DyVeVo2R73tqM3uY4AZZ+dVpO52pc0nBVM5v8Szi+WYuWqsR4v8YCVY8L\r\n2Vcz7pW29adOuzS/v4YQsWdlryUHiCRGMmY7VsfoRuZeIt2MjLEnHKsz0Qrk\r\niD9Yh2e7e2EIs3UsjzceVSS9Mh3JG+sWsKrfJYjMtLecqOMKe3jy3gdaHMrc\r\nFCrwSxROYifIehgTDwcdnce/x2S1ypng+llxUO/Cnt4swCPERhBZ25Bf1h0Q\r\nCwjTXYPVLGwjg1B2/FBpTek6d8qKPrbYuSox6cuZbP7RB670Li3kT7vJ/Cf9\r\n6Q3ZUUsYiM4mqLGX1jQoBw5cS9uhgNgVKw4=\r\n=RhPy\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.1.20-pr.150.8ee1b0d.0_1676562256850_0.8011832661478671"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.1.20-pr.150.06758e7.0":{"name":"@kong-ui-public/copy-uuid","version":"0.1.20-pr.150.06758e7.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.25.1","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.25.1","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.2.9-pr.150.06758e7.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.1.20-pr.150.06758e7.0","_integrity":"sha512-JFSXzILrnM8IWh7De2zeZDrd/Cg7NzDCoD7fCgujgArHbDnI0h1qkGxw4eUn4Y6/9zIKO+r9OBKYDR+B02Y1rw==","_resolved":"/tmp/04434c05db1522889df2c97e9a163ae5/kong-ui-public-copy-uuid-0.1.20-pr.150.06758e7.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.1.20-pr.150.06758e7.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-JFSXzILrnM8IWh7De2zeZDrd/Cg7NzDCoD7fCgujgArHbDnI0h1qkGxw4eUn4Y6/9zIKO+r9OBKYDR+B02Y1rw==","shasum":"e9238ca6e9be31176221af526148a051979d6a41","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.1.20-pr.150.06758e7.0.tgz","fileCount":19,"unpackedSize":555684,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDd+Nu5sUC9wfLf7JVVzFUbAQOUfkayCAQJlyQqb18VxQIhAJdw3BmlSmXucKig3NkLi0psuRgGlD2/RDUXZXNijrN+"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj7lgpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrbUBAAkz13FkwUU8P5f6k6vqdy5EWc88f7kjgAnB510a3PiajWrn/v\r\n/8c9RiejI1XztaD7YpzzscAn+H9BKoyS7/rPbbVQRJCx1vIlV71+lF+d4Fie\r\njCvBwdld9YBFI93eGKI61GPX0DBz9fwxfnj5A8KZw4xUdyg1ZzdAXF0GE9NM\r\nh+Ce8itKhk1XyKpzszqae91HVhB0/Zz3UhKIUeoMuIXbqlj2fAg0rlUlEUBP\r\nkjwJG+AMnfWe4aSyEldsbxVetNWHPBG7GmzSzFQ/GV0RYm1oEUwx/apjPYjn\r\nva/I9J4ItzhmNK5/dsJkprfJ7Fdp3Rbz+3XVGhS775EFOyKNQSUPaoUwzBVz\r\ndzYMEjvo14xc2MVZcsLZChod/RofZ4xlxn/bf08x9UMU3QX9E6kWLah3lqeF\r\nTvZ8iH0zbTs2xbf118wQpkJKa4z8jfrlbaoGb0TJc77auZ3srjxr6NORnfZ8\r\nv+ZPgdWto4kQ4nnIx6lvt0AKBX9tcHzfXYKAQyVGLvgJnGrD1s0r19yidUUx\r\nCQLMswaQxhj3L3RAmtZMVPdbr1VMYEjkhZYVP/bFIiFRmX9KyRK3CeRMv1ht\r\nAM4OZXdkfG+6SMFeKBoIGq4GYYVUIlsJF7q1KuB7cTN3zyOlFfusfu5BHA2p\r\n2q2OcPU6iE8oPL8v1jCmaBJYybtQDb8rDFs=\r\n=8Mnx\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.1.20-pr.150.06758e7.0_1676564521298_0.33622331197931743"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.1.20":{"name":"@kong-ui-public/copy-uuid","version":"0.1.20","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.25.1","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.25.1","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.1.20","_integrity":"sha512-Ho1Ifx+LA3/5RdnoinsnwZAFgMwOYsYBmbfjTKUZJuvXCRu1MgQwa0LHvIreBPbpf49k7ozLJ08X8E0EfExkcA==","_resolved":"/tmp/3e8a3fb401ebb0327ab22c8a9773f050/kong-ui-public-copy-uuid-0.1.20.tgz","_from":"file:kong-ui-public-copy-uuid-0.1.20.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-Ho1Ifx+LA3/5RdnoinsnwZAFgMwOYsYBmbfjTKUZJuvXCRu1MgQwa0LHvIreBPbpf49k7ozLJ08X8E0EfExkcA==","shasum":"2af4bb853e0d872a3b3b0bc90f0c2b0fcf96a80c","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.1.20.tgz","fileCount":19,"unpackedSize":555650,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIF61GPxItWHrl1JteZ2syk9A0hwHEqquZ52mxVZEfPLHAiAA/U99qbws6MBzb9TR6ea2oV54nDLnYpwRySxUfbUK2w=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj7nCrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqpjQ//VgNIBVuKEtETaiUfU6hFzWIm2cUOUIfQ2i/fLl7gJUOZlLnO\r\nVDZbJZqj/tycr9dSce2W6qAE5FPHucISXLz9dqG6iUak/wuigsgq7bMBl1gb\r\nBhZR9fJVKsfzqpM/JNTnL5JdxQMbAv0YbVu0iaCACxCSg6sUOXojSPXfrj2m\r\n0rlnk2OzafxOesBmsHT9J1RQfwH2Ogn0U/+vS0kPeD7Sek1+/OU3A1Az2bbo\r\nlMklYDHUhWnp0M4lTfbuKFSNRmJg/2KK2p/vqDcMr29EcxEfFSHzgORiEmcC\r\nA8WSO5CWALTW8ACvhmqO5jgcRblhr6CX/hCvBo1IM0m9gOz3ELABtUiQ4WPS\r\n18lzME+hAMr/xsij0KU17ERrwxOAvTy1eZziseFhYx+b+V5H2LMzgCJi3YKB\r\nDHc2aPPPXWAc5Y9dyM1SCaKofz2bFTXuEE+C/ewLKCw77J/8bC40jKV+cZ0a\r\nVbA9MAGFa9UJBsvZNz/r8BJfi+G7FkjyKBC0MURhhWL8NdRaE+QR8YBwrp/G\r\nlAks8z+S9FkS5rFUHLngB7/uti6b8jvEQHBe5w3durzive7zzKVKeRDTysP7\r\nnlA59bZBztbjji7ZvrRNGsQ4P+t9NSZmNF6tEiGQhcu/tVy4pFbtnH3t9nwH\r\nXG8W0QApbx9Mc7bam2vy86KUPiNDWeD58Nw=\r\n=6WyC\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.1.20_1676570794783_0.8631055037475319"},"_hasShrinkwrap":false},"0.1.21":{"name":"@kong-ui-public/copy-uuid","version":"0.1.21","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.26.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.26.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.1.21","_integrity":"sha512-9Td2rtNMWhXTKeAzpG0dOt5vMOwbMiuYvxet57yM1IAdFxK3O/H6tPQEzrIqeOAn7NDOTRNhcGdTD9HbLsl8tw==","_resolved":"/tmp/5e90059feaeaaecf0893383cc7436e86/kong-ui-public-copy-uuid-0.1.21.tgz","_from":"file:kong-ui-public-copy-uuid-0.1.21.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-9Td2rtNMWhXTKeAzpG0dOt5vMOwbMiuYvxet57yM1IAdFxK3O/H6tPQEzrIqeOAn7NDOTRNhcGdTD9HbLsl8tw==","shasum":"de21d7d147d948c72b26a817dee977c6b2c73137","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.1.21.tgz","fileCount":19,"unpackedSize":555650,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHF4czrLVq8aWXp8kT8B4vgUNQNyiRQNdhm95YT3CNFDAiEAqx8xh2VbXoWOsK5QotxeU4ScDvCkDc7rB2vbMVDB7VA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj7nXLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrKBw//W8WrIho0Y5WeyqvvGwMkNiC4+lntCYyJixQEl8HnTejDYWL+\r\n/kLWXgCrTJcIL99aFTTv6/df2aMwJDhvHn3pGhPRup+l9tePLF3fdEyOPjVx\r\n0h4k/roYVA7gAyYvzppJyyXk1P18K8vAX6Jl30dG++C/2Fd13Xgxommu2tZF\r\nqvWr4IluaW5VjiRrRuDbV6z4emmvA/1/G262FPDQE7lRSMASItVQfgBnruVA\r\nYRSnAgyApKmE+q7kInWWTBVTA/b6LZF02tsXFUvbyTVSdlox2hokj9W8WanT\r\nbarnanQJygSqI4Z5+tCmjC9n5wxIEAuY+Pv9FaSsc/GV6mR06/AOLAoXHx4p\r\nKRaslAnuLQkqdfi8P06Kx9nqvcFZ/6a4aqrpxm0aIz9DYydHcDR3Dzrrp32t\r\ndKs+wv4t3nPS2/By+E926VG2LoFxga5z/1h9hjFpZ+ggl7ecAj8umW6xENQa\r\nwPd/q0+PBXMuLkHk2gl0XLkNRYiIGsk+URHwyK31q+NdpCXScdlfIpegY/tU\r\nGvcsAUgHnX6pXtHgBJ+m8Go1JSnSTSlJ5Bf18dUiVaJ4T6Tl6KYeENwtF3k7\r\n2RXV9Tq+XNmC5bcIm/V9Ds84b9EIdXlt/n18FqPPB0Q5JTqBLJETWC/riD+1\r\nMSDlAyjWk/EjVlPO84GPfO0v/CG1Aa811JU=\r\n=g+LB\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.1.21_1676572107752_0.7495123019061813"},"_hasShrinkwrap":false},"0.1.22-pr.147.12be108.0":{"name":"@kong-ui-public/copy-uuid","version":"0.1.22-pr.147.12be108.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.26.1","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.26.1","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.1-pr.147.12be108.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.1.22-pr.147.12be108.0","_integrity":"sha512-m+gQtoCpSrVGgxEf8SqatxtntuaWmrL6ml18bKqVbH3cXZRNrgkM1Qz7cPoL847L9iTXwGsJxHyQ+NqBVYlbBQ==","_resolved":"/tmp/6b60e547730008d17d52c85ada2d905f/kong-ui-public-copy-uuid-0.1.22-pr.147.12be108.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.1.22-pr.147.12be108.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-m+gQtoCpSrVGgxEf8SqatxtntuaWmrL6ml18bKqVbH3cXZRNrgkM1Qz7cPoL847L9iTXwGsJxHyQ+NqBVYlbBQ==","shasum":"d8b80a1d9b87913c338f8ca66896a3729bd33bf0","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.1.22-pr.147.12be108.0.tgz","fileCount":19,"unpackedSize":555684,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDYrNU2SWQFkLlNSxBlrktlTdypFEx/Bz/DYMGHDpe3sgIgC8c1enknCD1KBpQfO13kOBTjDTx5vScWDrdADm6oZLU="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj76NhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp0nQ/7BS3UpxPhT8A9F3l1WfN60TkWa9o1JiJePNCz2Ltx1j0K9qnS\r\n9uPxzBbsqdMWgWSTYCpHuV4fIAfZX+S+VQTvAXcEtXrfd2ZoXHYo5/QJAJDq\r\nYswKrUh2+nxG2JLrVPotTH5bOlpiuGJMA1y2/CnyStVfmAgTFJdj+8Vck+AF\r\nIHYCVTsvQ607GiHBqf/vggstckkwNO5g7H103Y9MHsMjzQ8kMYHenuCr30wU\r\nTeRXv1DvAEJEYouLHkqIMIppmovZcQR6HI4QCZWT3IRuuN38HaPmDBZ+ybB1\r\nNp0gUJG89+8gUp8Oph0RbdzqenqujqjImpKfLN+diFKQERfbayDMjak79UgL\r\nIzj+eDmOTm6ojvh/FQN2o0CzTboPsp9g/BmvEgOzUYGHybbteh8/L9qxQ8xx\r\n1uVniTf/5ATPprCdmKRH6jHQ1Q5+lC81xPDtDA2dYpIGE0r31HaiYqrt0ArB\r\nriLUpdZp3Xo9MO6c4BQ3zBVEFCs8aldLUtvwf0uoPJxYhTSlFHHNXa8jtcn9\r\nqv9SD3r0RTc14/x7W9yVbT5UGeLlV7A7FE4UiSqxwWsltWMZHVXThxU5Xgco\r\nY0mqIdmqWtLZ0cRvfnyF6mFnZ+ukS0t2LIA0oqIWUMWg1fKJWIHvaFBl5ZYU\r\nocA5tyEwXNCyev58xtapKxN9zc8Inco3tcc=\r\n=ReUP\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.1.22-pr.147.12be108.0_1676649312812_0.7897344821293866"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.1.22-pr.147.15f9c82.0":{"name":"@kong-ui-public/copy-uuid","version":"0.1.22-pr.147.15f9c82.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.26.1","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.26.1","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.1-pr.147.15f9c82.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.1.22-pr.147.15f9c82.0","_integrity":"sha512-/qIE+P3IDGTBcJi2QRR6Su05weRStgDvbzIEMpP64UnVYl0V8n4aPGxAg8FDzojWdWHQ2CANdNRX9mfeYewY0g==","_resolved":"/tmp/6818dfc13a79badcbcbcf930bc28c3b2/kong-ui-public-copy-uuid-0.1.22-pr.147.15f9c82.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.1.22-pr.147.15f9c82.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-/qIE+P3IDGTBcJi2QRR6Su05weRStgDvbzIEMpP64UnVYl0V8n4aPGxAg8FDzojWdWHQ2CANdNRX9mfeYewY0g==","shasum":"eae572e88462aa2d9504e550482667a22ee84f7b","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.1.22-pr.147.15f9c82.0.tgz","fileCount":19,"unpackedSize":555684,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA3r90wEiZk3xbWcGfVAYKifLYPk0dHLV6EbUJklm2XxAiBcv3UdWC1SmfHCjvFvra69pWVZJNXa9dy4S7CJ8zVUag=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj77EQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrCRhAAmeOWWIQ1Gr9PwG9GltdMIMqTuF4DP0MVdLFKBqnYzV+WxHDS\r\n2CIKu0ve9zxfBXRNHnl9+mCeCkjTU4xW7g5Rvp72RKUqFVL3tIGkLZvf/Nfe\r\n0DOgwtrNb7dgIOHCiuFuD6uUDXgWUlcKia3JldEigGtCR/g7eobCIIsQmxq+\r\nG7gK8PAYyMOIOsBn3wVRkUl0nT4hNvM9+TCbCDTDLiXbvP0GdokQq4Fzl+zT\r\nO1yyF1qm87OIqDKSi15LYwHQGffHY+KgaSU+4yW86nH+FF//xkp4Vbc64GhV\r\nswdpJz2pG/u+eg963MI/6mYAgk/kMiAKfm5bna+1E3b+dFCEupgjT8kXo+1C\r\nz8OJXZ0S3ynExF5JjHFdWx1xHGBDlewOfnVv+i0o2BjZrzAMfbpNN0EP3eQR\r\nnyc2aaWF/CbrypQABtG3U1qkMUlkvVfwmHYUQa9RLw6ls2USgIDqVtJ0gGc7\r\nS2BWQzftp/k7jwqaKSKj/VntlLofCsxqDZle0IKEHh1bizoTAWrVgYTwIFBt\r\nZSQisr316vWM4/ZEjzDAImBobn8J8JRjx6a7VKMqZZuE3xlQiLMsa10t7XYN\r\nGofLc+XM67QXg9x7cMZxlubGNncdhCzyu2bP+AryEVMrJ4XeXUBt+caPfUIr\r\nh5zu6V5gtZCxBL5iqX8WvrHe9Idx+0bvjDg=\r\n=FXiZ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.1.22-pr.147.15f9c82.0_1676652816769_0.6791261627317193"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.2.0":{"name":"@kong-ui-public/copy-uuid","version":"0.2.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.26.2","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.26.2","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.0","_integrity":"sha512-w7eu73iySvDk2JxPvsoRSJWZ11vWwIC9gTU1wTeaJaHyQEpe4iGXJEcojBqqNwlSxl7kALLlFlotUVWIFqf0DQ==","_resolved":"/tmp/cef7ea5d81c4291453e6dea081607d45/kong-ui-public-copy-uuid-0.2.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-w7eu73iySvDk2JxPvsoRSJWZ11vWwIC9gTU1wTeaJaHyQEpe4iGXJEcojBqqNwlSxl7kALLlFlotUVWIFqf0DQ==","shasum":"9ad861960f941f70f5727ffc55465618739679a8","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.0.tgz","fileCount":19,"unpackedSize":555649,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG33QAl3YC8ZJjB61jMfIXiX8jeTBIYY6pWgE93948tyAiEA+OjQ+hNfYX1xznfSkIzJ27sTK+yHa+MxdRN98L+evDw="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj771FACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmokIw/5AFIyBA4hK5uO0nplarIdcAilvjSpTDQk4feC6IjtI5J91Gov\r\njl3ANoKOuCxLqSZxGhBdyDdNPqFpznJrkrMeiRNmwBujrsZm5EGY7/3H0Z5T\r\nhZmrAPEi8F9xfKTTOMDFvvxyO3XpwSOxg5GB68FXD9FasyHdtS2zUNRYxM0+\r\nxfbfuiPF4/wNIUz3KvqEgoTi+OOZzskjJU/+2wr9oaoT+Cb8V6EcvRJ9Q6+h\r\nmFLw6zUlPhC8vfchR3gqRWPH+dWe9YT6LSTvR43i2r4wI5u2gA1CEiSh2Y8/\r\nQRkH9brKNy3t46n2K3voaXQArbOIotz13BO96AKalij75ZNiCM1sbQZqrabY\r\nh2gkICtqGAioX5kPd8JDzUZt4Molt1YTj4QmK/LIjQFutBkTqZKGxIqi+i4x\r\nHAH1aB9sFvG2gHnp66w/u+6DGJUCJcnyhVQ1JbwZ/ketEfEe59DEi4TK2M9t\r\ncNnhjL0kFzgNhqFrNLc50saBpD92QildYUOAkfqvdU8fJOJTiRBHYCIfy89k\r\n2WHPtw7nzpPV8J4hVuvqs9K/qfkJNfNwYQkNDWGoCW/YMS6PmCcNyet70brY\r\nAr68ng51UvfRMnLOsrNUJENRcYIjzVcfIOHCu6fPspn3cqozzZtp0o2ahbbW\r\nu4IwJQ6syueAGfQPuU9cwesB6P2wGOrzsFw=\r\n=smyu\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.0_1676655941093_0.837816947473244"},"_hasShrinkwrap":false},"0.2.1":{"name":"@kong-ui-public/copy-uuid","version":"0.2.1","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.27.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.27.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.1","_integrity":"sha512-DKd5ZDGW6survPSI0Zb/uG2uP94fUs4NzyuPJKE/nGBiVdPJf/7SfWGXbkYx8fyRWcDAYdIi3ugWSPlN45Tk2A==","_resolved":"/tmp/807ee798b5aba7c157f4830c38cba235/kong-ui-public-copy-uuid-0.2.1.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.1.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-DKd5ZDGW6survPSI0Zb/uG2uP94fUs4NzyuPJKE/nGBiVdPJf/7SfWGXbkYx8fyRWcDAYdIi3ugWSPlN45Tk2A==","shasum":"dbe0584ae6279c35ec2b2b238300c22664c30072","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.1.tgz","fileCount":19,"unpackedSize":555649,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBoMbcg7I93DQuBfiGEMgWyMxVr47yOolbiLKvWQduKIAiB6i93Xw7CQMqSVQDoGWOq5Yni6u9/sitdKE5W1BOREHg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj77+uACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpvthAAm7sqkQ0eRZNxj86OFAboL1EO0OzNhP64tpOI+ZJaIGUGYTk+\r\nWL4vinYFjdYHRhfvP/CG0Azm43M3E7Lsoz5aMw14gvUZGQJcyn1HZnHYsDxo\r\nNJTU7jT5xjoCNW3ogIENUsMgeb1IF8BcBCw0sQMDYVnG8XeLZVNpm4chRiKr\r\nkL1CGzDu+e5umLB5w6Q9cw6WXDR9rjXmv1lpobINPTzHqx18eAgissj+Ev/W\r\nQWQfQ1xUjBW8oFa4VT8kTWupFHgi+gKgr9EyhV+e7mO4VOQYzDkrfn7BvL7/\r\nbFAtnATe9Tc79VGX/3F+kwvZYfwnPuyRZGFmpSnj+f9T+3UGrL3bd2gtf/zJ\r\ntNgzT4wUBPJqbCf85ZYTYbiDRS7Yy/yxkri2MWsTAovWXdZY41fZnoWRLy+K\r\nn6RottPxJGJ+i2bl378cSePjzB2DTBF7/0JsYttHKGuI+16xFItFsK+hiwc9\r\njNcWnnJHBkQfF8lMN51xt2YzxNfnYqEr/BkANjWqRLhc4EDWh/8EzMFMGDTt\r\nnu0oyHpXfk6eTZkHYmhFNP2oySb1b+JpKwsGVMIc/pyZ0enJX8t1Uj65y6NI\r\ncknRwQ2RFKT6LlBiivsZihAgp0a8+Ppsx6dxReswBqG4HOIQbzrvR0VuQRlO\r\n+mULvpK3PhMwHp059ig8xC5tkRuzp9Bv0uI=\r\n=A3Wc\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.1_1676656558128_0.419197289843799"},"_hasShrinkwrap":false},"0.2.2-pr.159.7c21cf8.0":{"name":"@kong-ui-public/copy-uuid","version":"0.2.2-pr.159.7c21cf8.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.27.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.27.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.1-pr.159.7c21cf8.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.2-pr.159.7c21cf8.0","_integrity":"sha512-QgSaO+ZyeBwPjxHeYTTFQQi9VlbjmIBiOhyIiphJspM9egybd76b2zJRLLWhEVMcWp/WZWkUCyCcWWaZS5wgVQ==","_resolved":"/tmp/691fa9c924b16dda91c5d7f725ee907c/kong-ui-public-copy-uuid-0.2.2-pr.159.7c21cf8.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.2-pr.159.7c21cf8.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-QgSaO+ZyeBwPjxHeYTTFQQi9VlbjmIBiOhyIiphJspM9egybd76b2zJRLLWhEVMcWp/WZWkUCyCcWWaZS5wgVQ==","shasum":"679228eb306da24f7c75670aa2ce360c32d72197","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.2-pr.159.7c21cf8.0.tgz","fileCount":19,"unpackedSize":555683,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGe+lxeuAiBFZ1EMugu4dOt6joEJNtWIatQdk0Q8WCUjAiEA2istnKZPEtjYP2ZPelmbwPpoVaNzZFICYH4WWvlxUh0="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj8BJZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr+LQ//QMve4xVah7bC11r3+OhMVW7rnauUUVlAsaGymB9mPIOl6vgq\r\nMnpAMCE++t4WQv0aXvHt3tu/i/iK+Et/8eJ1wcUqrwEZuTHvvj/V28NBHBJO\r\nTHv5Sim58s63Zq+ssXUBpZtkjQLfw4MpGcWfIy4VR2JHDzGVuWlgZNiAfrrG\r\nxL4EWwa3ajjBh3XS2jTCw0E0ldPGg609aM/B9NcTuOsSO5gQcoD7XRO5TOFo\r\nZMgaGTWo7+Fn1M8e8kVDevXujwHjtfWmtI3Sb+xoyyzZph1Pheggfq6ak9y8\r\nT3EDiDWzO6h9k35P8lJY4xtvjhFGett2sVrP2gviKOCW4JmhsbYX49wrmCEL\r\nGEj0n7qJKijcYg2+UdH1a0/F7oVu6dmxzvi/pjwYQDn+ZR8eEH9DNKgJjLIt\r\n02TRhwIyjkpeOTWPwZIfL9iWsnNRe7m7WPUzOB5L8OHT0HsyCwq3JdBd3W6Z\r\nD+HCXK24XeTgPhj99yqQ6GigVxTPIpuSuFilrbloL4zEOFIlB6ixbrqASuho\r\nLZJgHjyALUKN1DkszXS+wWfeDZfryqmyf5RfMZKJ27z+RIE0bwFYL5/mby5u\r\nmjKm2MfvC8Cv3CyzGS64WY3j/X5Hy5pnr/IeV68XRXTD2Wq6RdrDRI4VTIor\r\nJaJj+sYAvSCZjHWiVN7ajTPM901GV7+dG9c=\r\n=LEfY\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.2-pr.159.7c21cf8.0_1676677721060_0.07961671282785909"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.2.2-pr.156.372c52f.0":{"name":"@kong-ui-public/copy-uuid","version":"0.2.2-pr.156.372c52f.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.27.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.27.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.2-pr.156.372c52f.0","_integrity":"sha512-vvC0cnJOHJnnMdXyMW9Wy8rMJN2SW3kwWGFRxBqsFO322thOa/c2qeDig1rY/0Ucr8lhtsI9j+nc4nMcXwdynw==","_resolved":"/tmp/8bb30ac864390582bf9c2aaa11a2d814/kong-ui-public-copy-uuid-0.2.2-pr.156.372c52f.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.2-pr.156.372c52f.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-vvC0cnJOHJnnMdXyMW9Wy8rMJN2SW3kwWGFRxBqsFO322thOa/c2qeDig1rY/0Ucr8lhtsI9j+nc4nMcXwdynw==","shasum":"bbca2394d39908b8337865dbeac224a9ea3d6117","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.2-pr.156.372c52f.0.tgz","fileCount":19,"unpackedSize":555666,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDG212398AFOECMxq66BkLV/vVgt/PdKSjlFa3+b8inzwIhAOhVc+sDm+GmhZUtzJnk2AaAm+CKOdJn/7XbzPaXZ3k8"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj8BM4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqA0A/9H7DI7cTrVXjDxfDWP4jLfucN7BginaNZA1kAiu56iTfLZRD3\r\n1xNXEX5whVRKNA+FDMOc73FclOPRgCBxj/9bjDOxEBCklru9VpNK/PYvYJ+z\r\n9K7dzVZOontf+YAvYBnagR1+UGh4CX7ebFibxpBLmKTsHijzW/gbVHqIesNC\r\niMRvTMtmwZT7b0F2+fj1uPzAcDDdqlRI9ELP4YDzFGp0S7M0KMbmfCB8w3Jz\r\nGK82QcBO7onojoTQ33CjOcYvYvz88orAc5N8aGQSO4+HaVmpcly/ImJF8m2u\r\nBOHKUhzCwJ1KYiKuGSPGelSiNATmWi59f9e8seUVWCo2Vke+aAQA1xZThWEZ\r\nac5OHMndEUN1Ef/e788UVtHez0s/4yYIhNjWGF+o3UnFOxhEvfP7gHPW8qsZ\r\n2tRqasQkbIX/qmwj3SePIQatvoTJPfh+yTaIzr6wrSzHrVrW6BEW30tlh9JY\r\n71eQpOPJOq7vMlZnUNOcLGkB6nIMCt4Efh3aTpdhn4OkIu1Zxr7tJdS+cZPo\r\nsZX/TgxlsHsWMVVOi1cP2jcgKKWatVwBxF3Ks1s2mM3zlsBXFjpYmFYdCnwB\r\nfeGBPZAi85XgyqUtZR0+2CSFSP8pgH3pSH/o+UZ1N/yW7FDj5tf94zeQuDwa\r\nfxQoooeg17yVOn3Ta60CpQr5TDj8or11z+M=\r\n=WdE0\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.2-pr.156.372c52f.0_1676677944551_0.358521746583478"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.2.2-pr.162.1317c07.0":{"name":"@kong-ui-public/copy-uuid","version":"0.2.2-pr.162.1317c07.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.28.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.28.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.1-pr.162.1317c07.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.2-pr.162.1317c07.0","_integrity":"sha512-C+yjz8Ph7Ii17bKEkrOWTGgHwuI2n8q4WDtl9YBmZCO0hRddlU2QmUYrwCSpN0/nARnA40qikbsvNuPwyVVr8g==","_resolved":"/tmp/47425f42a275811f2ba9e1f635eaf3a9/kong-ui-public-copy-uuid-0.2.2-pr.162.1317c07.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.2-pr.162.1317c07.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-C+yjz8Ph7Ii17bKEkrOWTGgHwuI2n8q4WDtl9YBmZCO0hRddlU2QmUYrwCSpN0/nARnA40qikbsvNuPwyVVr8g==","shasum":"6346d2648879ea600d9c9e3ee2e3995e492a5b08","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.2-pr.162.1317c07.0.tgz","fileCount":19,"unpackedSize":555683,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCZwf9/ZNuQV5o5lIAzP+BnQWWW5fzqQPfiWC8M9l6yGwIhAJfIN6AyO/bbhvNt48xBQRYrlWUYpAEXDdJYbcchGuy4"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj8OV6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo+Tw//XiR3GoQf3rvJ+5wncWmzU7IxvE7Je/lHB89j8vcU2RhR5L/M\r\nnwDO5jgQvuBQM1acKxZX1U3fN3gNZZERHdo9b6JjRNQHCcC5wYkImTfnZk76\r\n6+L/SdMRtnBPJhu/Lh360kQRpNFmvYm7sgNyoHmMHJqrZ4aOZXC67MIvE4iM\r\n0b5VMD5cewnR8jbI1vgP94yDP/EppTk0iklmMaoB2o/77wNzPOLDVXg6cGU9\r\n3mmHXAHPJHteUcchuqttp7DOFtUN/amLMzS7T3NvigwS3jeL0sNQagsxOmwE\r\nMoxUSREyt7joCExTrRA/qMe7FjOAjNHDdPjLXB1rPrlrsJ0UdgpWr7UyHq1Y\r\npO5V9+DTT4i6fyNXX/svWpJR87SYoWB2JxA5dwgvhn01413KR0vGsASsC0NC\r\nhvhpJC0kIifQy4Fpj08Wrf9sRHkEkugc+tOrcQGaLRwNTzMDDm2jJOSh732y\r\nXL8lEczOLZWkLNUmFImjCukps8GQhjXwFwgECzLfaDX7RMRH7WDmdl8pzcUb\r\ntKA33clAO42WtM1a7O4i3KsHwoEfb6FbehJCWbtvP8d1/KxIPDwJifS9l1tO\r\nCJGfLqIy2mWMhBc2zvmPxOnuLZRf3UKunTynUtsB4j176yTe2jurNXBpeX6j\r\nVewYabEp/P3tspPVkPJt+TpqXbHCYrUmgUE=\r\n=3J3q\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.2-pr.162.1317c07.0_1676731769905_0.14487221128649508"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.2.2":{"name":"@kong-ui-public/copy-uuid","version":"0.2.2","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.28.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.28.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.2","_integrity":"sha512-z+YM27JDWa9V6PiHvcZaVH+MgdZ+Si/l+rcLh1/kQJobkkJRWyxlpFKFM9KYC+euSBDglNqs5EXGN6ZBbmUNkA==","_resolved":"/tmp/84af8ebd019e7faea8cd43b57931a9e1/kong-ui-public-copy-uuid-0.2.2.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.2.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-z+YM27JDWa9V6PiHvcZaVH+MgdZ+Si/l+rcLh1/kQJobkkJRWyxlpFKFM9KYC+euSBDglNqs5EXGN6ZBbmUNkA==","shasum":"e1172bb75fbb677597f5b724bcad104af211bf44","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.2.tgz","fileCount":19,"unpackedSize":555649,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD/rSU3ovx5Dw2uxDL1xAkZUrtRmyULcVz9YwJ1AHQunAIgCEdk9lN7UfQOrcw2berxrvJ/OXxYDsjYp4roGE3LFRg="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj9Ns1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp8pRAAmHSADx/NkwYJFc6Sps9DNIO+vGT8wQuznUATXfaES7AjhSmZ\r\npXMfM0myDrcKuo43XdsSv28ZUCrRbGBHrzFEHZfopQvqesjS1YEDaMwDoiZn\r\nhw4fHb7boQu8YmzHSDd3h5Iv/QQonIlv67M/emZyhtgrvZV2kbszojp5ex6R\r\nomJheabGeHQKXpW0ykloN4gr/pVsqPKkbfhBbt2Vt8jGDdvWrUkP9eL3Jzq4\r\nw/0alzzfI5A29gs7wdiPMwhd8j5KNVK5g70846g7DgXBp+QE64NDkH7C2ULr\r\nY0SfgTFeTlqAY3C82MnkOYAnJW8fIahH9uKAnZlmeIgXCEyWacd7ClLGCLNO\r\neTWbMtbeSrZZlsWTyEYSTbar2MKuyxNOu0dtjStBzZh3d1EXbg4pIIzh2Vdq\r\nm9ajGWuziYLB9ihmbOKVkxDezZhVttntYNcn3Mh6ZYcWaVuTzwHnv4u60UzB\r\nhJYkrWW5HWPBOm2gxH5ccW9ovZq3UaCoC5OhZo4AomJyaUZXx24fG444A8BW\r\navzSPi1Uq6p4hHtNozE33OewAUSi2aLQ8NgpzZECkNnQfjdUYpHF04h7ns26\r\nv+rVewm4IZ8F95kaMuYOMx+BKe7BiNk5e4WlAi5V12rp/wi7b+va2PtIm77H\r\ni8Y7FgF6B0ECzbzUd+ciprtlClFmk/+MtXg=\r\n=bpv9\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.2_1676991285507_0.17230153554994043"},"_hasShrinkwrap":false},"0.2.3":{"name":"@kong-ui-public/copy-uuid","version":"0.2.3","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.28.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.28.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.1"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.3","_integrity":"sha512-gnVV15/i0Z5Ec0EtHpI87t8HExi3Xm+33UHeyIHiT7nSZ6ZfRNspNe9g3nASImM38Ne77MBdLbr0cljBBB32uQ==","_resolved":"/tmp/83c7bc4423c0956e15b6ff007a5440cd/kong-ui-public-copy-uuid-0.2.3.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.3.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-gnVV15/i0Z5Ec0EtHpI87t8HExi3Xm+33UHeyIHiT7nSZ6ZfRNspNe9g3nASImM38Ne77MBdLbr0cljBBB32uQ==","shasum":"31b733e58a6e4cf7f1318e5a4804c2d78fa1662f","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.3.tgz","fileCount":19,"unpackedSize":555649,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHegRPAbzS87Nxz6SMFAUE4OjSjIqYgKtWzqW2j609SHAiEAi8MltpzhMp4nK78lY0HiMYCsg7bmKbiuj/hVn4nxqDk="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj9OmTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp0xg//X8UqNmEdj4+gaWImLo8IHGlfTfj+vJrT8KlLt8Pdnjbsznoy\r\n0sn0Akm0HAubE585pu1utBNnBS/h/o1ZfV5gNRpVLdi/sHAuGP3/zeZw50cT\r\nGw2MO4RJGODFn4XgV6UPQ3ABijfni5EDy6U4nLkGAUaQ8ILwmldgS3B/CNfW\r\nMNVrzpQy9OGTJrLj1C6DJGipHZxmiPdACJ5NHhQ4EhMKwcs3NzAJX9x2Gq9P\r\nJXN76QwAOt4pfJHG5umUjnAnLZ2wfkce5Do1ifMYyLqxJIUcNoNZjoB52BvC\r\nEODQ46y2BW8kVoPABjInPFCbHbb1fLx5jiS8tcDVJ34NHYODSpBGgO0+Tx6E\r\nL3pmE6jbVkNjxnzvUuHmrTgEeuWzR4rx9R4uZvle73lhLOQCVE6xd+sgv9es\r\ncJIQNgl1oP7n8KtY7lzCrWbfvDaypujEXwXvlF6tkqggJDZBqO1RYoZDbxGw\r\nZ7DgIVTbWYZQP49cj/gog+IaViCkb9H363tFJ5JrmeI0xT4X3+QjL97/XgUx\r\nc8Y+fPL58XcB6FWHy+eD8gIbIEe8bijNMThu+Pe+jgbS12s2t3ZqR4iZfoD7\r\nud8HM6bAtBzzip4XDHS0lOCwjF2tE1ao4rXvaYKwehiqJQPXKcXOepbxo0+C\r\nh0Plca82EuPGdBklxoa2C4bb9zRUGrSgj+I=\r\n=ABr7\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.3_1676994963688_0.47231631143075714"},"_hasShrinkwrap":false},"0.2.4-pr.112.e876c34.0":{"name":"@kong-ui-public/copy-uuid","version":"0.2.4-pr.112.e876c34.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.28.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.28.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.2-pr.112.e876c34.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.4-pr.112.e876c34.0","_integrity":"sha512-wWSAoGRX6rl2DA8rrumtnZTp+72wT3nmkNkhjGwnO30el2Go3D5hZI+2iDtYKdnOyRqaBciCHB/IZ36qDe8szw==","_resolved":"/tmp/30f88d47180db8e6f3637e7e7760302c/kong-ui-public-copy-uuid-0.2.4-pr.112.e876c34.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.4-pr.112.e876c34.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-wWSAoGRX6rl2DA8rrumtnZTp+72wT3nmkNkhjGwnO30el2Go3D5hZI+2iDtYKdnOyRqaBciCHB/IZ36qDe8szw==","shasum":"1483c3a6d6fe7ec1403664d56e3ae6a5ad35a271","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.4-pr.112.e876c34.0.tgz","fileCount":19,"unpackedSize":555683,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDwiYiTP/K1m4Y1M4Oi1m8eGUmDTIYohqgB0SSRdgHNhQIhAN2eB4Vevo7V3Mu6vdjKQKY0qyINfUuICLo5odCQ/7Tr"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj9bLdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrVOg/+IACxjAr7AUZ8inrhKVOhJkk4CcwVtgf+q5In7Cz6KRjf1YSg\r\nhAyAwx7ojGKyoiy2Kmz1da814QiWqfy0lq/lJIfZvjEq4c5fjbGcnP0/jObv\r\n3yV8nr5lSWlJ4FBobRDel1EUqWT8RVkJjZbZyTtW2p+9oD0Z3y20XXNXE9Dy\r\nsII+lqEp6GdBIhpFHdRUF77LJTyjCP4XogeM72sVo6cv/a42sOfGjP9PFzbK\r\nyh5FGURSeSC7IUPXrJV6tcn8wWDxNpoV+Ds40bXDvQ0pI1+wrqlZ2Hp4hI4x\r\nw39nEZXIz82CkYOrpwGk/c+/x8a96gk/CZtht7bqt2Io/0pLBQoCTvLyNOIi\r\nM+dX5ig2aKNLoiaE60NjX6rcht+lUUJ3x/2iLTzyp0S1YmZBcTHE7DMUEuqT\r\nR++BNgV7SFWE6LrGvXPJY0vL0mchXAHehR9Rc5zppJr2jwWE3QdHq5McTway\r\nMaKOpdjdT5F09Dn0+/NmjqhxTXuXw9/s3HUyi0s0U51EpmigY90077QB6JAX\r\nvxgyTMBAT4V+XmKgGPcKVGeop+Qw1iuD7pTkuiZtTXuFiY9UOIdfqvhYVwz0\r\ncxm4u5//cgcvxZv9OPA3kmAqf4nnmPgFzSVlBNFTXud3CCE/sa0YNRBtiRlo\r\nYAWVz824IP7A0YmjJ+urshB3+BDr5lTA/qA=\r\n=QnCu\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.4-pr.112.e876c34.0_1677046492979_0.9014749948916965"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.2.4":{"name":"@kong-ui-public/copy-uuid","version":"0.2.4","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.29.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.29.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.1"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.4","_integrity":"sha512-ITJr9vzhY6kOeBt/yT9pIL4VTz+AEpn4ltWRRwhBfvRZdrQD+F+3s7IEliwwjUcc0EEDPgDB0Jn2Z3rVyjGiYQ==","_resolved":"/tmp/342b4618f24166f1edc745d013a7b5a6/kong-ui-public-copy-uuid-0.2.4.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.4.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-ITJr9vzhY6kOeBt/yT9pIL4VTz+AEpn4ltWRRwhBfvRZdrQD+F+3s7IEliwwjUcc0EEDPgDB0Jn2Z3rVyjGiYQ==","shasum":"37ccf51128d419d5c20fce36ca2f35dc6dc74bf0","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.4.tgz","fileCount":19,"unpackedSize":555649,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDMuI31hGP59ebOl1fb4d4nRfxMvystMvwYDt7Et+29BAIhAJDT4+M2rGEpTbGi4gurdBifim0G4bYrkFhpEqqZQAg+"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj9pNqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpUXA/+KVW8VRoWxig4TYSpnmnqERe8oEbeBSOWssi60skgJ/vetaHb\r\nbWRBTJmBS2eJ8swiWUr1uiFSZ+/404BOO6c6i1NWxABC+HNO5KVFxsKAWT3O\r\nzYL6RmK1qQ4cHwhr5MSCabqznSs7yKGsWxeSOKKKVVN4uyrMzkNlWN6YnYUy\r\n0bn0yIAW3P6+qTMEJIOsiHkcpdjKB6OccYZmV3WYLWwAaHqsQ31J0iZQeV/J\r\ncbZ1g4yI3KoBAHgIqJ6H1SRCsh6Ay8Ytmt28YbKRALgqxEhKnSrVc5H3wxW8\r\ndM4X8p7NaAXxGbv/1UU1QlBxmwGnXwyDisXlzUaAsd9PoIYk++ze76tC2RAm\r\nyLnm6l4sUTgS49b3FDj8hSBJTyy01L/lbEZhFFZhzgfOD7nQyXLJif7Kvuwf\r\nHBvnD1C7MltD/l2W0BFdpbQdCJVei2TyLGVn70ryu3e0Jy/InGVRc3Jcr9rI\r\nhcU4RAc60tZfZUUnYfAcgkFENu5dYWs02kWAmEfMEfP0yw8QqYYX+LZW3fuv\r\nYZquUkeKwlgdceuaDtmMuP8rtsAh3XVhnfNT4rqUZACp0pEtiuGUJRvlJ2ur\r\nLCnpF3v/SQmwSHLeVl8LGTQIyDJAjLhzRuJUvbv/QAlY4j86fAR2tLAL53Wx\r\no2jBNy2i7eDFqurszXOMx63W+z801LiFTFI=\r\n=1ubv\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.4_1677103978414_0.06726351043792111"},"_hasShrinkwrap":false},"0.2.5-pr.112.e3456ba.0":{"name":"@kong-ui-public/copy-uuid","version":"0.2.5-pr.112.e3456ba.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.29.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.29.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.2-pr.112.e3456ba.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.5-pr.112.e3456ba.0","_integrity":"sha512-X4ShGUHnZHitwpZE2Sx8vH0EOYYH1AuuBI68v5uYYoxmMqpZeQlRpbhFhvwKnwHymg2ey4jOLlt1cdQfaYqT9A==","_resolved":"/tmp/b0059f5474c18617bd1bd285a94317f6/kong-ui-public-copy-uuid-0.2.5-pr.112.e3456ba.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.5-pr.112.e3456ba.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-X4ShGUHnZHitwpZE2Sx8vH0EOYYH1AuuBI68v5uYYoxmMqpZeQlRpbhFhvwKnwHymg2ey4jOLlt1cdQfaYqT9A==","shasum":"84a7eaea77aa451bd5f51ddfba485d4925fe8d78","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.5-pr.112.e3456ba.0.tgz","fileCount":19,"unpackedSize":555683,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDIb4NTXR19VVrdnWpwICht5YHcEF4rT5PHo7TN7/yGKwIgHwuhJHm6sLBPrMNdEh+3HEnqfP0LwoIVxlDaeD2wEq0="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj+B6QACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp+EA/9HjJuZuJhwmSwYB+cWJhridNJ5fXB1LdKnOy3VT+MN53kYDbm\r\nRx4y9bUMNdNcU3nGdyTE7T4bTZ2ZvtVABsK18Ih4hlqPyXI59LamGPyNoJ9G\r\nMJUAopYEP/h6cVXRqBGAGnPupD+lKIdx0A8/Wfdyr0d+71qFwJc4aolIdfgW\r\nGF+6DiT4Y8GT1gEZeWZJ/wZtF42yYtHm3q31KUXJJ5ue5MbGswXrGPT35DaH\r\neTSgBK/9dPYZxPcJlk/wrsKELGnzLWgHkN/R1F4PYu9pmz1AEiWMRi1DSBeD\r\n26sa6szYuYTjqIi6cAZnrVn0M+Sfk7UWi9yUxrut86e3G4PXbzXL0XjUivLC\r\nwGraME74VDxH2n+94KJiWV4MifQXWhEbrFlTvQiD8EcvJqtMfap7JUJx4M+z\r\nZ+Yx1/yEh1ywPJuUhJO+qm+8hVstVocJE03t6K3Ovwr+wbGpdk2RuH6ziHMO\r\nyhq2yJTj6XD79NU6eUBqtoYEPeZnbUHOVUZQu03KxPwYFaiu4E1f2sQLFnNk\r\nKGq+R0o8f2FSzkDwXyWrS3SDZr9DcOz+2qJPHfYkLKFEElayj4Mej1K757/q\r\nsSQAZXtcDtzUuNLt1pEEnQ+faFSmkp9XthkbhMOalcUk/GMHrxfJk7wm+E6F\r\nLr84dfZscWOVJiQP0ZvBIERh9PG9EMiqc3A=\r\n=NLa/\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.5-pr.112.e3456ba.0_1677205136533_0.3808715643112943"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.2.5-pr.112.e610204.0":{"name":"@kong-ui-public/copy-uuid","version":"0.2.5-pr.112.e610204.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.29.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.29.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.2-pr.112.e610204.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.5-pr.112.e610204.0","_integrity":"sha512-qWZj+Geb65f87NTv4yJNNj7Ya5SY4H1MPToBVZ0BC6mPrGRvlkp1rcR8HBKxxzckJN/H2my/++80w7rnFagH+g==","_resolved":"/tmp/157705436267daa608d0038c8470a76e/kong-ui-public-copy-uuid-0.2.5-pr.112.e610204.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.5-pr.112.e610204.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-qWZj+Geb65f87NTv4yJNNj7Ya5SY4H1MPToBVZ0BC6mPrGRvlkp1rcR8HBKxxzckJN/H2my/++80w7rnFagH+g==","shasum":"d720d77f48c1bd0b365b20b1b9edd7b08b04b6ce","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.5-pr.112.e610204.0.tgz","fileCount":19,"unpackedSize":555683,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBfaPl2eP7MlxZBl4iGAQg6DLDy87tcJdlifSsyKfNmgAiEAjQonRrJctI4JB817PnpH85FkKNfFUNH9+yDFUPp05CU="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj+CgcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmptgg//ZJAj8P0DSlp/3ihnwUPtNKqBH3dfItInM1WammQRpjrICqZ7\r\nE4Gnt/82ptv5adikIgA6vpQd77nQ1lWGcQOosJL+JZq/SshDmPYpWLWcwK0i\r\nVDqNRpU/eitM13dwzqeJGSfnmc9xAg9oz4Q8BcqVcf9f1NajRwod8ri91QXS\r\n0eCng/SRKN31VdrWXg9K/1oqgXOG2eT+FqqXl1PtrN2RXcN4KgSh9zSxH40C\r\n9ftJiB1ykhg1x2lZ/n0/UbYdpLRAhGI+YcWvPO+m2Vd35FzIZNBuDWn6WmMc\r\ne0rw4QGqB70DiM/69XGBkij3EStdOQUi2C0SmPcOm7i6ZcBe+3Ekq0cghGpD\r\nLDELDC9qv1miHGMfmGARGt5ywOysBHHdo7Rsonl11/xPrqsIX8IOlk5ZuDAv\r\nOmYdxol1S9wOP2oAMAsCwS1HG3Z3fOnx+zqZDaeq/YxLHZrjFv6WFFqx9SOM\r\nHk/4aPtRCLA+X1UDYZvr2f+uaQJH1nW2UfSA75rneaV+dGK8K8liMj+VHJ/M\r\nvIB8NW5UqaG5lfUuDzZmpqxmO42HvkPyQsEhWdpbMKCP9ZA4OwUuWqxrt1pz\r\npap8mxiNSEzCPgt+1EFh3316PVlrGIz8OWn1XPaBYirV0xlgI8EUW+64jhRh\r\nJgwBeu4VFWQTBSRFi1HkAV/nIVisFqOpR24=\r\n=fg/V\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.5-pr.112.e610204.0_1677207580044_0.8509570965175173"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.2.5-pr.112.2f13df2.0":{"name":"@kong-ui-public/copy-uuid","version":"0.2.5-pr.112.2f13df2.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.29.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.29.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.2-pr.112.2f13df2.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.5-pr.112.2f13df2.0","_integrity":"sha512-Z4R9tztJF9Bacpx4td+c5EeqobilZtEdeHlfWk2wWwCQyh+zTTzrz0qoUZzC5javW7k+1Gq1BwpK+2VK+haKzQ==","_resolved":"/tmp/251951b135d0f52369e75ed0cc567625/kong-ui-public-copy-uuid-0.2.5-pr.112.2f13df2.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.5-pr.112.2f13df2.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-Z4R9tztJF9Bacpx4td+c5EeqobilZtEdeHlfWk2wWwCQyh+zTTzrz0qoUZzC5javW7k+1Gq1BwpK+2VK+haKzQ==","shasum":"c900bfe0d3eb9e00d6e5675f8dcc3810e6493e5d","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.5-pr.112.2f13df2.0.tgz","fileCount":19,"unpackedSize":555683,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDdq9nJTmRsuDTkP2O9lEAGWIK1BmNE0KVLjPqnuMyhggIgb6KULmmiGY3YAEppajc6HVYKRH27bnF7zeuSCjVDWnA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj+C4dACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmom6A/+MtvyxF7e3M/f+1ALcl1zY/rRuh0RjqmohauYin5l0cfcqXdR\r\nLtLwzDysHynPNqh1y+jxMZIbhqDDt75zDP9AllpnYtGDh2KwzkZYtnaX/Flp\r\noB5jltbMC73K/og1H4TQZES4eISTWgGsHYkw9V0bh3w+CK0yIILC5GzZkiG3\r\n8oIZO1ujt0hFB7JSVn8cnB+KF/xZZ24UmTAzFoHWRJ2A837hL8CiHoaE2IO2\r\ntPnpw4IhAjB6ZGYj0ttWwhUE1KjjFt3K2Qax1lEO53TrVy0ocxPg7Fptq932\r\nRFaVD+rwFn6oswVFc3cIGn3nfayGYN5PC4Od4inPGhNs9LKmmuIOYScKVho9\r\n55Pgw1Bd+c7Z5oNP5iWqHpX//1r+EC7Zu9DEy/eStDBMffuykaPwP9lENTLh\r\nFOU0OoxLusFaXuQQuLWzQcxaIx1H6IBpbzSy9xY3z1wrmxESrKoAIF1zA2Q+\r\nEn2l1CsNX3ecVqYq77EYQh9Rc1FMZBXh4v2GLJcZn+LIOyX9EptVnpPJgsC5\r\nJNlEeSrUGOO6mcQfBbSZhuDvvoOtGEoir3FsPt0bmVO7kVglkZllBhD3ZqFt\r\nmyu7mDsq6+0PaRO9GO6pkafcx7g3ShgxmonSK5dbFx8Av439ADVaxgO94Ue4\r\nLLWKmXMUnb2o+0D4c586uA4M/cAd30uqd7Q=\r\n=zBul\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.5-pr.112.2f13df2.0_1677209116849_0.24102571380673887"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.2.5-pr.112.822dbb5.0":{"name":"@kong-ui-public/copy-uuid","version":"0.2.5-pr.112.822dbb5.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.29.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.29.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.2-pr.112.822dbb5.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.5-pr.112.822dbb5.0","_integrity":"sha512-awMIWaRiEyykNyGtFV5wdN7+/S2BjkcLr2IYwUZQcsVnH2e/6SaEa4aU73M38jEJdJt71VeB7rl3v5mVmcLvCw==","_resolved":"/tmp/3111771b3f7464c013940c342aeebbe2/kong-ui-public-copy-uuid-0.2.5-pr.112.822dbb5.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.5-pr.112.822dbb5.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-awMIWaRiEyykNyGtFV5wdN7+/S2BjkcLr2IYwUZQcsVnH2e/6SaEa4aU73M38jEJdJt71VeB7rl3v5mVmcLvCw==","shasum":"8ca9d79cf621e9876e0c321e0b563ee59dd8bd2a","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.5-pr.112.822dbb5.0.tgz","fileCount":19,"unpackedSize":555683,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDW6HQiNaVqc3Ewp4GqY4Au1oN//l2AAzzubJpIf2VPqQIhALgJcHZOkzdROwJQqchXxlTptvc8gU/9BS5GPwHeEwFQ"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj+DFAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqKsRAAhg7M5d+T4xfXWaK/cF+4/kuL3Sv29LufwiLLsU5R+wippEN7\r\nihEw8LpVv8L7RCVl8M1B2wEDNqf5XhGRU8T/bR52LL/nMr+RhPvptVlZpdoC\r\nJd3phI8vRO3wIu1KmsE7DPI39NkqGNRSd0qKGAnBqmr/DHq2q+Hn8mAKtcAE\r\n4PFPKRZvjWWrAQ3YmAbGt50jwvSyRcpWabB4fUr0lP/HcCWBofSZGV6Ykog2\r\ngcKyUtH4/JMVeUVlMG6u4RmFUZ5zfFI/k5Fqp6TPrkLp+PvNcNZkthOKexEA\r\nULtMnAnT44kY/aCbO2QxlRV5WSDpUvox1DuA9PMtNZBzi4E6iOKMCi0uZXNm\r\nV7Bp1Am4Qj5WynB0F8cE3GO0gqNVESPORiQfoizZHcWjRnqSczk1gBmk2AoB\r\nqkibo/R1SMnXItTqK0ogevjrEJpFUOytDeAntXQXYHNXaBIVZcmnksM9HbjJ\r\neakOjrhS/bTIjE7ortLs1G8ct+zrpUD3IPYbB4scPEr97WiQJ+PTC+6u4f3r\r\nFmzBRBykd3Mt5UoQ0zWrnmY9HwDVQkkhm5ZlWMclXzu4b/7T/762pkoBwoFx\r\nIepVFa3bMx6T2AFQExZML/IQFj2/3tj8123T3LXOQHqQwQBEUdTVQ2K65+Ef\r\nBPoXBdj4+DHGBJ5sUXP2WhW0/odKeFIZFAw=\r\n=DXI/\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.5-pr.112.822dbb5.0_1677209920058_0.1801449528366348"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.2.5-pr.112.a992739.0":{"name":"@kong-ui-public/copy-uuid","version":"0.2.5-pr.112.a992739.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.29.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.29.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.2-pr.112.a992739.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.5-pr.112.a992739.0","_integrity":"sha512-wLaYdNt/8w/At4EMc3U2WTY5DYbFG0e18lpOW2ueHEkBlC4vQZSVkFSraPA3lWtg6YPDJYZY8REPcR/9TFtLEg==","_resolved":"/tmp/34a6b4d8179df9b3bd817e8550018b4a/kong-ui-public-copy-uuid-0.2.5-pr.112.a992739.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.5-pr.112.a992739.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-wLaYdNt/8w/At4EMc3U2WTY5DYbFG0e18lpOW2ueHEkBlC4vQZSVkFSraPA3lWtg6YPDJYZY8REPcR/9TFtLEg==","shasum":"1699d4b137b228f5a226594690c66a6e05906edf","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.5-pr.112.a992739.0.tgz","fileCount":19,"unpackedSize":555683,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDEw7/BXqo2Rle46SS/Qfee7+m72KZlIcHQimc+B7dgqAiEAmCyy4GlzCh6Pddrx6aKGjO+UpVaMaQuhTw8BrPiiEms="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj+DslACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoUSw/+PvKWeslNqkzKvrzpB0JLCbV18YLeZcQXIlJmOYelyLGV5kma\r\ncp63BKE80N8q+INkVrlnwvrfBsDCLb7BYks+ai9SZ0//rHNx7cOBejCGNhPN\r\nbM9/sSYuxuIRiyz89OHp3hqRuyC4dR5TPNq5dyFoc7VpVnUHRby8p0or0X8W\r\nM2qNoSt5pHY4lCRED2mr+B5Z6jtHMF/CN/DLjmaUOjdr79cvAlrriw0+x/0P\r\n+OTG7NvaqFbhwPk8jbCccz49zL+0CT0vIqcq7Ns5DmC+8FaeboqEjICQIgFK\r\n9wT0bbVMh6mn67EeCDb0uhCpqGxNuNWxZVyCRmd2kD9xFaYJHxPZpoaNSRnc\r\nhFweSRnTTUpWn75BhiM3L5yGq5vTznYkMVt0n5adiPQV/Vgl8fC/5oL8m1SS\r\n/YSu096cz2twpBKl6sB03bDxp63u1iAxU4P1DlT1mbriJlX/N2JtPqT0hRum\r\nF9i5NuVdq6luiNbwcuGOf27tAwBmmBo430gkMWhdQzR2JvfHyJIjOHsc07TO\r\nLoadjjrvLmeRtZ0AlvbYDsNvUxRjsBauTzb7//jhIiMAm4Z6fmOrawJEXkzh\r\nKLguf87GbsfF1sYopXhm4NJ1hdy06XEATIDgCwcWHulArJ53aO2GQ50uQ9U9\r\njMmKbiXW6TSSli5VoPh592RkOk14OpbgkWc=\r\n=Y+jC\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.5-pr.112.a992739.0_1677212453643_0.6989016243486725"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.2.5":{"name":"@kong-ui-public/copy-uuid","version":"0.2.5","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.29.1","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.29.1","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.1"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.5","_integrity":"sha512-Mbfyz9blmbWEmF+wr2CnDS6wSQjJMLH2C4Z1DvApuLCok5JMPbbBRLzZ+gv7+q3seTvvp/+FR0EXAdrMuffrPQ==","_resolved":"/tmp/c2b4e126c2a1460599531932e8a44cc9/kong-ui-public-copy-uuid-0.2.5.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.5.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-Mbfyz9blmbWEmF+wr2CnDS6wSQjJMLH2C4Z1DvApuLCok5JMPbbBRLzZ+gv7+q3seTvvp/+FR0EXAdrMuffrPQ==","shasum":"6240dc4f2e8ee099e55f12019f0490e6645602bb","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.5.tgz","fileCount":19,"unpackedSize":555649,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDZkPw0cbUBVW1SbvDbLKWX1wg5Q9n+CwzEUbxaiu+bxAIhAPi+Tbi3dOU/iBbOGSseEG59yzm6CuCfGHlB8SRbOfVT"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj+NQtACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo+ww//bPLuE7aCcn2s4z/yUBjkhikX4y1e+Y5hPI7CmGDClx9DXJSH\r\noDN/s5GFLfvRgdrgmEyMVTM2dEQk9W5A7gr5CEdZyK4vEqK28VE2QV+JUKV3\r\nD0m+CJTCG2TedLsrD0xCdxat5PLYJ2Hq8mUj8M1mIwEST3eg96Xq5h5uCWwm\r\nRFfncbMG+TnApvebXFnYKDv6emiZtkcPtOGQzzUtYzuyzgPAva/O9wQXbNIe\r\nmc6h+FoWMEAn0kDD92Y/M8LK6pW2/ytqrqu6qoGD4oCzcsRsRq59pV5yhW4L\r\nEgE8/im3tEIqZX934ZN7SSOxfiRbIQTYsqrtbxQZS8+MVe9Qa0DV4CYJs4DS\r\nlHMQcVGushvLUvwfqn+QIS8ShUaiOHBrWF36Phnxxyu35pcLRqgwbI6k+n+m\r\nIE5Gq17721PxZqlK0PGq2LsQaHV+CS0X/Af+uN9IeDco3W0MkDmL5MxFqlGj\r\nYsrfjsSSPCsnbRJO++lQWJbQ6ysj8xUoRrZpigry2AR7p8RaGb6a4BtRlned\r\naYPguZwh6rkiua+AD5B6EZ7nB90Ki7BGYVXWfPEM3GaGHdMtXKRkjP6fjasK\r\nLZV28doRvwcHjR9RjmbmJ4RTbSeKgCFcaOCK4yfp6VqFE5u8gJUpRaocpSnn\r\nxnoQVnpmctaZq6DTY7Tk5cp1H4wgzxOnXrI=\r\n=5I1F\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.5_1677251629310_0.6771532666707731"},"_hasShrinkwrap":false},"0.2.6":{"name":"@kong-ui-public/copy-uuid","version":"0.2.6","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.29.1","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.29.1","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.1"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.6","_integrity":"sha512-wz3DxT886rBn2A9GMl3dxJI5zM7mbaOicjfN7+6QDvT8BUcYgRbZaXXdRQ1uvRO3Uxps+VgexZWAH64p1SAcXA==","_resolved":"/tmp/f499ea8944bebad6bd65ca66052dc137/kong-ui-public-copy-uuid-0.2.6.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.6.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-wz3DxT886rBn2A9GMl3dxJI5zM7mbaOicjfN7+6QDvT8BUcYgRbZaXXdRQ1uvRO3Uxps+VgexZWAH64p1SAcXA==","shasum":"945ada246af51696ee60047f0fc93574952ac19a","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.6.tgz","fileCount":19,"unpackedSize":555442,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDWYXAG5MBAaR3euQmtm9UQEbfUpFvE2JRag2ninD+TLAiBp9m7avi6980Me3kq5rSs9A57Nua1nlseUPm4FVNXOuQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj+OjbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpXBRAAmRr4BPM2Zo73+fL4iVykcFmzXbOV+Ms4ok4Maa8yWnXwlBNt\r\nG/gf/oMz7nQqATTJanYvuNAHHI4wQzVNjX7t7k1RXakmUAYg1Vds+qk5UnH6\r\nfcoq4uPUN/qAbR5J80ydh61FVuOVW7k1KwImyRF1TH/299ZWG11WEVhOROOs\r\nXDR2FYcTpLMAWm/ykxOIIolYfQ5fjUVVigXxfLVwz/b+nVo3SIJV5kXvI/J1\r\nVmL6ALJ0hqZJnFq7AwKXVOmMH92FwLSL9Ibh0/0OpLgJUKno6jRs+zBo+3lO\r\nKWjvoCeHXIenG86mYqVLc5ELaxYhGNQdT4IcP1BbKBJGPB3do7piFskzL/7n\r\nHhKsVWjuNU+cA/hgxIkW4rReJC+HlnAWJmmHlA7u7As8lAYiGAild7yFAKqx\r\nW9pSfqc4KjapAp/ZcYNil2FHQvxdyUr4lKq2mlqeKuOfGYyQjLkHhMzeoVDf\r\nyIrfYx8TDELF7v/w9wjv6Pz7SgarKQ+X4Id7pzhzJj1de2vTDCd8MsO9quni\r\nRpGasCEOyuaI3U8sxcGv2GwWpcQ763+ZUG+0C1qSN1XoaCx+8eWy0XtQ4L0W\r\n0FjIaGIA/j3/I08eqEAXdw+4roDjUAbaxcvmp/3q6+3tvs6WEbkGYa/KSoWq\r\nT+a/N9aQKk3dMeCHKfkXFYbvCdR4rvfsh3o=\r\n=CDCm\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.6_1677256923558_0.9313938365574879"},"_hasShrinkwrap":false},"0.2.7-pr.112.6c1443e.0":{"name":"@kong-ui-public/copy-uuid","version":"0.2.7-pr.112.6c1443e.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.29.1","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.29.1","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.2-pr.112.6c1443e.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.7-pr.112.6c1443e.0","_integrity":"sha512-Ruw/dBQSd6Q59NtTUmwWRDvrwm3bOLyDToycjwKjkfhBB8cQzspxWHLtHd5TlRGxAP9n89nqJaFUT0UBVcY0OQ==","_resolved":"/tmp/de6fa0b24a1251c77d63b7ad33994ab3/kong-ui-public-copy-uuid-0.2.7-pr.112.6c1443e.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.7-pr.112.6c1443e.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-Ruw/dBQSd6Q59NtTUmwWRDvrwm3bOLyDToycjwKjkfhBB8cQzspxWHLtHd5TlRGxAP9n89nqJaFUT0UBVcY0OQ==","shasum":"be6065bc0824781ff9c3d2cc17439b2d769b7c92","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.7-pr.112.6c1443e.0.tgz","fileCount":19,"unpackedSize":555476,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBgR5eYlDEgsCRKfFC0GPXyThFiBedKIFqNT/2pmhJKeAiAemlK8AyBPDNwl8r6Mrerp2q4JHEEdq/KSM05xngHy7A=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj+UP+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqDvRAAl86YoiYA8HVmOl/5SFzgBiRh56Ol6ED47MmstYpEbaeN8qUz\r\nhLEgFPc+muIKgRDffTilznOt8MZ1pWp7d3ZwtCXEuhVdkKbzFa873aHew0Nb\r\nRBbbfFRANeenswH/U6CBrFRFj4FJMxAovywUFSWZJTq/xTQh1KPG+XGSTrMb\r\nj5MFURGo5fqXjjOJRLy9PHVgujJscwaWfklxAlPmhm93pmaHuahKJnz0sisV\r\n+FwWmce9y6LFdoAgnpb41kCQrE08gAx0eojwtIL8yaugIVIfvDLVYYoN8hYi\r\nvGPGm80XJjH5B6wOb6vUOuF4DvGiKkQ3XIIT6JO1BmnJeFrl8heG+X3rwtVc\r\nT5FfCYLLqfWZCU6AqDU9IxndmAXMtcaHWq9w6aRLtesB1uRYsFqUMe+SE/Dg\r\nSMDhHrscdUjKDUatipZlkX3WbPzABXp3egrWB/OFXwUFX9TilskS8XnyAj03\r\nLD1A02VNJs8QDidJYBBnogbu3uTN+p7Xh91+BTCBRaq4JU/HnF2SyzCThbYM\r\nplnTd7JeaFX4uazc3qcC8k9bKjKwwLscKpZPb3c6M2qrnWxC7hhC199NbT+4\r\nLYgIJaVC/RLDe7GJkoh5cEIkypeDt9t/UHmm+pxcCT5dVW1vzgWlfHyywDGK\r\n6kHmQjVj/RTDQy+bq5EHCynGQ51EXzmDv9s=\r\n=DeHo\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.7-pr.112.6c1443e.0_1677280253959_0.7300434487859253"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.2.7-pr.112.e1b2707.0":{"name":"@kong-ui-public/copy-uuid","version":"0.2.7-pr.112.e1b2707.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.29.1","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.29.1","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.2-pr.112.e1b2707.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.7-pr.112.e1b2707.0","_integrity":"sha512-7NNF5mJlgRWGKZaPUFFhz+HFbmZ2igzt92VX0mq7pVj9M4RJL3eGnSFmJGGblwcNxfFarPABZpscF/IBibsNsw==","_resolved":"/tmp/5b8189416c426b2976549fb4f790f7b3/kong-ui-public-copy-uuid-0.2.7-pr.112.e1b2707.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.7-pr.112.e1b2707.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-7NNF5mJlgRWGKZaPUFFhz+HFbmZ2igzt92VX0mq7pVj9M4RJL3eGnSFmJGGblwcNxfFarPABZpscF/IBibsNsw==","shasum":"a235a0cd51f3031ad01866be54926660f4ac42ab","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.7-pr.112.e1b2707.0.tgz","fileCount":19,"unpackedSize":555476,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBBOkzvIPPnhELH/BOgkTmo0q7gNPBiHJvlYR39EYoKlAiEA4cuqOdnOhZF0RLIZOJwzdTsHpKjhqG3I6b5W692E5E0="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj+URsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpmtA/+JEUP/G6bBJMvaY9MoaMcP8xYmGJQe4e9j/obm9GyMwxsgeuH\r\nGMn7jwiQiEn+Vu0TjzDd71OK6eGLBavULlx6pKs9TJZsMMay4jgmeO8K73BH\r\nXcRFZpHK+BJgxftKbWvx85H996pTS+gUHnTIJIcb1oVj2+8KWipZZ4KPrBVS\r\nK+IOp6H8B36CA3A99VnIpZ8BHgcqn6HLvpMxsmd0YO+zNSxs12cqogafztVq\r\nJT1E7UGE5dD/9nQ/u57ldWiQE92HS4afbQCDnz+uHoVXp56oLPsR+qQyrG52\r\nbwEFxrkzGPBBlQ36JUq0K/YVgnTFBhErOEIPAKKf0fjlhultOKBjkPzOcFGi\r\nkzH10q0vFxJ3ueyJrBWWaoqMeOxuPDpLjLlLtJwwiMHdirRvYXmo0HfBP83Y\r\ndo7JYs/sAKvuVeU/heFKQzkEGhy+00Hy7q8gsEskbHnClHL8MnFrAUaPyxyQ\r\n3kDNaDjrTrs660zL8YVc6kwQNV6dImRSArav+nlSz7ME+AZylQcQz45OrFfu\r\nVfi+O44rPNOnQ5CpjD2TNs7YJStt+eCbGtH4/HB7eDtPKHbt0xhSVCLsNaAj\r\nZZ1HIiCRmYnzljlXyH/5V0w5PuaVVNDqSt/OZdgtOSLN+OSt6xXYsZEHNDNI\r\nPlAfvY2LdunRpXAmxBtcq9CgcgOd6YMBuM8=\r\n=vDyk\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.7-pr.112.e1b2707.0_1677280364299_0.3408124955345566"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.2.7":{"name":"@kong-ui-public/copy-uuid","version":"0.2.7","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.29.2","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.29.2","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.1"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.7","_integrity":"sha512-WrvY7xpyL3/mxGh4VMwdqSvr2f+usezxOlHIoLXF7ZSPlL98c7FxrEEqtZlTzV1XBTxWoiiInPnSbAFgXW9irw==","_resolved":"/tmp/fba9e257ab936ffbcb7ef34cc7e5a7cc/kong-ui-public-copy-uuid-0.2.7.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.7.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-WrvY7xpyL3/mxGh4VMwdqSvr2f+usezxOlHIoLXF7ZSPlL98c7FxrEEqtZlTzV1XBTxWoiiInPnSbAFgXW9irw==","shasum":"8cc9c6ec6a10b67c0390f5b9d9d2dcde57b26e1b","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.7.tgz","fileCount":19,"unpackedSize":555442,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDeUdP8JHyBINIgW0GLTp+HzlUFeX8OYiJsd5TU57GGxAIgRezrmfttlTJm87GOtuSWJggSdHk7EPmw5Q+FPqGQqkg="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj+YNpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmodRA/+K8q5mKmT06usvS6VKJxXZxMG/EUjCoXLhhfFvEqms0/a3UVl\r\nncrkQJzBdLh+uUjGK6L28gbF+qcFeha1J/WZaYJ7+LsuwmeRWgwhzBwik7U3\r\nUsax1nwXNLJu0b6OYY1UL/a33LGRPeMoJy24L/lWmbWv+B4AOM+lG+rapVF8\r\nmrI4P64utGx73FwRE9fJBbfcji6xvg8c7XzmJX1+/Szh66w5DU1S3iWDYcvF\r\nRhDazdJ7u9UXg9GWntO7zfmOJsnYbrW4iHQpLp/GwsI+ofDJR2kmem8HWYl2\r\nZWAn8/APaWxAkc4j14f6fkkbVMl3sGMGb9OwejelorkjXbrmSYLidYKMo2L+\r\nyrpbRD8VF2PvMz/Mk18bW4VQWroXYsa8ooKXiJqzgO96ks3PA/YEk8bjb0Z2\r\nnH6aiKp0mKsN3jrN8IOn+xJ+P041airepTer3DOeceMYNeIzqUqRJeFm2vCG\r\n/0BS0Nqk6HNEMj33FHYhrRHwWMR0BVC5bk6U51UfyeiRObLkaVAPg33TM2MG\r\n6gmOy961rSQ+BAeCbRBmduNpN6bcVPVwuS51UHra0CNPpDV93f4ix8wRKwum\r\nhrz6m9Qih0TR4QwG2LiMZQgQsOpdQU3ygkV+JA+FFehOpkp7yCLiyw1xqZWl\r\n70b7XqNmYTT/dl6it+oKgWxjsF/Tb5w4EU0=\r\n=ePAe\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.7_1677296488758_0.26536129298650035"},"_hasShrinkwrap":false},"0.2.8":{"name":"@kong-ui-public/copy-uuid","version":"0.2.8","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.30.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.30.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.1"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.8","_integrity":"sha512-KKusd6+OqtjA+dGj5OHwZI8COZOG2TTQFogJDkxrVxyAmzNALGw2Hi64TuNVgImVAFKBz0AC8iEqklz/kKmKgQ==","_resolved":"/tmp/232e9206618c09990a2e560d8c1a5abf/kong-ui-public-copy-uuid-0.2.8.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.8.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-KKusd6+OqtjA+dGj5OHwZI8COZOG2TTQFogJDkxrVxyAmzNALGw2Hi64TuNVgImVAFKBz0AC8iEqklz/kKmKgQ==","shasum":"d50ebed3131aac74715b113952a3df68228e0b29","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.8.tgz","fileCount":19,"unpackedSize":555442,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDSwv3iXGh5G/pv079QvCf+PoYR5N2LJAaECKgd+2bvKAIgYeUGGVM9iIpggKSzdxxQovRYL0zwPf8+ROYsxuUBxt0="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj/cgNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpUFhAAl8ZHRjoUjGJ1V2GCN/AFyJ/VxO7mDTtG6BRXywORFOuxF+Bq\r\nKY+QedGfa/qG5oAkRN9PwuNkal7EvyKr4Bm5/S20BzDrBENdFP3ApQhUPu88\r\nThifRu57S3zuWxsBrL/6AZWqwEMCBKspiqQiMZjs+DaaQHBDLgXdVhm96bcc\r\nsL44jQYLOgePt+aGKfaeJrV5SFcYqTgdXAe9aYjhe5mc9vPSQokq2VaI9Fkt\r\n12RJBrhEfMYhrXUU/czY7JPZPtJ/M95QGWaRXO6IqQ3+GXdx23w32C1YJKwb\r\njVBaTmlGc0Nt73oejwkAWXS9yCgKAALZzejBkIt4tA3CXJwv7gtyS0ogB2Ix\r\n4VeJYVDFrHTCkAf3tLbZFUDHZvX1+HTN2J0KFHKGbASFSdAlCqEs+LYM4ruZ\r\nmX+RBpZ949iz23ZYz8RgZYALycdBKScUstqC3Tz7E7A1B4DTTmTEV2dtfOm4\r\no3htcaetVcJD07hqXIkMYjWq20cZlJ58o3f3KR+qPYocQN8qzGN0yKWfw2vc\r\nIdvjEJI4VxgbZ0imVaj6ffOS1iAf7Aa+h4LHBOcN6Hpk0tWRobbu4KmKE7R3\r\nJ8SV8zZk86H4+FJtlhKMLT9RrgDVLmoK4v9azuiin5CKZQklbG0lnMxzjd1z\r\nYj3VnXJkQD/WMUBbFZDzyBG9RqioQtsb03w=\r\n=+ASA\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.8_1677576204925_0.39425501480249414"},"_hasShrinkwrap":false},"0.2.9":{"name":"@kong-ui-public/copy-uuid","version":"0.2.9","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.30.2","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.30.2","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.1"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.9","_integrity":"sha512-Ca268G+5IiEi/9rvWuHJiuoNjInZl2uPnlMn5FpYMica+UdCD3+17NN0HzUYEq+urVwCQ4dD2XsgTcj7yf3JLg==","_resolved":"/tmp/16285e8b9687a3905e894ade66aba36a/kong-ui-public-copy-uuid-0.2.9.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.9.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-Ca268G+5IiEi/9rvWuHJiuoNjInZl2uPnlMn5FpYMica+UdCD3+17NN0HzUYEq+urVwCQ4dD2XsgTcj7yf3JLg==","shasum":"dc3e7926bf86491d606a6cd8d13d37432150a1c9","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.9.tgz","fileCount":19,"unpackedSize":555442,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCjWMxQi7I/2CmUiYkxq2aOb0bj0hvMRbfyq3XCl/qwBQIhAIY8e8c2zchY/gbZ8gOHaYKDX4f2tgmt4XiBRE9yvK4z"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj/jf5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp+3Q//RBfaUn0ADMZqWoX3o88KYnVjAhJf63KuPaadr3r2mqFNGu0O\r\nE5bZlGVBeybplshacWQH0D6IyNUT1doQJV1lJgegT/GvQpHo8G2xT+dZCgze\r\nFnDc0Tgy28o3keh9dSv2aVmPbKGI1JeUpfkjSFSLPwoUykvSnRW7fhwJIQfD\r\nfCai+sAGyGU9GypFemw9qcUYI3limIaSpK2/9c8ziUMKXp2hu3YStIkl/9dM\r\ng5LkQfnExJyOLkfi8bVUETHDIYC6eprTgfCmY9KUI69FjGIbG+1pOIY/J18l\r\nWRoxNGzuJF/uVylnvWjTXM18O0y2ZggLUuFNxx7uKP8rTWlDE0113fR10jUa\r\n7pmslfRM/r9VlgiNGN5WtwIdC9QY1zKCaS7wGobkx2ZpQaiJVuvZ6weIGrvc\r\n+x+HMSVZJxr5+HXRNCxojEgRfFZAzWUfjUp7/L7Nr6uDuAufeht2CbTMml8Q\r\nXSmb6/C7wnaLBERZ1N+19G3a8Mc7Y8J85vl/flMvJlB0Ot7SoGnmiLnAL4fI\r\n4IGRvkZYw57wu7uT4r/JzuNOgKPOUAMQ6Y+qBo+MnyD5YLDcuOhFxnkA979H\r\n54wkpqYkXg9wGWHERFhyRoYLNWIWQBsY3ZiiJwkZf+tFA25YA7NpLU1MKJ+k\r\nMo8pRiMNCZ42Rytc6mYK2evd11Uez21s3A8=\r\n=CtnU\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.9_1677604857427_0.3691989955241701"},"_hasShrinkwrap":false},"0.2.10":{"name":"@kong-ui-public/copy-uuid","version":"0.2.10","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.31.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.31.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.1"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.10","_integrity":"sha512-jUSBT04Zu12pdGgipU+73CxdUv2mK6se9aDD/KXvytYglaKkwKc7Emw9/KK7F9Wr+It35e5mqOBH++c6cSNpwQ==","_resolved":"/tmp/eb067b88eec4b3b5630bf46793c07837/kong-ui-public-copy-uuid-0.2.10.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.10.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-jUSBT04Zu12pdGgipU+73CxdUv2mK6se9aDD/KXvytYglaKkwKc7Emw9/KK7F9Wr+It35e5mqOBH++c6cSNpwQ==","shasum":"af913232131c23050337b26a4b2108aabd25b060","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.10.tgz","fileCount":19,"unpackedSize":555443,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBXrSgLvEBZbmjz57qQ9zk5OFALZCdNYontWczcw1vgcAiAWgdMO73ddSoV0W8fptFLa2HSkfZPmh6SuNHsY7k9s6Q=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj/5QzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqITw/9GdjdiafSb8cY4CLhlVcF2eQ1N3yqvDtSvc0CKQiuiifXV/g8\r\ndv4vc16+h4b9NPoHmsXxlYOVZNSyLSGb7RtiJXw84cfRGDMrnegtdUNPGWLQ\r\ndzU7xx2RV7EGaVfwigYGjQOJgrlPbKBE7HxyCXVANiZWC5WFJVqgiNf/hffb\r\n5T1Nhh5t6UYrBQRJ36FRjCQIpXTvlxYIs9UPayDU4P2LDymNu25MaurF+AP+\r\nRpU7RjX5LO2H9LwmqASuYGIZI4H/6baIbTbXkX1OkqmW6FQtXkc2ZRc1ACs4\r\njZyUXF47VpPTSFLdo0g+QvuUZeurz5jRtlB7yQp0GlXm1nPEZAEnFAG5U8ke\r\ncigch0Fm9a1fdRFYC+B21Q8z/JOd0NqvKB3x8RZGe15eQyaxCh/ynsyxbTyv\r\nwIsoyG9dzNDEmgV5JF3pRltyY+UbKhASl9nS4TbM1Gk4zH1ZKCMgZZudEnQZ\r\nHGml4GauvG6KnS/duSQryt3nqT3ZSjMCHI1jhkSljRvA98XfnN4gIwapEqJS\r\n6QlVwzsOOfOJlaibXUIyMJT6Qm5lwz6zPBl6UGJysRW47cmSv4qAL4O8xDNt\r\ntpiS7OX6VtnhgS2bgoEZUn5lzq8tfAvsqXDLSmElwlbKjxcEMVb1w4ia+HGx\r\nyA+5l+gUowsPVDGJz3v6hdygqzajH+pEI70=\r\n=F+Cd\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.10_1677694003250_0.35910499567989773"},"_hasShrinkwrap":false},"0.2.11":{"name":"@kong-ui-public/copy-uuid","version":"0.2.11","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.32.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.32.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.1"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.11","_integrity":"sha512-WognjPK7XjWBOWxLuyknyPrh269l6yiOHzWaxXiAFW8E1RwYDpy4X0/+pLHH5qaWJSHYXCNjtwEYEz7nkNMhpg==","_resolved":"/tmp/446d524e3259f2bb9a6fd8a716356c83/kong-ui-public-copy-uuid-0.2.11.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.11.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-WognjPK7XjWBOWxLuyknyPrh269l6yiOHzWaxXiAFW8E1RwYDpy4X0/+pLHH5qaWJSHYXCNjtwEYEz7nkNMhpg==","shasum":"ba352f9cf2be7c0802038527325cd6945256013e","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.11.tgz","fileCount":19,"unpackedSize":555443,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICZ8Hfipzj3tmoYGs7xQk3am6b2uCOnTYgU6WBKyioe/AiEAuhAssIk64Yuu6ZZ9wml1PrFMxxQEZM6Tu3aVam8FbGc="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkAE1RACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrPPA/+MQjiakwhq0G7gpOP6+Rri+5H3gwmqSmOJ4wWoW1t458XMRa5\r\n4fpiSbJgDkgA729C7DXaCyOL62utCgmu3h55VvEvMCg8/qU1zsOP2dVYAI0B\r\n+O1X76vK0fiiJU2rQOsYOWAPfl76qTkdAaYe9YbA2hWRXq2W+CcOdI+6mupv\r\nEcKy/PN9dQjAuVuDHEtfFjgBJc6RPAPa0MnnJvQFIg8tVXefFII4iMgJQWsv\r\nqDGOCeU/nxTWoH7SXz0k+ghnT0KflO93IWr+f8gkEy4rM8aufzJgo8fl0XIE\r\n1XzF/IoIC4wtydhgQsQt2VOnnNOWWwiHusipm8UVFKzVVR/S8E1tMlzoo6iv\r\nwixcstnqpGF3/PGzpF8bWf6XwegfMXTqxma47LJ/lJ3+RrBL5ZdfC8c9DTqS\r\nE6cHNS5V4NoNo2zaoyabuDavhw8b/zwfxjr6lFN2bkDOAhfXeUGXfMjFJDom\r\nDWY7GV4LlSn2fkwaVOJldzjKrX1rmWFqTL7RXfXpQ7x57BPen3sGo1i6Xx1S\r\n7uFDSIzWFABK8mfYakq3ARyxFhSKbBZ8ixJyDEaz5MpFyR8toM613REXVjSJ\r\naSozrEwe8IYBFbfO/dIR7Qu6VCmmJ3PkKXu4/YkzbUB/5mga0IBoX/Up9lwb\r\nI5+MAT3CpH8XQjSDkdRYwdIbl1xWxXJry1w=\r\n=0Nwy\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.11_1677741392864_0.036047878968020974"},"_hasShrinkwrap":false},"0.2.12-pr.195.b176d79.0":{"name":"@kong-ui-public/copy-uuid","version":"0.2.12-pr.195.b176d79.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.32.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.32.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.2-pr.195.b176d79.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.12-pr.195.b176d79.0","_integrity":"sha512-Es7NuLvuO+7cfa/ocU6lkkaoe7lWtAb5lqj4ZLTDKY0OczQSFUY5KW0y+oX530F0mHF2g0LsUB6YKtdPqzRDeA==","_resolved":"/tmp/677807f0e5fcb9d4a6d4e01addf05c1f/kong-ui-public-copy-uuid-0.2.12-pr.195.b176d79.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.12-pr.195.b176d79.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-Es7NuLvuO+7cfa/ocU6lkkaoe7lWtAb5lqj4ZLTDKY0OczQSFUY5KW0y+oX530F0mHF2g0LsUB6YKtdPqzRDeA==","shasum":"4c4a051ff1cad2d73a5653e18d9738dcd897c91c","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.12-pr.195.b176d79.0.tgz","fileCount":19,"unpackedSize":555477,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBI7k/7wdkBsI19ssLh5ysfzkRF7kNgFEcgFjlKa3LZ1AiEAk+NBKrEk8pTa6E8eR29045Mx9HSU4XUMD0KHD2PuECk="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkBcVjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq18RAAgk6LhuaOLijBg1x6pIES07WxWTsp87zGo6AY9GyhVPvKlvqN\r\nj4NlLdhYtoIDXKgXT1qdcKCbq3bkMiKrclJhxn0oTxDV2RC/bNkq0+wf3Iq8\r\nci1vk8DLR1oLu4vTlONg+xmJkOZNPKAgK1av99bPp/WRFH7K8CQKndIZej6D\r\ncN7PfbeVVDKyMFXtROabKFP0A1dUTjiLxdEQCXv7M+2xveiAU5AGyJ+piSP2\r\nLXq4WY7rQ7kGSSg/MwOvPKD7wf6a1sNAvuUmU5LsGBs/29xxI5MvBePt7IXY\r\nC9JRxID3zvuTBPXRvH8hMbDnWpKzvKuv+zPHXWQQ+gmW1yjutT9MkpoxXkbV\r\nEackqt+iu/YUeuBEusTMraeMVLyDJuLZsT23lwoygZBzzYOGqiAmrY3HSNAm\r\nfi05aEw8W0eyhRbnVvvqkylsQUSU5BlLCEFxKtT6W5O+BAnZKmQqgXL/nHFU\r\nNLPOj9WiinBLeOFzmgphkS+FBVPajlOGwSOjhcTlHPitWXIajPBLIjg+7vI9\r\n8Uk0M8wlBJd16PPRyKT+tZFfMhmHFv5i9faHQjmjSWDwmV5m+2EH5Q5weZAz\r\nhydoG6e0R9MhGeFRcwVozBIu2l827Pj1d2HF3WYft2bMrO4fee2vgmHrChcl\r\nBhY5Gt0LdsWkUHKz/kod/bZddIE54rcCUrw=\r\n=Q1bQ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.12-pr.195.b176d79.0_1678099810856_0.5017967067866813"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.2.12-pr.195.6e650d9.0":{"name":"@kong-ui-public/copy-uuid","version":"0.2.12-pr.195.6e650d9.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.32.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.32.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.2-pr.195.6e650d9.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.12-pr.195.6e650d9.0","_integrity":"sha512-9InIRsoL4GXyxCSI0mQYGbJBvLOPUFBHedvHMldH3b43d/cT/L2cfFN3YUi6IQ7lZr3uUYn/hv06/Ta8hxtzdA==","_resolved":"/tmp/8ff8dbb5975b50a034793de5be33619d/kong-ui-public-copy-uuid-0.2.12-pr.195.6e650d9.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.12-pr.195.6e650d9.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-9InIRsoL4GXyxCSI0mQYGbJBvLOPUFBHedvHMldH3b43d/cT/L2cfFN3YUi6IQ7lZr3uUYn/hv06/Ta8hxtzdA==","shasum":"e6f96df5c91a0f3d17a19145fffdb355dda2da40","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.12-pr.195.6e650d9.0.tgz","fileCount":19,"unpackedSize":555477,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDRuLBIPncG+NWVHCzCuUa0IgjZ547Nk87AxVXhpyxBQQIgeLUKLyUWJZjRvk3U7R/i0+rzVwXv3TS0K0Xjya0o/rI="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkBcaeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmovZQ/9HkVZOwqGozL514Nepk16rrFqOWvYPtwfOdx8ekbaOy7RyHUU\r\nnhM8GQXWxOiUKuJHkMnwWSo0B+1jMi7ZRdutB57K3Xmto8riBSVCVlmh7Z3n\r\nUF8/4CSSUWK81yVLXkGK9LJZl0HxZdMRD2kQF1YISj7zzCf7hxEmXjrnNzJ+\r\nZ3DeO29vJ3Ez2eKq+hFe9zP7sh19S4MmYIFjZNZau7i84WHDa85//kbQgs3s\r\nWtFRm7ndn8hhjDmw/sCISAkHlOlm/35+tWKBM60LqjCbzu/oIlr13G41p9bj\r\n7r9hKLYhchyws4Z3r2l9a4kA/qgWFgZzd7aSybZjHKcfJr41ME6oj8SH50Vw\r\nFqfhL9rotyxcLQWrQHIacsymhm4nT3UJmfcn05zQc0NvNWfYd9BE3vdJfnvh\r\n5jpAnWDeJBxO/ikh0farX2lMokezMSqJ9kTpZj1yn0yrW2TCqhfCn10NLMfC\r\n0Bw8J3denwOKx/ljmIlOpHaVGLYXu1NQlAkhIh6WxBWhMs13uVYJjW+kJB6t\r\ncZ/JSgvotfv+QLWTV46J+d6stQou4i5o1t2m8NFg/YA3QWM15WNGXlqTqss9\r\nWg9bnUGObLVMs3sfkaDyQAfhBLZhUZT7Tavfa31HF//0kiGa0uwcHs3+UDGS\r\n7BCjt4VdmTM2LTDagEuXEIwWwEi8V1/Fa58=\r\n=chKK\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.12-pr.195.6e650d9.0_1678100126494_0.809370779698017"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.2.12-pr.110.696ed8c.0":{"name":"@kong-ui-public/copy-uuid","version":"0.2.12-pr.110.696ed8c.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.32.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.32.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.2-pr.110.696ed8c.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.12-pr.110.696ed8c.0","_integrity":"sha512-EuJOfxCY43qEeZmhMog+oAi/1UxrIyxH1yPbg08IbHv31HHgs/h/NhzCVPTfoNyDmqYkR/2w1Og246TApCWXAA==","_resolved":"/tmp/d5e62e0f213cbc23bba71e1640c75818/kong-ui-public-copy-uuid-0.2.12-pr.110.696ed8c.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.12-pr.110.696ed8c.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-EuJOfxCY43qEeZmhMog+oAi/1UxrIyxH1yPbg08IbHv31HHgs/h/NhzCVPTfoNyDmqYkR/2w1Og246TApCWXAA==","shasum":"b86176bdec0e03f46ac1654233f29aef9251e6f4","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.12-pr.110.696ed8c.0.tgz","fileCount":19,"unpackedSize":555477,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCH8+Uq12tG9n9v3+huGz4bYK/l89xUi3Zj0k67GfPS7gIgLHyP/ryxciFm/U4HF5JD5RMz1Zzr061+cT+boPWyz08="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkBcdoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr6+g//TplUit2OxKLYwVarhtHRDdd616Q8zAMRoGLUZFv2MTK/UAOe\r\nRwPklMTYz2XTunpJY5wCqJbsGNG3mh9O9SL/rnzR5Y2tSz94lD/OtpYmRL0B\r\n6+ghSca0LTyaG07NZEwyCQ/STIaETjxnQ+OH78ify3SJcNUILnjqivw7XG20\r\n2OTCAqHzegGf1LadXSOP2YrQweRTWiwCw4s+k9y90DmM6V7yWPHQutbOe4v4\r\nI9y1EFI8Sw6KH1kirYx17xW1T2jYtwn9c3Ao7qUjQEX4MkRTGlORT4O6tlUd\r\nemGyFylag5XDb1ZfhAXhNdzAUJB/Rk99oBXAl8Fz9l/kGLMSel5t1jy0hO+m\r\nPZfzHVi1BEZDD8Evui6gCGEnMYageMsLa6SGANIFIoqB8wO/L9WdvZfRb9xw\r\nqa/hqYXt98OkdAkOT/ZxKFi/YFcHRseBxzyGbNa0V6mShA3t+eICUId/A+dz\r\nR6jPUd58Asi08Jp42rniIPP2fQbICFjID/4UDG2BdjhkOHJVS1M1UEYo+9IH\r\nW/dpd68QgnBt60+hrcCshCJ9lv93umKVGkKDKUak06t6+uhESa6FWHj7Ynmf\r\nYu9Mc287X1mvN2CqFOrAaXcM4uWtBmV1hCoWHUAYgUdAEKEP2C42WFrNyj2D\r\no2btLU0AV0FQA+0IpDOjALT32ECoS8hvD2M=\r\n=1LeG\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.12-pr.110.696ed8c.0_1678100328552_0.015412773129154012"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.2.12":{"name":"@kong-ui-public/copy-uuid","version":"0.2.12","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.32.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.32.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.2"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.12","_integrity":"sha512-WxnPdo3ikQE9aaVWPjRtxPe06Pgw8xTTkvAHnzNw5omYokOkvgk5D5hbUa3T4W2kJTJsfpfSGH2riUtooNtoGg==","_resolved":"/tmp/a84c5597aa682990a25f5c6d69ae83e1/kong-ui-public-copy-uuid-0.2.12.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.12.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-WxnPdo3ikQE9aaVWPjRtxPe06Pgw8xTTkvAHnzNw5omYokOkvgk5D5hbUa3T4W2kJTJsfpfSGH2riUtooNtoGg==","shasum":"ff97c14d0213d20c66223ecb2c94670096937f86","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.12.tgz","fileCount":19,"unpackedSize":555443,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICRyjxPr+mtNHz3rpZxRXKmDeq1LBuiLuEtQ1V0o9xx/AiBzyU+y9nxZtAr1qXVz6Ha1xLFJKXCGeWuImXz+HtTj5g=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkBceuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqspg//YN6VkfjNHNW91BzHLV2fff3N7SrEDdpwLl/DcNdf+KSELj/H\r\nfOCy/sDrAP0Ye+JDzVEs8/RucBaMq9KH+1vSNbT8wQfZgY0iGtQCFum7nPlQ\r\nwbX8XzRWV37wlXBqtcmNBiwLe/IwLDP7tQEtd55scIV/qHrurYLaKT6ZrMp1\r\nzwGGdUXJ8yoMOtV09+RhupUu/HoYkbMEjWN2JhsHNxfKMJ4RObuVRGrVBQCf\r\nDaBQIsOmvWeiWB5O7my3aIZGopitXbWY8ElPTl//2FnX1LxWAO85SjLib9vk\r\nc35vqm0jbw549ajRl4dXahWF0GLIvJbE+HDNrrZOOiojeuHj9O6RJBDBjkeh\r\nlqbrT2i9J/lObUyt/U2JOWIFVl7iB67SWXM2JNJbzljN95uzVXQ1OnffUohd\r\nRhCfALqAthFPH9FApJqMgPKYZ1scMrxeDzTGPhTSyYy6zBrqwSSrPk4XZZOW\r\n4bnQg81mzSlwnqQUEX5AsuarHZLVgE4KJUTg3MKKbrsNiPiAZM6tSaAouEAg\r\nF8dfynnFoFfxXcFVSc+4DbE/JPpzWnL99+f1gmouqJS6nE5RR/XvIabkw0PQ\r\nd6UL/hMoXCbClXtrTt+p/GvXVBCvX5I3LMd7WZTAv97IJC9mthEVFKSTjhxN\r\nvILTc0Rlhk27xOMv2YwApevinBeUeTS/+TQ=\r\n=AjxS\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.12_1678100398338_0.061943776841662856"},"_hasShrinkwrap":false},"0.2.13-pr.195.ec59a66.0":{"name":"@kong-ui-public/copy-uuid","version":"0.2.13-pr.195.ec59a66.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.32.1","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.32.1","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.2"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.13-pr.195.ec59a66.0","_integrity":"sha512-lgsZz5RYIr1H6Bhfwa/od16C36JyZ/8Pa8Dr03N8m0mZG3govZDiVe2uH/9i/rSvt86ldA4wYiFO6C27NOxaMA==","_resolved":"/tmp/3929dec8c0d9019dd2f1ccc83f7a5c85/kong-ui-public-copy-uuid-0.2.13-pr.195.ec59a66.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.13-pr.195.ec59a66.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-lgsZz5RYIr1H6Bhfwa/od16C36JyZ/8Pa8Dr03N8m0mZG3govZDiVe2uH/9i/rSvt86ldA4wYiFO6C27NOxaMA==","shasum":"405829b2d9fe889530e1353de0208e6cb9c4946e","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.13-pr.195.ec59a66.0.tgz","fileCount":19,"unpackedSize":555460,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG3eZvYdiJeCNY8PNOTaroRm5871YPIGKIueiCD/VIKUAiEAtXzA01+EEotmciEDXNOkWKLVV/i2tqwzDfbW8XmPjIA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkBskHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq8LA/7BjiE8cjUSGSp1IzMfvgGsUBsSTm3oeV+W5Y5M57lILaRPUzr\r\nnZAF1pPMZM8QftENJr3kqz74wC7iBicHDvBCUIHuQHlAdqf+6lDJh77pasUG\r\n0E7N5OqPOyRxCYDG1VbtshVcvv87yMmqZp+I4CMpQby0Iym7DjLnGZaZJgtv\r\ntErnzdceF04qKhCo5zfSzeEcvev7t3B7eT9hgUKJm4yqojc3sYACGvQmBvGH\r\np9e9WgqsU+MGmrsDH9p1gI9bEOlS5gdP6HE2u8g58R40HDapWZte87VbwT2I\r\ng/4LtZBuRqATvYCJr+wk1LjX62mbyGAng3Ej+LxDWQqA5HSjVc3tHirgIuMH\r\n7cQYAuaJlxmDnsMqBVmq1UX2ZSdN7YO9aZ+sXFo1QDRmZMTaLdQQS7ymfOBp\r\nqpLps5qMhPMXKZ6nLojIOZDDAGWoRLmTUlkCAda5y8xFkww+bbT9pxpQqq53\r\nkA60BIzwsy0gjyUJWpHsaAGFd9zTLfsO720i2DlJ5At7oHi30j7N1omz6cjy\r\nG/53+yhPYtuG6vbmAeXAcdGkOyRHImimyuxKMeEGrdP2+kaokyxqT8JdlLmm\r\n0CG6byZOtvOXwtQkK0QdlFfLMarwwWGGl4Rt2Y0WjtObQEQvqiOUwPzgNXjU\r\nCGD5ytVJV72Eysv0+2wKAKHdkfIi0PgLqak=\r\n=cZMP\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.13-pr.195.ec59a66.0_1678166279210_0.512204396970259"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.2.13":{"name":"@kong-ui-public/copy-uuid","version":"0.2.13","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.32.1","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.32.1","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.2"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.13","_integrity":"sha512-9x+VfrSspBM68I1Vl8eGXH7d9tRxHeO41t8XC8aKRxCxD76uOHD1nh/RBWV1edukpqi7g9QvR1dcFveBioJCFQ==","_resolved":"/tmp/5f3caa0dbe71e6f7145a0bfc7fe49a31/kong-ui-public-copy-uuid-0.2.13.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.13.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-9x+VfrSspBM68I1Vl8eGXH7d9tRxHeO41t8XC8aKRxCxD76uOHD1nh/RBWV1edukpqi7g9QvR1dcFveBioJCFQ==","shasum":"ad52fe6b67f256f543dc7147ea7bfb990614a70d","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.13.tgz","fileCount":19,"unpackedSize":555443,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFabbr6Pkl+Qipg0A5wAqFrDcB7M7S4vKa3xjgWVXj5lAiEA5SPJ18zecu3PJQizi9Lnspcp1ji84R93jiJ3Jc6Zuuo="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkBslBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq3jw/+MrAiP9IHsB4XGp04W3O7P5XtLke7jPiaTRt8nG9Yy+hi7tQo\r\nxhN249+rY4OfXgVJAtWO63FWwpJRTdNVi4kLSNBcj1Q1IipOEQaRZzo+3t5c\r\nZS4wNEw6KP3lBYX0lBrCobrHQBeac4q5CJX1LTkVun76S2Tap+rXLPTBK+tP\r\nDgJGsU9aebMg7Z6F4885dlQFQTVyMicJNIJdnABkSYYZsx/u48xIdZWaUrtN\r\n9omIOgLckh0hEWSx36euHYebRspxVvkvECU2HbQ6QumSkOYwe0TsGZufvBnq\r\nShUsdqkq7ysZv25Z7Hk/i5Lp3TaQbmKxfziqgbo4cctIi4O0ooBoZtLWpffV\r\nkvtP2z0IZMcgRJNJvy33gMYGwaErI/4l5p7PUptrkHB58ABOor1qVRdYB0S6\r\ngEyODcVNsryC/5CB7FS77DmGRm4oPROIUV6fwdh8UPHthW/iMRqrisd/r4G4\r\n0WeKV9benb0HGE++omfYZIFXJF/DKcy2Qst5jxNknb7CWtsczT2i5nnD6AG/\r\n/hGysWbj4Sb8aZovJWhaYp9nBU569cAEVa4gqfkdyZuxkf5hn0onZLi1aAQr\r\nHlfnNmshNP8Mlf0H2z11202j9S+QCJkbmWq3LqMKHL2r3/Syv5Uyne04eqMP\r\n+EnFR31NLJuXiWynt0PTh4CIcWwTCCyIpDY=\r\n=cEBn\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.13_1678166336961_0.0667859284582557"},"_hasShrinkwrap":false},"0.2.14-pr.195.33c1ee7.0":{"name":"@kong-ui-public/copy-uuid","version":"0.2.14-pr.195.33c1ee7.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.32.1","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.32.1","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.3-pr.195.33c1ee7.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.14-pr.195.33c1ee7.0","_integrity":"sha512-jCy+yOgbauk47k27iMr3x7UrA7/xEbnN4TW8qnIHkUp5JtWsc/gsZZxMOrz8t2oxJIxLKQMsI1CUs1Szu7QoUQ==","_resolved":"/tmp/f72525445c5f7b309b874be8fae52f52/kong-ui-public-copy-uuid-0.2.14-pr.195.33c1ee7.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.14-pr.195.33c1ee7.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-jCy+yOgbauk47k27iMr3x7UrA7/xEbnN4TW8qnIHkUp5JtWsc/gsZZxMOrz8t2oxJIxLKQMsI1CUs1Szu7QoUQ==","shasum":"64ff8d67f9b222e38a1831e85e17277e15968190","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.14-pr.195.33c1ee7.0.tgz","fileCount":19,"unpackedSize":555477,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE7VojSZ5mU+/tl5tm849yUo+VBdUs5dQyyc3iKdgeMdAiAaqEbvZo0ghpQLkr1DA4VYyW0zIK1N9becjpjMYA10iw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkBsucACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpMYg/+NKf6BBpkDUSL9oJUzGUPJSqu881+OuGOMIZZdVzsKPA/RZdM\r\nZOdNjJP9IBp2NQ6L9A73UMwKX7zW87jyZcHO3h0nM0zR5ov6BVs5nEEu7zsr\r\nFvLsTEFKzF1Gud1hPo9ac84IO34B6p0DUCBXUc3X7tRYMwk1tTrheNI1b1Sn\r\nx10M+F2s2XcDL/persMUfNbzeIHAUv5/ZKhr5y4kFcecwTKlfWmT/DASNUoN\r\nvo7ClVh7s7cbMqD89pSUiXDt8UGB5AshNkgk6qzB97R5+5bksZ/ZRO5USUzy\r\n2ETeK4EEee0jO6TiahLTDSK9iCUWghWhvdYXLJiKmpN249zh7HVlrBG5VfcF\r\nwROHnx/RrJnGI40DdQpNLyB4IBLYF8ehFWXyCZ/I5xd/at4s6nCg3Nktc8bl\r\nMYlmGSeVEned3H2IMKuBgQQY46AlxE3QNRao1Npim+oqX/55ptZadJmpA1he\r\nlJgGJfwdxa/sZggTHjwNtktqX60DG8wPSbHgxUd6eM7Otn7TmXWY3fJbnwQY\r\nfl0plp0OJ+jAMsn22TgxGMad2cPUNpWcNgNzzrD66X/AbVled1ML/5ZJJid1\r\nybtd1UWX3alTDeqoJ9wu/yBStpP40ek3IjjB7kHJT/Gtt9dXkfRICHotaN1r\r\nTphRXZHmEpmdZNaZK57AbQaZpY+2zwpcLlM=\r\n=UYzC\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.14-pr.195.33c1ee7.0_1678166940326_0.701818724317173"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.2.14":{"name":"@kong-ui-public/copy-uuid","version":"0.2.14","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.32.1","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.32.1","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.14","_integrity":"sha512-3grtxTs/+xR4oUDVEwhVYQwkAIkk4bNVTkcPhNvMw0noTvfhfp6OW3WAlRnAo6MHfL7JXyVTzIY5ldfoUOavuA==","_resolved":"/tmp/ce1ce53f4e507b2608b7376228ba40d9/kong-ui-public-copy-uuid-0.2.14.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.14.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-3grtxTs/+xR4oUDVEwhVYQwkAIkk4bNVTkcPhNvMw0noTvfhfp6OW3WAlRnAo6MHfL7JXyVTzIY5ldfoUOavuA==","shasum":"488f39f5296ebd2c41849554f649b3106c0ca9cf","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.14.tgz","fileCount":19,"unpackedSize":555443,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCctMxxJP4n9POJxc4n3fLUNYHXCjGzyiEcbMrYZ9nqjwIhAJK2kGeNWsBMzC4XUYm6T9/Um0ATvOJKDga7qpyjgRnf"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkBsvQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqkFw/+PBetIpYs9mD8JWU/mssDC+znghQNJcltfbU7eqBCKKZIBO4P\r\nEQPm/LrXEmaS8jAjk1nv7dB1ltAPQ8Tilwot73Q6Rw/Jk4k9lmQaiOUvbXVa\r\nuePmvcSyZLRu6h2EIfZ0JtazZsI9iyBs8IlmOC2OAxBII3a7yxh89mM94HaS\r\nijceUt6UJlD4JBMDzhVFdNC7k+55ngOOp5Bc1iAD1dC1cgKQ4pq6OKBOtjD5\r\np+1sG1ryGPy8qygqnPY1/L0vEIKUTt0uIsjQumHtJeKMLboh0vmQZUXnpBFz\r\nF7c/WFazBOUyA+wiNwWWRZJB/zB3RUi0o9vYYl7asJGokmzNxxGmu83vi0H/\r\ng67BPvQkl1tvp8C8fpiUm5yQT3iWrCXhPXN4TmdAZfRaZtHHslfeauPLRHn9\r\nb6tT787eT33AwZrpH2RtPWG1iBrbB20lsDXB2nTCuh+aDPF7xuhtPBKjjoTR\r\nc82y732qCp+GZuQZNRj8KLBzj45YK2Y+Rd0o8LOpvGJuETw9HsII3Lvlfghd\r\nvM0YfQhC1O1FmXZQaB9T6tAr+Y0qz6IzN27CWcnJZxwkdD94hfTJWKGobxOq\r\nW2aVMFPcj/C03OrYqjELeV866yVcCyZGcDpFjzJZktWa97ggygErq7kTa1rU\r\nrGMGvVLCAYFig4Tv+w21qXkHxuHNxedC1cA=\r\n=V9yo\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.14_1678166992719_0.7521005767355242"},"_hasShrinkwrap":false},"0.2.15":{"name":"@kong-ui-public/copy-uuid","version":"0.2.15","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.33.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.33.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.15","_integrity":"sha512-me5ae9LLiEYCObmERbExqyP4iSqGV5P+zAwcMIKVbJJkEqYKp+JLyCaGpqzxeHrQMo1Q8v6DSOJk1ef37AePVQ==","_resolved":"/tmp/7c5d2df59ddf5507088767f2e76fd183/kong-ui-public-copy-uuid-0.2.15.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.15.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-me5ae9LLiEYCObmERbExqyP4iSqGV5P+zAwcMIKVbJJkEqYKp+JLyCaGpqzxeHrQMo1Q8v6DSOJk1ef37AePVQ==","shasum":"896f7e64245054bae7da7a803bd79a378edb264f","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.15.tgz","fileCount":19,"unpackedSize":555443,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAkIwB75Ete4Yx5QQu6BtTow7hNS0rdu4x8Ff4/jrpXnAiBg+xRzLM3U/vdMsxm08WVRIVkKz0nUTWXKoa56XmllvQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkB2wyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmohkA/+O/GunNBJTVLHVBR1rJkR2nTZ6duBH/dYMArf44Lvqd1YgxoT\r\npEjZqLU930sgl4wd2ClSX/wQzZk8oODC9WCPfWG0ExMJ3eyYvMAOi/XNaV73\r\n8YniPTlRwu5j1AGaKLS7DDYpxN2zn9p6lpAlv6GdYVBmY2xei8zggM3F26t+\r\n2dBlzD/cwUv+igQ1izAF1+WSnDnaiVMJSYMuc8SPTgE/vcnLhguUcwMhC34n\r\nlrtPjVxTDQVkuTFKOrhokxeTKV0k0ujA1CiZLP5V2NVtt5X0yyqeGKZ9xGU3\r\ntsgAIMagZNqqFNWvBLLDmihrNv9b17sk3sr1GQBOeighW/4Vr58Xg7meTfI9\r\n8iOcFB5xbqBDmFxBUhWeo6tGQ38QR/8XX/VQ+9VFYWa90hjoOutt0IAgrHP5\r\nbVtrMaQzTgX48AjRyvlZRANvwjsFG5DZTgObcFwEaNEZwSbrDMdkEWK2lB1E\r\nPc7ugKTQt3nC3sKmDng5Jv1l9rjlkgQo2mgNuwMzWDa9yB5tGMTjeqr4uSkT\r\n44ShGYbK7/m02KpROO0YUwxp1iuFPpFLZgK+td6NO+TvfgZlJOF0GJMSlJk0\r\naXk62yBL3+PdxSMfTuTOloCekXZ4da0aBrQEst6C37MZmDRjXPtOb/rh3xEZ\r\nvkOY68W0a7UF1RA1mzH5+u6/4KhjZyb1ZGo=\r\n=xQCy\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.15_1678208050110_0.668402592654435"},"_hasShrinkwrap":false},"0.2.15-pr.195.c181cb3.0":{"name":"@kong-ui-public/copy-uuid","version":"0.2.15-pr.195.c181cb3.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.33.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.33.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.15-pr.195.c181cb3.0","_integrity":"sha512-67Kd2xsmahYGFzwejIoLdJeMcBklcS8Q1zPD2VibDT0KMV2/7V/Q3NQSjhLKM7HJqNl2K4NVAJx9dqpLLoKyhQ==","_resolved":"/tmp/2c9f3461981b19d735ab9d75361f9608/kong-ui-public-copy-uuid-0.2.15-pr.195.c181cb3.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.15-pr.195.c181cb3.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-67Kd2xsmahYGFzwejIoLdJeMcBklcS8Q1zPD2VibDT0KMV2/7V/Q3NQSjhLKM7HJqNl2K4NVAJx9dqpLLoKyhQ==","shasum":"d93a5a3139fef439ac9a4d3dc53453f58ec8b660","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.15-pr.195.c181cb3.0.tgz","fileCount":19,"unpackedSize":555460,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCCGmCsIGyawCDqKXfKHvO7Yr0eslZ4e2apWIzkGstVrgIgcAv3w/7+DSZrwoh2IBcn8eDYbFoZz4MXvqaX+CVAqOs="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkB2xyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqy7A/5AXrhuODJSQ3xXPvUH7kIvTJKYFcgFJQSflogpb2A9+rSbHHb\r\nNyjStiSM1i8JvNcWOgX2Y8BqU9uQl13xe4OS68NZ36kSxhTw7hxQwaimO7Gp\r\nbAZFZCuVpTvFtVMXEwMPWoVTWB28nudmcZ25Ft/pNL1+PNZF48T1D0eQ3EMk\r\nBuFmm1tyT580Fr7BSrnwMgQaD6HLQYZE7mnY5EjtH6k4+9jCz4lJ2d4n4spR\r\nmexuucPXnwsRKgykuejeGk2W96H3P1D1t0E9432WGdRn7ImM9Zrdw2Z7l2GN\r\nf/oi+qHCCtdQj29EXYbmYWjsY9LSjJCXMZNQ1O802OZvMV7uhB1OG36xQGeg\r\nB9vrZYThwDbGnL2HuYP2QpHNXMrl9JrenM5EPtcIznHc4DZfgP8mNkiYNSNZ\r\nzFMwrGeAK35eSREIsyaxmT3nBXGxRlPTtUhaKEn86ystmbdjJ0+GeQytCde9\r\ndxHu7hukDF3KkEjZeuz08xMGaZCnmnlb77o3eqxS0MzmroiGpQ7Z3ju0f51j\r\n3RrWwzh3hdYicxToOX93OI4qdpSSUb36RHVngLm2HTgK0MonGoSYvC6LqhI4\r\noOO0HRk2/LmG/myjKxIPTp8c9a4x7iTgN09XKGvo5OT66NtmEUm3dVBIbhmj\r\ndjXO9PWdW9HWGR2MWunYGLhRJTor9qptrrI=\r\n=5a7F\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.15-pr.195.c181cb3.0_1678208114137_0.7663214596691621"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.2.16-pr.195.1ed4ccf.0":{"name":"@kong-ui-public/copy-uuid","version":"0.2.16-pr.195.1ed4ccf.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.33.1","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.33.1","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.16-pr.195.1ed4ccf.0","_integrity":"sha512-wLOuODFSf0mjtpHdIobZNNruY1lYRs2e2p3CSULTRKtwSwF+Y88+IV4/BbTvglj2bCOS0ak7gigcl0CsXRXIFQ==","_resolved":"/tmp/6da55f7191d00aef8aab2eef48604d59/kong-ui-public-copy-uuid-0.2.16-pr.195.1ed4ccf.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.16-pr.195.1ed4ccf.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-wLOuODFSf0mjtpHdIobZNNruY1lYRs2e2p3CSULTRKtwSwF+Y88+IV4/BbTvglj2bCOS0ak7gigcl0CsXRXIFQ==","shasum":"5cd6798d4f0d4104ef68010747d3b03b25c8a83d","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.16-pr.195.1ed4ccf.0.tgz","fileCount":19,"unpackedSize":555460,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB7XlGDPznRdbBmeiPByhZR7UyqkTG/BdXAvuNE4CxQaAiEA7HVx39o9e0UQj3SStnr9BmV80GdsoObcpmzxOfpBusw="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkB9S3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpnXw//eC6jvA54IYb8JD+OdhJhJG5fkHeaWvcXw7BlUacr+Gl4F+gk\r\nNqntt2DMBEsn5/WDLVp+yLMtwgkBgqR9RXHqgGegHVoggPrZke2Ks5FwhYsK\r\nlOhfQ5gnHLTsgvY8IQpXaxkF/ki9ELRxl9PAI5vw5PVCYYHeu92Hb4E8oFKO\r\n2GhrOcoxy28mkD14a3rII0SN3IfAbqeSWYpmZW2Iy4yulzAX05waf9tLSzwU\r\nQldlYEEusIa1WZizyOcWFsH4sgCo2PneBNSLGtc+Y5NbLdcUQnzRS+OOuo/i\r\nhAdERy0t4dhUB2bETkqwwRytzZEiqKnADveNcW6i5tUK/TzZbeWEO/kchZlK\r\n54L3XAku1ODtPpdLvEDxdasgTsCocb6sl5m6j48gsL9C6746qSiG/Ubd3KQt\r\ndLV7RHVGxU8Wb1viBsTXgDx9x+grN2Y0030rYmltilSJdJWedfzuKEjgqv11\r\ni77uodvczlaS9burMY/Z48k3HTbF5sidSb/3UG/dM06eJX2z8dILHjzFpsSl\r\nJXOt3N87Cum3yYq2DmvdY/0mzDPCZgc0T0TL7VbTyNfjRtgQzDbFZdZFASeJ\r\nUxEk9K7k/hg1DPMuQ0F1pvvo54AB9/056f8efBFtpYHlb+uLAcwvJoaYnSFs\r\nSzxOyLSQ+c7guuz+EE/WqrC910j3sHpJzAQ=\r\n=Fbzl\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.16-pr.195.1ed4ccf.0_1678234807662_0.3727795347195042"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.2.16":{"name":"@kong-ui-public/copy-uuid","version":"0.2.16","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.33.1","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.33.1","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.16","_integrity":"sha512-F2a6vpsOOm0p1zw8Qhf0Azr9REQcvMwne/ykxoUVQXaUxRgDYK0fkB8zggBpMRhaMbixLw5GjxFi57epEGFnxg==","_resolved":"/tmp/f8608601e28e5f4afc0eff2a3708e9d2/kong-ui-public-copy-uuid-0.2.16.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.16.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-F2a6vpsOOm0p1zw8Qhf0Azr9REQcvMwne/ykxoUVQXaUxRgDYK0fkB8zggBpMRhaMbixLw5GjxFi57epEGFnxg==","shasum":"bd69b82c509fbb0849c91fc6731fa40af91e6f71","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.16.tgz","fileCount":19,"unpackedSize":555443,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHJh4XSXfj7ciFC66fyPESlP3J8XJ6xeecEZNg+a+ICxAiANCsus/GY3+x3UN7lAXGNQ6Hivi85atjuwyIoMr8wF8g=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkB9ULACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmocrw/+PeIPy32GO9NGjNfQS7d6cwoCTC4b96/ONApC3Cts+E5Fow4c\r\n1OQJM2Uya0O4xVG072oskzWnm3vdl4sgfQYQ9wPsApoHjH9ufDH8tNqcSzvJ\r\nQ1r+hHdb2qIZmf6Ue9/WiWNevT8n+ZgHmzVMm2BYlUVgeah5uAvGHdiHK2AJ\r\nLFqn9fMnm8OdYAyCC+6yQfsWsIPmX4ACfboZyHj+UJjRbxGNyHoIDmPyEJDp\r\ntzTx7Vv0ng+c4aTGzNBrxJVLuCBZVExxHs+jrjdN+RERcpjUI8WpAtCLUidv\r\naVY//XP4zt9SDprEn6vt9dN1xDDjjEiY0TGvuxDsljS1vHMk03suFvcG7Wz1\r\nfW5KST1iMkcqUl+oKyScAfSa/8SLFcqnmh6Zrjp/C+F4l99Lx4h9lVopx/IA\r\nc7t/woep9hrIp3zWTODtlVjHTd7O0SDPrm+xCDCWiWKoD3SWTsWe2PIf7Chz\r\ni3TkTAkoShKSXUqNVoQE6fFwPznGk3K2/xFdTi+bCZu9lwGn8PxuyrHoE3+H\r\n2Zy4zsDOi9C5qBWre6f+K4SauE1DgoYTWqmrE91XSAl0wFNrshbUNMLnJt6Q\r\nFivIFg5A+ULKMY5pegyc5fmRz0xumVn2K1rmYfEnFdMBN4+h2hMaXXf7ANXS\r\nzoBM7cFjTlfc8FOQIIAlhAUBSVjaG0ECcSo=\r\n=sQSc\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.16_1678234891557_0.22695043106040846"},"_hasShrinkwrap":false},"0.2.16-pr.195.80b4504.0":{"name":"@kong-ui-public/copy-uuid","version":"0.2.16-pr.195.80b4504.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.33.1","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.33.1","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.16-pr.195.80b4504.0","_integrity":"sha512-7S1JVjpla74HGWm2mle7ab4DnHFevsbTwKuVWb9TC1YPW87/icntanjOQkr+H4ID1PGUtu0l89em2zVbho5VUg==","_resolved":"/tmp/33dd0bd96f380b25f400c45fbe440f2c/kong-ui-public-copy-uuid-0.2.16-pr.195.80b4504.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.16-pr.195.80b4504.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-7S1JVjpla74HGWm2mle7ab4DnHFevsbTwKuVWb9TC1YPW87/icntanjOQkr+H4ID1PGUtu0l89em2zVbho5VUg==","shasum":"44062cfcbc98a12a2cd85c8ccd7b7fafbadf029e","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.16-pr.195.80b4504.0.tgz","fileCount":19,"unpackedSize":555460,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCKdz42DMVWKEG+j5UvYZTSmU/XW+3WY31U/xT1SoSkQQIgUcV1ka+QSPdSeMgIJ1BZEeO0qH8cKkDiLyu+qQvIPao="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkB9UcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqBTw//YgJ9kQf/SK4cXl4WxLat29VCErwqHOIntK/FcPzRrvxodE5r\r\n/soAUTQMvd62jSv/qkoGrectyoff86+RPn20OlMdO7kFrcOTiaOX0RBFQKDc\r\nAXNsxySkT2BajYneqHmR7xMG7eRZ+6aQ+S2mvRHdyYfYImCEMVyqao+4cZqo\r\ntn4aUQ6FTs09lLASCCYnIXwoZlCEam/qc1iA6NxRKORxm3wxfq6erB4TL4iL\r\n3cA1UOEEm+Phi4bCy70cpMRV25Lu10opeI4sBvind92RUp0vlRTunxO+y5Hx\r\nC2R0mVXOhSWLwhHJfsgb/HadKLiS+N94/Yp60ry+gb1u78JmBYRzusWP2y/u\r\nOIXsa+h5a7XXY4KJlCBlFwAPez8uYhnFD9fSVUKyo1nqiyUzfHViy9VHKkGu\r\nyme29kbW7d0HY0nd6QuesvzH+YXZHeauPGsnMDaklCqjP8APuUJb7LJQRKKN\r\nSYgcrgWZcDUamJxQAX0AIYJ0KYBwgheqJv+4NMuyUzVw6mbKTEBgpG0Pcj4F\r\nZJFwcaA5ianxH1t9Ry0GdI4qW5Pnu5qEmmP5MzJ6lLZBM9OYHwactL5dx8VB\r\nf4I5SxGqzQyvwHytbQ/79UQH2wXz0emaF6eE89rQgtJScg5p3xlzaGuzdugD\r\niyMld1pid6aklfv44vqAP7FzN0+HLLcjldQ=\r\n=kfHc\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.16-pr.195.80b4504.0_1678234908775_0.6245938642580511"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.2.17-pr.195.c11cf4d.0":{"name":"@kong-ui-public/copy-uuid","version":"0.2.17-pr.195.c11cf4d.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.33.3","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.33.3","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.17-pr.195.c11cf4d.0","_integrity":"sha512-PF0wSB6k3W+yodDFS6JaGsfufE1+wv6ojuojwSFyh5e1k1QiidIdMQn0k2Th8ao2m2IP9rlVhLL5qPcNA4k7mQ==","_resolved":"/tmp/5cd98e3fa8e9f186b722a328958aa8e7/kong-ui-public-copy-uuid-0.2.17-pr.195.c11cf4d.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.17-pr.195.c11cf4d.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-PF0wSB6k3W+yodDFS6JaGsfufE1+wv6ojuojwSFyh5e1k1QiidIdMQn0k2Th8ao2m2IP9rlVhLL5qPcNA4k7mQ==","shasum":"a3499c480df15f873a927b28037dc8ccf14b3188","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.17-pr.195.c11cf4d.0.tgz","fileCount":19,"unpackedSize":555460,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFnKa5ExwtD7VQcZn60mShMRbi3Xli+WZcMO38ygqVliAiEAvkjX0xTW6bfqV2tONWWql7SLzWgrl40YDkwahgVyJC8="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCSsUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoQKw/+OfgfSKSjMrTXYLqUp6tfY5sD9ogtQld0U7EqUmo4TijEShWI\r\nV0CGdw2jFobgl28jpRP6qZmEtMTKPwjHaacJc33NqarVQej2ZFtQtXQUIrWf\r\nE0PzIloljxd8gzUmkPKuFxE6lAZsZ6963js34/uWK2uuWyGRax7WktIn3Buh\r\n86gxgljyxwAC1B84meO6IRWGXC/CuF4lg43W+j/mXivx67jcw0L/TSlM/Lt8\r\nmFvQU0UWDgpMtEe0YOKIGJAnE6UT+ToXCyp3XpWPzbbIePCn9A6ns0867gSu\r\nuQ1zkq+lzplu/T6Ue2h7+n3HXBowda5FgQrWgQdpND8LQNJ666ik5OZKe26B\r\nF1yuL91m6OcD+71SeVdmMdugKm9/+pgc2HM7RTRDNg5pb24N6i0HwkBi7gzy\r\n5PzQ9/VI8VIdUyK9uSY6v9xrahAHvulMpeLe/GlUM5HEjmlTGKoTk4jJOxZD\r\neqC9THytZHcj1n8rnJOOIfRJBtoSjvuV72IEfsXofsPx7psrZUKQDTsQgQEm\r\n8hl3k3tHKcKXqbIlmFHdZvfBp11VfsYrk5y1gHHfb3ubLLJdnoXRhcshZ1i+\r\nixpfk95Bmk3U7yEX79x0Nyoo6gVdQK68AkCZG0C7pY4UWT7hOW8fWYqNyWSw\r\n/Zb2rhhQ0xTuSU+Sbegz2fcFI634vmaj2YE=\r\n=bCji\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.17-pr.195.c11cf4d.0_1678322452510_0.58826597353557"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.2.17":{"name":"@kong-ui-public/copy-uuid","version":"0.2.17","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.33.3","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.33.3","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.17","_integrity":"sha512-Mg/v2NqiX5eiYRrZt0YXTDC5V3pQJSYzOPxNGfO205sQpupNqykfnot59AOOeSJ3kgr98PTCR0OzBHmSB6XCJA==","_resolved":"/tmp/642206bce4eed79644a39b337cafa4bc/kong-ui-public-copy-uuid-0.2.17.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.17.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-Mg/v2NqiX5eiYRrZt0YXTDC5V3pQJSYzOPxNGfO205sQpupNqykfnot59AOOeSJ3kgr98PTCR0OzBHmSB6XCJA==","shasum":"799fe3d016ce40234ff7c3fef8a8334337c88cdc","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.17.tgz","fileCount":19,"unpackedSize":555443,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCoBBrQAKZrPSPNVaP27memMPg573urCxVp0vUCEANdiwIhANiiUlJl/1fxCp0wUW/NFP0ihZNbhN35dMt2XFWSCU7C"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCSuUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrEGRAAoqpnQtVVbfLg44zGo9wxPjTeEn5koTcI3Gi8//pQxg7pfQw0\r\nUObmhASJ0oifqajyyzYEk7ucqty54TFjE2YGkrkj3xhiAc9VevFR3uTr57sz\r\nanzYPnw36a8PW90/Pvg/XGrCB0b+y/5HGzryY/XhRvjvy64p50ym4MTV1wul\r\nGHy+NtaGwFB/0fFD2a7J8drf3oZfqZYWG/wUG4V+dxoJIidVdLqZ72NjQuKl\r\nrks51TCr8JT6T6oGS8q4Qe1ipGCZqPWnM/+zTob/adimqAZ3BVSVWrordXha\r\nuURdVJYU7x2S/c11arXkufjzWMXsnOfmOPW27m8DJOHE5l9ZuAXHhba27vq5\r\nXsQLAWPPr8/F7nu5Y5iwEUb1StgQxebn70aRxMbh5EBlSB0zVs9CzvTvjH8j\r\nHGSdqCfC8bggbNdI1XFnruJmSwuuvausdFqhkraZAx8nxz5xYn0kdx6B1gZS\r\nyouIDArF25DbvppBFfAh/xdu16DEb96rhYM1EXzGyVNHENLj5+8lPgBYeUVm\r\nAmMpgsJQBcdfZd3WinkoYokNZn89h4nbQTfx9rOdoPx3myvL8giTSVNQfDb/\r\n7ZPTs6U4SnSKpCf/zEdx8Pkg7f7e07x3nJ7MqH9lqH3up2GsEvt9ZhPZOpf3\r\nUBoGSAV/eg/JNgBoHlFl4PeXrLncEfMrDsc=\r\n=lfTD\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.17_1678322580082_0.31901406995449877"},"_hasShrinkwrap":false},"0.2.18":{"name":"@kong-ui-public/copy-uuid","version":"0.2.18","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.33.4","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.33.4","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.18","_integrity":"sha512-HNnziDSbP8koijvDgKVgE5V3Ns98BBzoNE0rWBAuIpPILwzyYzTC8PTdi/clImVtjIQkLXpIC4Mrlwn1VxDxcQ==","_resolved":"/tmp/b3aa2e46b7166676935c8d6ebfd88769/kong-ui-public-copy-uuid-0.2.18.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.18.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-HNnziDSbP8koijvDgKVgE5V3Ns98BBzoNE0rWBAuIpPILwzyYzTC8PTdi/clImVtjIQkLXpIC4Mrlwn1VxDxcQ==","shasum":"d76d06bd1e307628868fbbd1633231fa80675ff5","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.18.tgz","fileCount":19,"unpackedSize":555443,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCxVPa8/U4vcnWo9txVzr9W0RaFT4B3WtMMj05fS9yLFQIhAKDyTVaCV3/S38yNky9KvwuRuoqvNILuk29xioz9SXJ+"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCZf8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqGZg/9EL/Of5vXuoi9PM34p8JUJa+A9P1idrEkCaVMuHEfUgPUopHZ\r\nn00n31Oo0XhQjGaXBqUMdiw+OTvoWCl9gv2638mlurL6y2qzmVk5HXwzQ/2b\r\npO0Uj7PnltVjWcYJD3iy+Ui47UjqAtgLmBZoHBXpEavTC5+HWswUL7DkrMG6\r\nZFIYPqeQUnsCwfBp/uk3w3twFB6orEGFCtS52eh0XAm/1I6LNiC7uoSTQq8k\r\n5uCSHGb5kAYhvSfHoyze4sQzobHI45KhBWEbQtO4tiwFz9J7WAbi2TzrrfaT\r\n8cfbuJyQLQu/AWFy+wGDvYRlGJ7IS+2yHjwxzPe7iuMcOGR+9bD2YZ2NzOKu\r\nsRgeF+XwLTHUbx5qbeU5Das3++2ObmMB6m9kqbkV+CTVG71v7oP5lHyARpkW\r\n5vm3DF6v4qSnHUcDWiK9DplF4lIVeD/D46+UVfaJ8Eo8hX3pfRhgT4aW90cO\r\nWsLwWxdVcmpo/EeAM92mRsmXIsHzsIapDUtq82Hd9OxyDw463AhGB/4G/QrF\r\n0BopQ81iY8P/gQZF0G+8Dg2ls4sqE9zZcB8PK2aVcOi34Klc0inf6q0PK1zN\r\n7dhgtR6c/yEDeYmfML5/dA6fABeGNBnSAOOL2t9BpY8XhQyBKjkAAANEVf9f\r\n8K3/oR9ZnJzsHsJQrkqfNaphTAjpvjn1nH8=\r\n=Bcg+\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.18_1678350332212_0.2299835773136496"},"_hasShrinkwrap":false},"0.2.18-pr.195.0c26dfb.0":{"name":"@kong-ui-public/copy-uuid","version":"0.2.18-pr.195.0c26dfb.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.33.4","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.33.4","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.18-pr.195.0c26dfb.0","_integrity":"sha512-XFpqnRhiXmBjZ6FNdTqKivnyDRk4Oy2PEX1Uj+fFw9yoqqZtPiYMXJhd9cguYM1Wm13Q0LcriiKSk0UcQq1DxA==","_resolved":"/tmp/c80c1664b02982450fd6fc1931aba62f/kong-ui-public-copy-uuid-0.2.18-pr.195.0c26dfb.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.18-pr.195.0c26dfb.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-XFpqnRhiXmBjZ6FNdTqKivnyDRk4Oy2PEX1Uj+fFw9yoqqZtPiYMXJhd9cguYM1Wm13Q0LcriiKSk0UcQq1DxA==","shasum":"d5267761f161b17f457e619bd17eb3a518c28c24","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.18-pr.195.0c26dfb.0.tgz","fileCount":19,"unpackedSize":555460,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCj0R+gdXOI0ceTpMu4WwgFy2ItL3UvYd4ZdDQeYLn5nwIhAIvEFgqVBEHHKO8RFDBttXxgKy4lO9PgsmiG3ML6A9iP"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCZg1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoniQ/9FVLSG15t1MAdN7FvVpVnzLy0IwYQgumGlSpKs40N2Vyy06BB\r\n7uosDjDz3DnUP8X3O4DVskrYzTdEjmSLRVbOtiLej/tCjjnYigC9OmTsoAjq\r\nsrBUu6ZqgYj17Zf0Wl/OUN/jkxl6nyAwvmoV+yYaIAMADskGDyJkhDTpT2jZ\r\nYNnk1PDp2JcYhitw69taErroRoJ/4oEMPx8mafMxJm5T7e8BNQKFjo3IWTDX\r\npzaQTV5tQhS+rWO0bLBN9GTJcPFcWOb7K4zmV9rozdgOwuvgbfCwiTtd+g43\r\nktux001U3tw8ICbvg92/pgedZxw4iL6NTClsKVvViCn1JJuN3hzWZ8bi4pBB\r\n2vZIa6hX2+oUNGCzancDahEjMUK2CBoYojlV6snrD0WEx+ID4DYmtnkqGKGi\r\nCZiC9R4D/fs4TqQVoEvmKg3E9TC9vjBbfl9qL0YjKY2GL42dZ7W98C9nyrG3\r\nZ3RAx+bX3GvhNjzb7dm5e1I2aDukQcxVF9elx77VCQMErvakV8pTO1WL/J6r\r\ncKiwOZONEhMTFC8hVl1dFtzf6f5P69YeMmT1mNATcf6lYa2ioHXt9bt5KxBI\r\nXPjG6XuVwfVqk37lrg5zKR2RFFZpGA7A2wpvg/YcLLW9RSQjeSwikCTfbCHO\r\nZ+ZzgkvYplF7KZb6opdCcVbkUqOkBgthiGk=\r\n=wb1O\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.18-pr.195.0c26dfb.0_1678350389676_0.40970049165665645"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.2.19":{"name":"@kong-ui-public/copy-uuid","version":"0.2.19","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.33.4","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.33.4","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.19","_integrity":"sha512-ShZes8qb2J884SG0YdovoecISf7BUKZY2xqoBc6+jfPZFE14sF+uO20iIEjwdb1PKNlv/ZZZiCXbQeLLcYgB6Q==","_resolved":"/tmp/abd1cc167f32724fa573ef719732897e/kong-ui-public-copy-uuid-0.2.19.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.19.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-ShZes8qb2J884SG0YdovoecISf7BUKZY2xqoBc6+jfPZFE14sF+uO20iIEjwdb1PKNlv/ZZZiCXbQeLLcYgB6Q==","shasum":"cbe3eaf22a07ff9213d8b915b5c0f0498abf72a7","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.19.tgz","fileCount":19,"unpackedSize":555443,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDUhH/Ci39xTAi4QfnrPWrqZ5VB5tQrpxnKELdQd12ZkgIgbpmGIWioEfrGVNLGTdeaMvwaauxsO9WLvyBHbnBu4mw="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCgKBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqjwA//b0+EhCpDNlzbqTa7T/GW4FikudA4LtN1ND+eVZbgIOfuW9A1\r\n9wsfURwe9P2QfEzvJk2i5QV63R9lu7ac/++dvkDv0lEVT9IO3OHtqENY6Lgw\r\nOyd+fdHw86m54nVi4rpwChMBaqUN+szHRvwa0lGsuZCVE4TwOitRP8CTlD0/\r\nGh327qknhwF26dzCITlnTF9/go99r1ImIRGwv2YC62vybk1/VIwzk8bRX7w7\r\n9bPJguQA6QyyVJmpFVS1S6Er70FxKlvqwSDE2Fm9rSkyaRJnnNvL9ObBG6My\r\nAMQrTui7cnR5hjeTor3ThBVhE+neLZ6D5HKuba+OT6i2BXju80+E8fSNookn\r\nXtKj+ihACynyCfgApT9IyAeq6rgQjfv1W3kaodE2nAz5rjG5vq97UVWmU5GC\r\nIOx716aRANSAHLbklVBitUNKW1uYkUm71znjcLbXaCgzKXGB4mnWxT00Rqws\r\nVPnLIZg7x8wzamUXLcRA5a6KuDKfR51O4o06+wDmk6/SZx0L/0A3xKvcIhgE\r\nJUkffu2LiBarVPGKGEX390TP2O4vNUkDInsFNRyv+DeKWCUgkem9TLKKihfd\r\nJ+gyGgy3jzEKIhxOkDa/uo5iBa0ONkJygLQ/5badj3BYS+1avooE2uAKI0rI\r\niymWZp05rY6fhE0rzNMkLqE8etnaL2c+2OU=\r\n=Dsdm\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.19_1678377601284_0.7517994269068975"},"_hasShrinkwrap":false},"0.2.20":{"name":"@kong-ui-public/copy-uuid","version":"0.2.20","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.33.5","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.33.5","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.20","_integrity":"sha512-TkA5BLC4iVDGEFGP4VfSqBi7V0Rv8AVmsgXAc5egcBNCJO7OhzaWErtq9YcAtZvQSfnlHVy4XILwnFuCHPU4ow==","_resolved":"/tmp/5b323c11f5f669cd5be09a81deb0846a/kong-ui-public-copy-uuid-0.2.20.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.20.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-TkA5BLC4iVDGEFGP4VfSqBi7V0Rv8AVmsgXAc5egcBNCJO7OhzaWErtq9YcAtZvQSfnlHVy4XILwnFuCHPU4ow==","shasum":"cf53dbd0f957f5c869e42cb6371596fb332af6ba","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.20.tgz","fileCount":19,"unpackedSize":555443,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGc9dw0sehVPGasxOa6mmSkYycdC7S1rTpdmPSxRjGXeAiEAgtTZP99BLP2HH2J/lakqf9fUlMebxikmj/5scXxaXUI="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCgcwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq+zw/+Iha/85Sym0CZ4ZfH+r7AJERcNbdAM6cb9vBg6+lMt6Zlu8wx\r\nf6qZ7POG54Rr06bXOYaiDv6dN8SAMMdECzM7nm6IewKo1S4WOpEr650D1OSo\r\nVq+dcYEqOPzQK72zCGY8sNWvSk4lVXszUorYMar6wMJGFm/keSs3PiGTzdHi\r\n7JaJ2rFiN2K6n4yfnPjqAQm9TVrFxXPAzeTw4B3K98ayP5cdbz5h0955z+YV\r\n8OpRDyLzhrqnCNnKCBo7huySOfiLGqxrC0807VTMEPBO89eASo5nn2115qui\r\n31xftHXDVR3A/qYQNj40X6OuSqnDR1NcndPzlCLtwtVAQ+eqV3qr1ZMyyAVK\r\nk0Vsbdu2TGt6KeIegR4XzuvQNE6fkDS5Xeudch1ii0gYM3tD7AKJWXPxu7qG\r\ni1wjwRdPc5Nr+MjmbopvpR99YxijnJGge1pbd+ZMhJ/I1ZQNE2V5snBKFtcg\r\nVsRwgerqjCDbFvA0cPx85C3TD/MiEvE1Tq2JGZWJdmHB65ZqRy8NrpqX0NSj\r\n0kHAyiL94MGhsUVUbTopU1xUyT8tz3rmIPJzZkVAA3Z7XCzRMr/NgHNkTh+L\r\nz5FyWPPWaX5oZV9xslO0TeUEvXwV4w50vIyGxby4EcS05CsBxXeiSd40Eo1f\r\nbk4S8DGHXC/+9QPpiu1y7/29g0Qc6kAKSAI=\r\n=OhGe\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.20_1678378800579_0.9235338059613687"},"_hasShrinkwrap":false},"0.2.20-pr.195.4f7eb44.0":{"name":"@kong-ui-public/copy-uuid","version":"0.2.20-pr.195.4f7eb44.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.33.5","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.33.5","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.20-pr.195.4f7eb44.0","_integrity":"sha512-CLpSzpBsK+bolvV0YH1R42Wv2HT2O+4FsYPnDjGNWjcDXjOswNMTKqkYJeX1X0H8GzehFk6o282uL9Uc+CGjsA==","_resolved":"/tmp/8b2021d41294578c84faf99cc27a9a43/kong-ui-public-copy-uuid-0.2.20-pr.195.4f7eb44.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.20-pr.195.4f7eb44.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-CLpSzpBsK+bolvV0YH1R42Wv2HT2O+4FsYPnDjGNWjcDXjOswNMTKqkYJeX1X0H8GzehFk6o282uL9Uc+CGjsA==","shasum":"a3f02295704ac334f4d20393845a0200d681c24a","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.20-pr.195.4f7eb44.0.tgz","fileCount":19,"unpackedSize":555460,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCpMYXVUQcAW08lRx1EL1SEbotlhXffHBXS5i5zL5ds1gIgTaXeRct7ybLp3dZxZ7Ta8zlTZb89i2z4ci8AqKMwu2I="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCgg3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqV2g/9EU3Z/KtqAtIEFYwrvfU4+k457PjjXVzx13VRB8jF0zk3DGM+\r\nDgYkV5VQ4u/97+gBY83vSX/6t7wpz7scAxH58jCiMvD4iwyjppOgNBC3A3kt\r\nGp8h1eZy1TLycs9bORAchaFFfCEcf7DpKHq5b/Z1Vloj8isbYTjA0SeArZ8k\r\n4P7VDzpFyj1e1FYjkUJOhDDjsnYC6PD2FVmOtmipQdlkT/f6GPJzfACt/xzS\r\nuvZntf9u7rU2liWBrapyqZXdbVYrGI7lY3/xXALmdy8YZL/IF4R4Kr8RR3E0\r\ntI0YaHxZQbTCOTIeESAr8g+iESuN3nTE2I5BQsVtP8KrKS14oIcilkMQFktt\r\n5qi6PFAih76zX3vlkjs2tyoa2g2iS1Rr57J2/xdr6/GA/hyEhRX9yMtTFDFS\r\nrEkmyRP86o0BbIhzWvfzXm8sFRs3m8Wl28TZNGhyKu/F1f8qCQ/81TCPjVb/\r\n/8G7+RoJ6Qv3i6K89umOjKvr3Xb2Wg91smJTRvNad2DtWvJQkJEUtS+5qw08\r\nZXpcQ7WMZokSQpLg73tcrm2oDJkhXWBoTEiL8HqRrayq+PX2lbxJsPVZxmYA\r\n01b8LDSjSqKw/rRE5WBx7o4VBF1PUk8aPGJC1NYKDwJhK8GCm3SKf5nFeCri\r\nCJSYJSjUjpB58cruHEKoPb1x67HegB3xRXw=\r\n=pgQT\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.20-pr.195.4f7eb44.0_1678379063144_0.03965166863069047"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.2.21":{"name":"@kong-ui-public/copy-uuid","version":"0.2.21","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.34.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.34.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.21","_integrity":"sha512-o++1TJPVpCIMlvVCFxQoV/kedMMUvRE3MSpG6AWw4BKVEa16WjAMXPIFjS57TD2hr7lD2Y4SxSYtlE1FXruO7A==","_resolved":"/tmp/10d904c694875ab96784cf554afe5819/kong-ui-public-copy-uuid-0.2.21.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.21.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-o++1TJPVpCIMlvVCFxQoV/kedMMUvRE3MSpG6AWw4BKVEa16WjAMXPIFjS57TD2hr7lD2Y4SxSYtlE1FXruO7A==","shasum":"349c92f6304aa203c4a8bca420a02c4682830488","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.21.tgz","fileCount":19,"unpackedSize":555443,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCDbjxCe44F2/JKxpZDz40gE4rxYNpHcHtS26PN0UVrrQIgc8swyCncJmk7F6dgJ2AKVByHQl/ueXYxOakK6AoM+Y8="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCgueACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqiZhAAlHwr0DkcVsEg6ss1pZkzhQe0t7s6CxOvwqtomobStvls+5CB\r\npM+/G1fNOUkNQR78w7Q81eUEaDIkXpLvVkFrkTsNwuHBvEKMqS+VB8HiqjG7\r\npJMb+Ygq4heSPkWFMVfGRm56iKOBLGh+GM/FhWn/mJr8B3hl8iShTJhunqmT\r\n3yTDj/DVPGzJYDoyEqLX484OcVNj0spvWtdm0xMQJGEmLXZjYxjDARAHlYue\r\ntK/+LAXkv+xo4BMQEVnI0BN+JUZx7EE7MYYLueuQrW8vlBQijl6IZsj4yGHR\r\n5GzFXeCHzIK4V4Ib6+h+DC88SkS6FrxYNinOS1k88amNgiC2JeBrOUdiX0ga\r\nsc8yCQFJVvS+f/YAiBn/n6rX/NubsIjs7tswOuo1vhAKLzMMi7awF8KWNIlV\r\nhN41Dmbd1AmQMkJh9DdcylPn8oAg0wbW1465euPDQ6sAcLFTakf+Bu1YVBFB\r\naovOiqOomdlEUQbFUqG6pfQsOuR/iyPHQvtVhTVWxigWgZmgaC944U+n8G3I\r\nixcC6y9HGdWt+5ROqs+2IySEl3Zp7UPsvSNJo6RRMd5bLN1jfRkWyZ20kc7l\r\nfX82tkqa3U5WwV7GIMPa31rSOljZoRfNt8Pgt8lpU8sP2uGfwc2pQxxZD/OA\r\nR5VKderoO5Ii+9oKQPd6SRhjAvGeODgXQ+w=\r\n=arzm\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.21_1678379934094_0.5799362098386043"},"_hasShrinkwrap":false},"0.2.22-pr.231.276ad83.0":{"name":"@kong-ui-public/copy-uuid","version":"0.2.22-pr.231.276ad83.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.34.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.34.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.5-pr.231.276ad83.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.22-pr.231.276ad83.0","_integrity":"sha512-0tz+iGaylH6PTeJ6iDtMvpuW4Sw7z8+wQITskrTDQ+M16ENGwUAvF7u0xX6Gbyi1YsuOnb7ivMER2uWNNmhW1w==","_resolved":"/tmp/7d4734342f9b68e8b95114ebb05ce3a1/kong-ui-public-copy-uuid-0.2.22-pr.231.276ad83.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.22-pr.231.276ad83.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-0tz+iGaylH6PTeJ6iDtMvpuW4Sw7z8+wQITskrTDQ+M16ENGwUAvF7u0xX6Gbyi1YsuOnb7ivMER2uWNNmhW1w==","shasum":"cbeb5d2bd2448d7f0a0c68ec2a2c3de02d123cbf","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.22-pr.231.276ad83.0.tgz","fileCount":19,"unpackedSize":555708,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDm6PHjLr8Ev2va/DbMx//LdytfoHNHVB5HqEbka9+PmwIhALHqtPr/nYiJauysBVlMyhJGp+LeAYNu2LqdvrJbXGUs"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCkJoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr82RAAnsirHI64QALPR2eTjjDqXTiFzhIz1UYpEDKrCVghpFE/3CED\r\nneWTmc0wG41F8EhspsSsLcU4axPG3zw9TJDmCk0ESEDxv6M6cuRAQAXxbbS2\r\nHZC6lYeHvVC3IDswBf6L8BY+XyhLH6cObdDolHQ+yQkSfDMDDhSgWi7DCPgS\r\nR7f5LEeZ6S7ekB6CEyI7chBVax+9D72uvX2pSzpZVj83vSo6leQg9+vanMIy\r\nJwI4Rh3ryL5CBSzIN59NkeageeRRQv+7n/de1vh05SulMjvF1cg5PVvrtqt4\r\n96CsFfORR7DGhPARra1rmkJ2s35vrB2qFxYALbkmym34vDY560PyqZgA+Bpw\r\nb86O7zKui0urIbK9bhM719Bw9wtxSSsObiUjZCuA8mla4eivVfcX+c9z/FXS\r\n5GXGuClixM7I8cOO/LKBy0CX3gqF8EbkuVS0KNirihu290ooVb5suIlR3kVx\r\nVWDPEYd7vAbwOQ+MpDRzEvO3cbEKSAFCETfiQ65Q2EUr5MuO9HYrLbrLR1KA\r\nfYk8B5c2cb82a6ciVHVjUs1YaCdj/5yLs8BrvfiOx8WE1SkHbVYy7B08buvo\r\nwsDM3G+pd5uRoqJoyvTj/smENVeo1jBSoeqgES12fiSUtEASTSK6C2pCU0vK\r\nNf8uapA17KTG55r5I//TiyxeCF2xoBiUduk=\r\n=qYOR\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.22-pr.231.276ad83.0_1678393960397_0.9842326505291232"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.2.22-pr.231.db1a6c0.0":{"name":"@kong-ui-public/copy-uuid","version":"0.2.22-pr.231.db1a6c0.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.34.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.34.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.5-pr.231.db1a6c0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.22-pr.231.db1a6c0.0","_integrity":"sha512-GjF9bobZSZg9OvIjw4WvvOASoHJGUTZ+gNm5x4jh+3d+yH9RhOHtGjZv5YbomynWd1JDwsY52M1aRjQcrjAR6Q==","_resolved":"/tmp/58d6b5a5ccdbd80b630375b0163fc6ac/kong-ui-public-copy-uuid-0.2.22-pr.231.db1a6c0.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.22-pr.231.db1a6c0.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-GjF9bobZSZg9OvIjw4WvvOASoHJGUTZ+gNm5x4jh+3d+yH9RhOHtGjZv5YbomynWd1JDwsY52M1aRjQcrjAR6Q==","shasum":"36b69f3a984a765045496dd3bd9533e436d80053","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.22-pr.231.db1a6c0.0.tgz","fileCount":19,"unpackedSize":556002,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFV3ao4pwZslrc/Ozdo1xyCQOYu+QNoqVPuFvYwKmno+AiEAlPBO0yavHN/rZhjsaT97MkfGteA7cT4ZhZUrghOLI4g="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCkzgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrQ7g//S07/9bL6YBR0x/DGgRF+fSTAGRCeH9JppAvbgMZkELiyEsx1\r\nC2N5tG/VTJR/CFx3nthq67DbLFuBN22jis39Kvz41Q/lvsqFlrd5jLlAuJWF\r\ngZ/lbmxgthbZIZiowAbytAja8+yMiuQxoAIzAPAzqxiOr8cYqHmhKG9aAGc7\r\nDwsIL/aoEU1rQF1jEv3hQdM76EW/tmNXBL4lH2NFdr4LAFXIGG0dpOmukR/0\r\nJDk8GCnRmzSWiu45yWVv5cWxSnUse4kUWgHaG/UPsrElIN13jXbs/blkQl+Y\r\nv0fHCATX3+cBZhNNvkZJ7wkZpAs4j/3Qm/cgdgcK+QIN6Wdw9C3HdkFrM+iT\r\nbtTc+NJX1A+DirBGsDLZmUE/rt0I3AEDxhbMtBNgCZMbH5H87rDUtgAumwkZ\r\n2r5vgSgf097BpgNoPg4mvkKIzqOxSxXKbYljVu7B1at+Ckx6J0FPSSKlTH33\r\nxY/y1FVOc/pMwDwhxQRiOxx2BArlmpFEnd6s9IAOmuyTRDHcFUh3+0T/Kmzl\r\nlqnhzvihHpTwSJOEpdVVYo8C/KK6oklYczaA+ED5kWiS0ZNWyoKtGCStJf2J\r\nZtOq26yQBDKD3r8JTYa+wvlL6oH+jturXKTSg6YrPJNWTNsT8u8PGgMhLcdL\r\nBINtjSJW8vHfQrvTPP8FuEmqQ0XWkRfu3SE=\r\n=9eFE\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.22-pr.231.db1a6c0.0_1678396639923_0.42656045626875416"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.2.22-pr.231.f2b92ff.0":{"name":"@kong-ui-public/copy-uuid","version":"0.2.22-pr.231.f2b92ff.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.34.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.34.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.5-pr.231.f2b92ff.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.22-pr.231.f2b92ff.0","_integrity":"sha512-T34BLvJnSt6HmPxvxyRI39ogfS9VeCWuJBiWrlDa//oNjP/aN4fvyHn4J4a/YsQqu0KtAR28cdt1Aciphw/eHA==","_resolved":"/tmp/686e528c35e7df5b3e42efb4a9321778/kong-ui-public-copy-uuid-0.2.22-pr.231.f2b92ff.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.22-pr.231.f2b92ff.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-T34BLvJnSt6HmPxvxyRI39ogfS9VeCWuJBiWrlDa//oNjP/aN4fvyHn4J4a/YsQqu0KtAR28cdt1Aciphw/eHA==","shasum":"0c6071a3b1f50fc133c58b99cbfd616f11b3f163","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.22-pr.231.f2b92ff.0.tgz","fileCount":19,"unpackedSize":555968,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDLuCt2AWkX6RYYVlf7eSudKadtXcYBWkZD8/jgEtA7TQIhAIOKvtBis3TT4DmNJxSg7H8TEHWrCY4GGPXSCtvego8H"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCk0rACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr2RQ/7BNNIwd0w2cAPS46ZeniedSjbD/Dtn9LkdL4V/mD9s1jB74eH\r\nJiM1JPr5YZw6i1Afx4JPzRPlkTrXtQvAyvjY1QHEwhh4rEcrL6AiqsuENylH\r\nwnjcgKY9vHNcQxmMqw/LcfrXtC2zCT92jwTjZ7ywIwnpxgck4BP+Hmf21nFF\r\nVGYWlTI1T8o8rawG9ycPBjQP/o+8mXc/QI/5ASy8KUq6YthpwsPQjSDOP0TG\r\nouOXrKu6JjjHchPGPBp7PK/8v9ouyrmT34lzpz53rRTVGVFZ6VE6LV9qdOKp\r\nzRPrgnQrFdGd6UGq43UPUoiMun+k8fRXMbs9XiuWeWzzcmSxqLY/ZdHNWjZh\r\nuzeetK4DWpV6DJ/2b3igueNACLLYZHaL6zwi7b48xx8uQlvMkL9d/GqnD9jR\r\n5yg1mSM5pX+jpBXe1ii7efwMj1kV3LDKYZ5Z5kEdwufVWA8VCwtSwEWaj4Xw\r\nh8b2FYDbumUWKizBpT3KEkd7B5aCw7oinJLe4iDIb1v8XCgzp2Hi6VpY1kbB\r\nC3jZH03XJiXUYwMzWjnU7O2/yqt3niYqXjN3v2pMoSRDHILMA8qF9RQBEjAT\r\ny59Fp7XFlKLrrWFkelG8ih/Hl8sdTBIFby05d1+dcByc2tE+pPQR3EJUUTje\r\nTPcones11CTUQRS2bWzPwpd9WZEaMbgfQhE=\r\n=qSIP\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.22-pr.231.f2b92ff.0_1678396715592_0.45074462638075175"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.2.22-pr.231.5cbb2de.0":{"name":"@kong-ui-public/copy-uuid","version":"0.2.22-pr.231.5cbb2de.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.34.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.34.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.5-pr.231.5cbb2de.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.22-pr.231.5cbb2de.0","_integrity":"sha512-cSz1JxSawjcS8p94KJSIM4MrVWUt3SUct/YMt8bsoT1RcXKVxAMQdTfRBcnGTCYdtubGjrJmTd0A6Y2aYKhdIQ==","_resolved":"/tmp/35ec8f337c35490c3ac4eae562ba4410/kong-ui-public-copy-uuid-0.2.22-pr.231.5cbb2de.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.22-pr.231.5cbb2de.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-cSz1JxSawjcS8p94KJSIM4MrVWUt3SUct/YMt8bsoT1RcXKVxAMQdTfRBcnGTCYdtubGjrJmTd0A6Y2aYKhdIQ==","shasum":"64bd51639948737405bac27d7ed4c9ac015e9a56","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.22-pr.231.5cbb2de.0.tgz","fileCount":19,"unpackedSize":556002,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDXkvJTDgr/z4foDZDOURPsofz4CLzvUL8Ah4BbrLxY/gIhANoM0NnnUHPkPS1I2cyxuzYs7YWVCL1RJtyoOpSGDfY+"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCk/dACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpJfQ//cLG5Ryyq9LwL6anuzeF5cDUHzxoxAAuTnLsNkOmR6OlxpVP1\r\nX+sTLaSlF/1h00a63tQsJm5kOGPteh+17j8bkyQBqve2dwLMK8OwgB9m3WH6\r\nXpH/XsR5vg0AmNbdA5wN+Ip93kwooPVviHGm+/cWHjLM7suuvdCLoZVK2VLB\r\ncZj0ffWpbjNQQM2k4vctauC7ov89EmGCE+IJFcnRRAFfpHJ2QzjOjAoHOGNm\r\nvTwu/AshmW1RhWhMLnRSTbpSeRQeRNauF6OiDQtsH2lUhH+7HhyYYoHfJmwm\r\nPm+UQQnxTyuTMp6k7VfIy5cLIsK876nw6ejz/gZyN9cwzNQR8yAy1apoU3y0\r\ntLDFnnE2CIp8g6UXGFscViLiaVg6J9OCEfa+CmDFmrXIhyFKDFQ96mU+T9N8\r\nRArBD2c/dHwrRaUM+85hSsFdC9Omkf/G+y8mzBI1u5Ijk17uhgC6EilCcWAn\r\nhICpzfOtG11B9yR15pgIy1s0Jq8llKD/g400w9YR6ALF3rh+uoWqBkLRi9k9\r\ntylDEI/mk6Dl1S2DOcdmDDn60DHCnN5tYLpP4ohKjbX2abXLA92fsV+ue7Ca\r\nDZZ5CuGJPmqyyBJoQ7qoqZ9naWTyJn4D+gsltXQ5GJ2fGj/fdjBrzYjxJvMC\r\nTu+ZznCm1Ai9PMeFnzGX+g2fN3tswEFeHy0=\r\n=5fdJ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.22-pr.231.5cbb2de.0_1678397404860_0.07724609141076"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.2.22-pr.231.93211e9.0":{"name":"@kong-ui-public/copy-uuid","version":"0.2.22-pr.231.93211e9.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.34.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.34.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.5-pr.231.93211e9.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.22-pr.231.93211e9.0","_integrity":"sha512-nt6F3PqvnqRgjDgUByd06mCUVP0QM5vkfGHF86LHieE8JccbMIruiahaNqUAhsT2K4HtuHHV2EH8k57pKZ0Drg==","_resolved":"/tmp/5806e39644045cc5a007836f6cc88eb7/kong-ui-public-copy-uuid-0.2.22-pr.231.93211e9.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.22-pr.231.93211e9.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-nt6F3PqvnqRgjDgUByd06mCUVP0QM5vkfGHF86LHieE8JccbMIruiahaNqUAhsT2K4HtuHHV2EH8k57pKZ0Drg==","shasum":"f2c171a9a64a27eaf925fac9be418b8a0b19dce5","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.22-pr.231.93211e9.0.tgz","fileCount":19,"unpackedSize":556002,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH/j7sg/VrTXCv8ojzo9IClaSe7NuWKtBy+tMVCqF8+dAiEA4pRDaUnn62Hp3zBF8G9nbO013MvBaY226VAOVUvW1/s="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCk//ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpHzQ//aRXAJ/lRI+xalDP9qwNuok3c55TGFE/tRpHovbm/5pih8ycP\r\narhQZmQs4pAetY2K6+d2KlST5xRi8ax/EeRPU4YXc3/uhoiVzLNSuGUKkspv\r\nkwODHVh+91rOJPvZpb8E8Z0oYDJ4ens3iDO97aB94XdM0rw8roY4UJx7X4HU\r\nsfoEXrESosstPok5Hzj85hfJ5VRus5sKY36TwHr7+a8LXMupE7I/JGzkpyyE\r\noa9crn5dp5E52Z3WEr/YcJRXuqRp9+gk5HNfY3BYmht5u07H0qIAjIT8AHwF\r\n/UImu8AZkc7cqtzRTlrcU+u5G2VdeIPqCnd1XmG1A7CGTM0e+sCbjxtJVvU7\r\nwYeX1m2siwAj+16fy94r2I1Lmj8ItukjmvqwwcnKFSwSsoy2GI5eIn770DGt\r\nkGK9BCnHoAzrmBaEiNBGAMScbbqJHOtVrwGkmPPamuXugjohIv3rAPhOXGVA\r\nwe4T8DkuarcRgcugaLtdgH6Isdia8EoDrdLPV1jcyPGIf1ZKAoCS1X4WzY8c\r\nxmYktryeyrYGxktXStuOl2L8sd58A00XqqV7Gc38ZihICtmyT3dgS/0I9svV\r\nuF/gnW7IiWS/H6IsAwPLT6l/oxPu6R8nNl27r60c8PhaviHBVQEqbQYKjEL1\r\nk9d0SnSjfHbzQAAYVocR+X0B1suV7BHvHU8=\r\n=zV9n\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.22-pr.231.93211e9.0_1678397439059_0.22520072892178056"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.2.22-pr.231.e330568.0":{"name":"@kong-ui-public/copy-uuid","version":"0.2.22-pr.231.e330568.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.34.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.34.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.5-pr.231.e330568.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.22-pr.231.e330568.0","_integrity":"sha512-LraSHf8QjS2ZD67wGp4U5SnV7yqxv+e/WC0YGv9ioWHNQZ1TnMTm58d+psLvo1OM/NTx8Hy/ik0LxysR0wLhoA==","_resolved":"/tmp/c426d951c9bdd214e7f6c3db7b3189f6/kong-ui-public-copy-uuid-0.2.22-pr.231.e330568.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.22-pr.231.e330568.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-LraSHf8QjS2ZD67wGp4U5SnV7yqxv+e/WC0YGv9ioWHNQZ1TnMTm58d+psLvo1OM/NTx8Hy/ik0LxysR0wLhoA==","shasum":"a67454319c87752bf9d8ebb1c5c61647f0c25c17","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.22-pr.231.e330568.0.tgz","fileCount":19,"unpackedSize":556002,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDsSTotnKAAdAwshNLj2bAr4bf14OCjgLnftc3o2g3mmwIhAK9Q6mEoFDcnd5kdfacKEXz7zB7MvfRUmE2cD8rpgMc0"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkClu8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp8mA/9EZGGE5FvYdzIrrnJ3lL41PKzQ/AbZPHkONydWSPoDAiqsxeL\r\nVJ9VlODR+Oaio/RS9nxacZ0XgV7VAX14CEpUinWC21Q+Af+LPC58u97+xb9U\r\nLOXrquZhsTdpch/8C3h8CgI3xYlaQwnpPCTUpLLBllTcROm3Z1ZtByODVaxB\r\n0fziBgG6sUFt0ofchtKGqLizAarknHfciI0OneoYY+7VmrIXPU4bGEKphKCA\r\ndw7MyRXixsPM2279oaaqFk54XXF1tCvQcr0FwPx9TaW4i9jhn6ZZxs3qBvXE\r\nvMiMDoqJQiC7qkVdU3nrnP70Bo/2a6r2qz3p4bu9wefTYj6XxRXPmVq1pLM9\r\n08T1so+gmpm7CAI+OFo68zRBFfDtLixegXjKwmzjYFlAkAkimjQZ2BLUQ1AC\r\nd9GpI+sgW1A6IK00t4+G9oz9PQPCC6LkcQJ5QXpZJzVj9WX+jptoHFiz+ATD\r\nZFamp8smB4qXUys6OP/mXfKmHeWktcQKEzcDEE2CmCSvEx/R8Ovhh17DEYss\r\n+Q37tHyo3BdwTvwQmH1jIuNby9vZHvvigrvK6QgwqFF1vzT9JCnCosAbLG65\r\nDh6Bl1VCuNh5LMTX0XS1sDV97Fq1j9YOXByhaknhkmkhvAi3r3xMyeOpY+cd\r\n1pDP/R6q2CJb+Lj6zdpQkolWTRmFJVuKUxs=\r\n=gmRZ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.22-pr.231.e330568.0_1678400444248_0.7299942625848992"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.2.22-pr.195.e9462aa.0":{"name":"@kong-ui-public/copy-uuid","version":"0.2.22-pr.195.e9462aa.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.34.1","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.34.1","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.22-pr.195.e9462aa.0","_integrity":"sha512-Hb65SxZkraA+iYn5KLFha8yPPyQvzXxhzVitfYkkXeSu4GLEDKMyf0HksIjM+iLXfekL/BF4nBAnMnJ2nUfTOA==","_resolved":"/tmp/835d50e6ac1bf0c703b8daba7d6bf240/kong-ui-public-copy-uuid-0.2.22-pr.195.e9462aa.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.22-pr.195.e9462aa.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-Hb65SxZkraA+iYn5KLFha8yPPyQvzXxhzVitfYkkXeSu4GLEDKMyf0HksIjM+iLXfekL/BF4nBAnMnJ2nUfTOA==","shasum":"811c4bfadf8b10c544b4be60b06e691dce425ce8","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.22-pr.195.e9462aa.0.tgz","fileCount":19,"unpackedSize":555460,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHiDj/sMAGxU2rIu4mRcmEqwcW1uk12xgyNY0oJYHKoHAiAn3+d7vZnpGMN8meh+cp0jLIufA8quF01XOz+e7+f5lQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCwBPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpu8A//UGIVzjmAXqH34nffxd6h9WzrXzog92iKjaeAO5Rrlx0ipAzP\r\ni3z8J7e6rVe64RgSA/aEf0bErwop5pzYZC2IV6YKd3ykdEqUeBqVIU7tgEcz\r\nelMeQZn3W8ouDS6KC5gZNchrdDZRGlKRMY6saIW5Xk0dlDK3+BSQvqo/iZ2J\r\ntbzHcr3hv1fFGnnI6c1CU5XNKcG314ysK9vMFOBmwNwn6+kz/L/C+C7XNjMo\r\nzDU5y4MLTm4gNxtHkbnYpRW+7/3lZX0PNFQu5tT4BIw5KAPegezX8E1DUAPh\r\nYiSSvh1NsxoZxsJaMlqV306c4Liv7rpvHbXWOr7P+OFSKd+Kr6+QeKAlpA17\r\njonUOY4V4rbJYfghnQ0L4dDbmLRLy/BfKhp8weUm8mPhtgrhFa8I4AhdO8Z+\r\nrb2ZxzQbGPXUFKgqktsQFl33b/klibHJ7uRsSQwQ/0XQAYzldDt8+l7Buuyz\r\nTu18MQodjtfT8sIqGTLITSHB7URxWETFk4k47reHOyxVJStNmJY8PmFxy1wC\r\nnXSqRvhhsf93VQbR09NGCS/JMnE33Tq9Sd/xw6InoEJkgvTkp8AbC8MY3bYo\r\notEE8YGLdjLI1EALXo8k+d9Q5gyFDIDiq88nfIR5u1bGc86a/jsbSdj+yeBq\r\n4HphZ8adNvEo1AwRcBGTE3z48SJQvKo1UZ0=\r\n=Vdwr\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.22-pr.195.e9462aa.0_1678442575036_0.039774875896710915"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.2.22":{"name":"@kong-ui-public/copy-uuid","version":"0.2.22","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.34.1","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.34.1","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.22","_integrity":"sha512-f+XDMHdRj3DrM4NR2SDpXQXnNDE2T/DtbPL/K4n3AlR+JwUuK91srDZbtRF0Ka0+jgNxg6FkSwHIL/STpam32Q==","_resolved":"/tmp/0321eca856e28bd7a3a656fc82ccb06c/kong-ui-public-copy-uuid-0.2.22.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.22.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-f+XDMHdRj3DrM4NR2SDpXQXnNDE2T/DtbPL/K4n3AlR+JwUuK91srDZbtRF0Ka0+jgNxg6FkSwHIL/STpam32Q==","shasum":"7e5c03d6db736ff8504d772b7386e3e06d5f5921","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.22.tgz","fileCount":19,"unpackedSize":555443,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDgmpgfaapov565xATpwReiqMPx3cH61tnc5A/y/Gzo3gIgOs+CAuVs7Vlx2snqw9v3hJj+HKY4F5DjxO2eV7v286g="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCwRxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpybw//bGBiNAvtEPJNoiOCW4M8OkaP7aPH7B85qwWRU6zscZAUWNqc\r\nD8GbvR3EwnF4RamOImamUceRYkG+msXtE66U1YbubcIQ867qhpOlsqbpqEDc\r\nXNs9G6768xsjEPSDHxNI3zzYNlbaRlFBY+nxzmXKAb9Uc76hKKU6F8JVAyWt\r\nar1Qu21fKAkd23H4jptK8GTdieJAjrZR5A4d6uWsqjXQdHJFdqcDRy+T2h/W\r\nNA1aHYSPWzg2vwc8Bh69nZSaIoYyw52d+xgNe9Ok4nwyP+Q8Tj+JNIC8tQHk\r\nXFD1XX/gGFzGr7PatLlz+IzNYDB9mn9OMGDSnLRDNIHuOZc6f6/5/TcF0r6o\r\nsu1zYHhR/q7DkDIAWA0ZvMbZUgKPMlAeWxW6vexuxDVr5YLc8/1wccGPWsC3\r\ndXsq9xMY9m/jXCTpDhAUnW1cX1mNds5nw0znJGcbTaViDLf+JW/UykQMlN2K\r\ncfs5XZx2FUyIDzuKG/2FWuDZxMhRuLaSxh1PIdnuq9MbMwg4R2tTNsz/i0lQ\r\niLqN/dOLJ06OSl4Q+DbXNsKKrNnA+zXGFikqkGWqJ7EzvOPHic8ZH45Hhddr\r\nJSzxxogdzFivf/dUggzRc9Ir1pkLVvGQfMhjGs6bYD0VMGHqSKx73INHcGzE\r\nXnijGUu0IPpVbN21NqCCLo3L2pIzjWW267Y=\r\n=G7ZQ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.22_1678443633094_0.979876423692355"},"_hasShrinkwrap":false},"0.2.22-pr.195.a055d4a.0":{"name":"@kong-ui-public/copy-uuid","version":"0.2.22-pr.195.a055d4a.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.34.1","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.34.1","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.22-pr.195.a055d4a.0","_integrity":"sha512-qu2BiN/SJXSc5HegRN86XyQpRqLlnmT2SuuntD/Mae4HuNz2DFXs3aXh4a50ElXhGo0h9Fr+Q/WW81owftaO+w==","_resolved":"/tmp/ee3b2f37f59cd02d9d0828a68ccf53e7/kong-ui-public-copy-uuid-0.2.22-pr.195.a055d4a.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.22-pr.195.a055d4a.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-qu2BiN/SJXSc5HegRN86XyQpRqLlnmT2SuuntD/Mae4HuNz2DFXs3aXh4a50ElXhGo0h9Fr+Q/WW81owftaO+w==","shasum":"bed80cbe45de0d642fcc0a630ae8cfc5b05c577c","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.22-pr.195.a055d4a.0.tgz","fileCount":19,"unpackedSize":555460,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC6WPLPU7DAmq+Uy68/Eywd0+3CABX9yvN/4QWYooviUQIgV+/V5Zgs/JZJ81ZuizaX46UvxNZpa1FlynWwXThJUng="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCwU1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpAAQ/+KbWsbzwwIFoPBMLJg/dmezMRu2IjC5pfAAXRw+a0qLcQUPR/\r\nUfmTYP8EDzhsizd4CjXgBlI86KIPiZ/qTATNOhB3OCpg4PCylk/PCiRwXJ8+\r\nZSCgpHMMlhiDahTGY4LncV6dwSFI1Ws2hLWAOzpNcijAmNhwsRPp/U3759NM\r\nsPrvzIyfXcdCuSy36UxYmh19Re1tcE1xplyMGbXC1x7xvcNN0n55CEXS3DjG\r\nsOjH8HfA5hYETDDPH5DXi4Ie40Id4Ll2my8AQmyJ8Gq+QK0qxNqhuoJh5Je6\r\n6xc1W0BD8pHHNUK8MtJKi63tLTwFDKqldbKAb51ifRZ+P2l/M+bFGDzPHV1t\r\nx5RLM60LR0/CPOc3haViXzyOkK1gFkwIXx7ln/ZcxEIBsKUz9o17NIEuxAoZ\r\nLVK9MydWsbYlE1Zism8HK/cx15Zp843c6eTJtVecr8K6JhlIDViV5VW1VOYo\r\nzvirOfMD72iGHy4UbVR/5qjDGBbsglk/2kflFk7L3s8hp922OuNqLYFbBoGq\r\nsRjhr1G+TknyePK/TB3fzcApqXagC8ialrd9QYVlxBwC5Q+gxYvemn0X9PWu\r\nHW21mNMsk9nTlao5JE2O05nP5Z00xRzVVLX290iB0kh/KpWAOi9Lh2Ls7KKP\r\nTD4goDsbRSXjRwC25TrfVPjZM1DYgNZk7SU=\r\n=TJy9\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.22-pr.195.a055d4a.0_1678443829140_0.6377458208158393"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.2.23-pr.195.cdf4357.0":{"name":"@kong-ui-public/copy-uuid","version":"0.2.23-pr.195.cdf4357.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.34.2","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.34.2","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.23-pr.195.cdf4357.0","_integrity":"sha512-d4HeRqZNUJD/0m3FGbLimk1bsr0k4Qqqikyy0yz+dwiQdrtAPeXmyYjoHACTjCJlkNaI/+jZr8ncEMxzFdOtmw==","_resolved":"/tmp/50ee8c7150cc28effcccc339e5565f91/kong-ui-public-copy-uuid-0.2.23-pr.195.cdf4357.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.23-pr.195.cdf4357.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-d4HeRqZNUJD/0m3FGbLimk1bsr0k4Qqqikyy0yz+dwiQdrtAPeXmyYjoHACTjCJlkNaI/+jZr8ncEMxzFdOtmw==","shasum":"838f4a11f0d3d41dc95b5b0b0c8e47d331f3fd76","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.23-pr.195.cdf4357.0.tgz","fileCount":19,"unpackedSize":555460,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCQCwhmBfsZdYzdjhxpoUkzIRpmvXEYyqtMSTjwKcuktgIhANIrZSlkB3XAoRatVUJjjV+cp2Nv16Lu6E2lcBYTFQk8"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkC37JACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpxSA//UCiSKuVrmszoGAiRYD9pphkRJWCGl6AA9ShUH+xX5boKNf5J\r\nv5VrUF7b+HU1kKAHnVHXw14jV79tbRm4isH6rRMOpvEFevL/wiQtGQj22dm/\r\nQ7avWvFJf/Fcx40fohSP2hc38wLqNyJCEUH+1fDgacSjQ/jKpajIcLQoit2R\r\nj395FS9LH1I7DCvIfRcdwEBXQJw6yFjwSP/3k/E2mLlpVinLCnf5ZKKso4DX\r\nUw0sJApesfUHFcEJagQoDpKppeDANVFhcEVBqSG7/IYCgmRMJ/La7ghFPmhm\r\nqgXP9DODkC4IhJml+ze92201OzGqVSfKEhGwdQkLjg5d3I7r0BuWBbBD3wiy\r\nLQDQusf86wZB4zbZVq1arwmCsJMaOTOGftMcDmYiqBD1vdTtsr6smTDjOval\r\n8G9dPLUoEY7zZ9fcwrf2QlP13YSWWHkYSSNmhPjI0vAZCgXXirMHcFBGUKT6\r\nOFCecZulak1bUo2s9Zd17lTxFknpnIlozQGTSOhZx919oWcCgEYuZ3oXrcCZ\r\nuydxXtOLkaqA349n1BKcVJj6ni2YcP5DS80w3rRE6+vfoIkLhwzA8sNvrxbX\r\nAfzncrlvsaKi50hdUj5v2ldYNJrCkL0/oskrU79IeYSCgaf0kkD2MAoCzAib\r\nPqMN5uknGm1b/U+lnqfLLkny5wvgZ9RqCdU=\r\n=Ult7\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.23-pr.195.cdf4357.0_1678474953416_0.6317589548966809"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.2.23":{"name":"@kong-ui-public/copy-uuid","version":"0.2.23","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.34.2","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.34.2","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.23","_integrity":"sha512-7MWXZ3ruS1pTTSHxlHvyExNZ0TR1cAfYTkUK44qTo5GzdxDz3QmItQvABKg4EJmqgmuKkkGIG3VL/qQ/a1spww==","_resolved":"/tmp/1c616a4d7632dc941a97b71291351f76/kong-ui-public-copy-uuid-0.2.23.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.23.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-7MWXZ3ruS1pTTSHxlHvyExNZ0TR1cAfYTkUK44qTo5GzdxDz3QmItQvABKg4EJmqgmuKkkGIG3VL/qQ/a1spww==","shasum":"8053343dbdce825dd55f6ff6878198cb1d078b48","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.23.tgz","fileCount":19,"unpackedSize":555443,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDOJHQ44hN79+fW+kttXNoVwm4w0furrvwpiI9L/IOtYQIhAJqw1+fxYb4XrXhedaxNeFXK/V92sLz02QBJkPuFRpYN"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkC37fACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmokqA/+Oxa8YW/z+f9gRpCIfdO0sCtJTsYOklBUT4KXrleuoAVUpS/6\r\n3cPrL7xHulZUIAFV6G1RafSjk1CAwwbzD6aigWBy1I20hM5SRTyjH2X/dokp\r\nfsd20CZl3R5i6/7MwJURDkXrD/6FiVSUmp6wUn35UfhtnTrM/dmmGOz7zIWd\r\n6f++JTdT9AphRTE2cDFck4qt+fJhFmuj+LmHLih60KKK9JsqgglZItww428h\r\n8lMHAMAaDQZYBVAxUEJicrUHM4ZQvzFLmN7oTOv/J4Lmr12zI2p7iwBzr4DU\r\nwbHriylDQfmsr9owKnFyHD+p/nXElSr7gat+Cqufia+9p8HTwY5m5j+r/wHa\r\nexWFvrOWvnfWow6JScqMGv49KArEXpwIn4xu8EaaIq0gaUC9FvKLEmy2Q+RX\r\nxe2K8i+53QmVZ5Z2dZZ5zuzXVnUFSNf0TGPaAQUHnzMUoaJj+V6KZHrtuH7E\r\nmo4PpZwBRAAJuWabjVeDckjIo5nlyNXt8m0cdoGAdDk9doTwqvTJX5Qk03eh\r\nRD5hCpvyzmlccljtqbsp35pdj+ODQTbG0XiPXHxvoGWWn4gNN96PXoAqQpVn\r\nM/AYMkfLSz868E/0L/7P1BUH0MEXJEK+600zllepW0EHXRB9te4K4HFBlhWc\r\npfol6C/1J6Q5Fl9LrKDw64CqKI5mELn01p0=\r\n=84nt\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.23_1678474974797_0.14507220523358977"},"_hasShrinkwrap":false},"0.2.24":{"name":"@kong-ui-public/copy-uuid","version":"0.2.24","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.36.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.36.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.24","_integrity":"sha512-8v6BuNHU+MDXIYiCL8HsaKSX28BYOjfBnu2VGydMdIFebxxGgEDlvyFjkjhW8oB3gaulsNi60Cu/XvMOi85m2w==","_resolved":"/tmp/f958565ab2d6a1af2eb82b454912fd6b/kong-ui-public-copy-uuid-0.2.24.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.24.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-8v6BuNHU+MDXIYiCL8HsaKSX28BYOjfBnu2VGydMdIFebxxGgEDlvyFjkjhW8oB3gaulsNi60Cu/XvMOi85m2w==","shasum":"b4123fc753eff05442d5cd9ee15d28a38c911386","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.24.tgz","fileCount":19,"unpackedSize":555443,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD2Q8XC4LLwYKVB9Wrc7+9qmkpwZT2kE7ejpuv/jMQG0wIhAOyLMakv3jHGDiSy8rJujcBoAEXdFvpjH1PrqvTLfvA+"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkC654ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq+Lg/8DwXNGpUEjEfqAHglVuYSL201mZq1K6sRxaEzYB4T9vzgFnRd\r\nq/fHHBHjRyowKkw6pEsb2TNTCuV8e1k/GjWv2NylVHqNnknGMUV6Ey679KbA\r\ny/lI/ysdVfgOiD8XkEdkZ31Vk08TOjir70HgzhCTg2MPEMktpag2lxITJhuT\r\nLhzvzY53n9bM17m8JlIkvlyHWByYhcTRVbofterO1JZmrI+VjMHqNk/2xG7v\r\nReG2Zd01bqppF2IbphHmK6eS6PfKsyoAdZxEEqhHBQTgT8BrMHgktDOfsRwV\r\nUd0a/nZT8P/NqTthSLmNKVhrRKXHJorzG+C6Cpg8RVnDlplAq5n5Bw+RuL3n\r\nM57qJC4HjexEBpK9ZdNkZDdG/XxQhbSaNtBa0F8FrO4mZCsSCJynXNmBGCrz\r\nmDwpeIa2FIowtarUEltCAK4p9nOf8GoXcTHOC5TehmH/ef9DXfcR1yT9O/N3\r\nfX1Pgazds6OhENyjnPzLoiYeXVXVui64lbqMzgbijtFWt3AlLBEPuS5LTU+E\r\nLWnN8dVJPuCfxceG1FmHXwZSgnS49v9pWT7xQ4tAnLEIm4jQ3zWSHQIPvscA\r\nvTrTkh0IDouTwf3iWWtUQQEIkqlxhhO/3ii6kJD3sPky24t2EI6M/1WR+t7s\r\n2KdOlWmbE3MvS4CsMbsYy4axapjSuqbKR6c=\r\n=Cdb/\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.24_1678487159830_0.12489600130329226"},"_hasShrinkwrap":false},"0.2.24-pr.195.3ff9d52.0":{"name":"@kong-ui-public/copy-uuid","version":"0.2.24-pr.195.3ff9d52.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.36.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.36.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.24-pr.195.3ff9d52.0","_integrity":"sha512-JAdwqQMsEKf+cJB3Mq8XeEELStZTXakV6frCaOyQG53+TLZj63mDMqjpP0LRXvF9eu8Pkd41ckJexL0C1IO7BQ==","_resolved":"/tmp/75f85fd5a7c9b6b58bc7cd72c0ceb705/kong-ui-public-copy-uuid-0.2.24-pr.195.3ff9d52.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.24-pr.195.3ff9d52.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-JAdwqQMsEKf+cJB3Mq8XeEELStZTXakV6frCaOyQG53+TLZj63mDMqjpP0LRXvF9eu8Pkd41ckJexL0C1IO7BQ==","shasum":"b5924d20123decdbb996c5ddc05e02eb1da59eae","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.24-pr.195.3ff9d52.0.tgz","fileCount":19,"unpackedSize":555460,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCf765EPwr4XWc+B7lgiC7bCLPaeKiTf92Vxp7xa07pSwIhALLWatiMOKex/INBwr5sdWqq6dtckaEqXCe8RSUlw8o7"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkC67GACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqEZw/9Gk1d49J9lumVkmWawzKOHwAbls0MDEzOl7JovKyrZ1Jof/QO\r\nAdc1cI9YIGetmECXLyiprkCJkssgLGLiHCAfsm/Avqm1GE6OPJuKSbl/zqSV\r\noIfjn4hNGuIdiPWEptzXXU3GrJnS2xGQRopnE2RxQRSpnbIhisH7TBfgbOYW\r\nGTF3LtPMECiOKDU7b8bmShfucoR/VwLUUkam8wFBD5EzN8t6VABBtKjVPBon\r\n1fPG4ApiDidH/pyJm/1jD5nMPy++8e4LP6YC4rBRSYr34l/ivuSFM0z51HY9\r\n6M6GhyoruSRnb32rr7/6PmP9Etl3AriHuWYozgxaL/Z4gpzoVICJ7pi0843y\r\n2uCaW+bzWRUqyMRW0P3Ua6jh5KidIf30kXg1MX+Im3OYkLBCsRBG9WTFrULC\r\nvV2Wk/vjpfB0at/nBLFOJf5oe25DCzGNsqu6g6htPtdISgCcCZOvsNaz/yV6\r\nC9DYMeXM30SGzWDY6QOn+G83vxCeAdVbOjmWnCnXqXZsOQPpuNuJgLJQmgme\r\npzH5ndAg0CbwddhKlaUYcmtYK8mEerfBZpN4YbIGysPsy7v/xFpilmGFAoDq\r\n8Lw1t4P+u7BVEUjkhNDlKg+mr8lOQlvtN9lodvWg9MfnCFCZOWwjFxuLifMW\r\nhn/hTQqxj3XeB9A0e+cy5JaUQY6OXgd8eqw=\r\n=Jd+/\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.24-pr.195.3ff9d52.0_1678487238591_0.7681054200106445"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.2.25":{"name":"@kong-ui-public/copy-uuid","version":"0.2.25","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.37.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.37.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.25","_integrity":"sha512-f8sq9GFzbn8eRanTegRE2nCPuWx3CIMgWu3XOIgReb6OR8NvRPaFWdzY8ybXGptCzkjpJUmJEKpdoeQBr2GCcA==","_resolved":"/tmp/ba48709cfa477bf3edd6fca79f4b5cfa/kong-ui-public-copy-uuid-0.2.25.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.25.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-f8sq9GFzbn8eRanTegRE2nCPuWx3CIMgWu3XOIgReb6OR8NvRPaFWdzY8ybXGptCzkjpJUmJEKpdoeQBr2GCcA==","shasum":"164c5cc8d5f33c66436c591f6588d79e9956ce37","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.25.tgz","fileCount":19,"unpackedSize":555443,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDH0jCwAO7a9JRuGQg4k2xzKzrRZ8JyRiHpMO12L6WzoQIgN0svt4MfsSwSoQh3904p0x2d2Oj+8TkPj+mfh8n2yNc="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkC/T/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpu/RAAgs/sLhabkKXqxzMWrJS5510eT7GVI1eaNTD3yW5MkWGcGFSH\r\nz+Wvb4tR4P5kW+b9C4WFO56iIgtGQfoWartU1cCydWpNAjMGEuGnVwg/eduw\r\nvwSeV4y+7iO1m82P2DOkOPNi1rrj5AbSq0OrHQ8QZ1vKzsSaQKDcOq+2nATr\r\nDvd8kbWfkzdtZ/T75avJCf+GtmcadVaTj4KQP24l4UEzGSmMifsyZqufjnXC\r\nl18t5cBnewD5l96Vdot+f9jaVu+nmJDVl5UavjfNM54dd6dtBI8dMdnjV8zu\r\nxeGbDTSaw/rOjZMwK/nYR1/Hf5pPSDI4bpkf067Ff9hYigsSYhXN0im8wmhf\r\nulAy5SrTVxO03QUizxCcTphKItg/VBVz8ZWSEjZb5RXwSo3M1ZAOF55WvP8/\r\nlaLMfy2LIOfo9SxFyQHhS1aDuohf4stgbZGl9EuX88024l++2fPXYGVIu9ir\r\nhge/1j10ll8deXU0m2TEICt8PMm15wV9wSA3dObvSlXXtOo8NiLduoRqyrR2\r\niISohI9IfRhTnX+m3HyjkZwfJosh8THIpEQDhNefQ9nfjvUOLEd+Kp4temnt\r\nAOFfXUJtr6jD8Y5shMoinJdnZ8nUU/0NSa6S4yB8lQYwdpBCES2bfJ5Dhuvz\r\nh3CGmBe8ANZIWLjCxl5JQjtmbyGbT7qAz58=\r\n=PzJo\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.25_1678505215773_0.04636093212316683"},"_hasShrinkwrap":false},"0.2.25-pr.195.56ad6f7.0":{"name":"@kong-ui-public/copy-uuid","version":"0.2.25-pr.195.56ad6f7.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.37.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.37.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.25-pr.195.56ad6f7.0","_integrity":"sha512-IRE947SMh8/5oOeuWEVXL5LP5W5MbuV9IJaOtPbVXk3XARjBCuN15lZwBlXw6w9SxwJ6w2NJjvRmYNlEo96oKw==","_resolved":"/tmp/7e55c3ea14b521368c0cc8a6fd450ad8/kong-ui-public-copy-uuid-0.2.25-pr.195.56ad6f7.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.25-pr.195.56ad6f7.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-IRE947SMh8/5oOeuWEVXL5LP5W5MbuV9IJaOtPbVXk3XARjBCuN15lZwBlXw6w9SxwJ6w2NJjvRmYNlEo96oKw==","shasum":"d862cc15a258de6737f73a0dbd2648eae4e6f472","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.25-pr.195.56ad6f7.0.tgz","fileCount":19,"unpackedSize":555460,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCwhyCTdgLzOyYHsszvKCDsFpjSJbpl7J7mCU3D2wkCewIgM+K0vw70bvQdz++6D93cfCjC6aIYlCaVtgLfL5Gtp84="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkC/VtACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpNmg//WqHYKZxGk2+b+pX8m4Pzi1PQGZDTA89GJsGImONYVchVCRpR\r\nRq9YMjmelRPiFVKeZE3zXmDvdgnBag5DUfD1qWSdYA4f2EFY7xI7wDgqCxul\r\nXBptC3CPUp8+1T5vvmkrmuFhj61EbnQAxeYzkc9bi8pIYHjaMWZcmTHAt5qd\r\ncjaE/Jt1DkGZU7pWMIU9dmg0ipd7takz4ry8HA7MMpeRLbHdAT0676LVDdu6\r\nim61FdvVk/m59L0Ed3JM1rNg/tfH/+x544N353yNBBRlfZNQIzHzP4syDwHc\r\ndgCGGD3Oh6Ff6vQOXN4p0K7jCyg6CPhP8vHLkKCW8Z2PNTQfSeWKUJVKD1GE\r\n/fySJelLFSZ37GlEc8EJc7oShHTDTpkpHio6sjUX+Lu61jARrAGRae4mp92T\r\njlpnq+LyHl0fK0+sXsa1RWwETQPhBtTDSo3GM3QryAdOx9t2ZnuStpboYadj\r\nZEMRNFExBW0CaHaCq+QrGIuXXDD9O5cpvqv3cnN1cn+8akBAz/OypHgZ3ZMz\r\nltjUhqpUeHqnLJ8Rr4w4kzi3zifqJjUR2i6Wsefiu8p7Qm0DPT7MCA9o68kP\r\n74MBeiJuSCXthRho6eWxPccrcqD5AMIAMixvG8/5S0LeHYHZBnifiWk+nM5r\r\nRq6LoytVBp8u1fDcZegqq9ayK7BCqDvum0A=\r\n=esdL\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.25-pr.195.56ad6f7.0_1678505325154_0.02437132112797591"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.2.25-pr.195.d88cd21.0":{"name":"@kong-ui-public/copy-uuid","version":"0.2.25-pr.195.d88cd21.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.37.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.37.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.25-pr.195.d88cd21.0","_integrity":"sha512-YQ5USDMaQhDgCJVabD/qDqtGeK3YpG5ueRXADrBJIITFp5l2SnniJlALo/alJFaeVaIy2Wmw1T0gDs/tVhJKrw==","_resolved":"/tmp/4a3583867438cf1ac0644528aaa474b8/kong-ui-public-copy-uuid-0.2.25-pr.195.d88cd21.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.25-pr.195.d88cd21.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-YQ5USDMaQhDgCJVabD/qDqtGeK3YpG5ueRXADrBJIITFp5l2SnniJlALo/alJFaeVaIy2Wmw1T0gDs/tVhJKrw==","shasum":"b52dd240773e520cd07706628e5f0c225bd04856","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.25-pr.195.d88cd21.0.tgz","fileCount":19,"unpackedSize":555460,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCwegA9HsW/onxF6jA5fGaXYmM4iPnELRH+lGCT275obgIgBJr5mZhupOKIKqMTFY4N2XsEIiB/XgmRQyNN4VVKXkM="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkC/Y9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp66Q/+PAQoJhpiLs2YxcA52LSfGytQ9mfz0CWAmEJwr7jWt+fI8u6Y\r\n2mFHFhvpuVr8yClzPYCoYF8sZ4zc7/g1hfXV6WR0mDGx2bkrFx333C9GXR9U\r\nNWG2A8BbcY7tTlzKkcdfegg0D9CEDnDuVgnLBGU888tVh3aWP2KH3LFzWZGg\r\nWVA1xQZlyL9mk8Ol8OQHhQ/gIWxObc7cOcj8IZ7j7jkHT7hm/7ZIL3DySlLi\r\n3jyInWi2IRNy4/nBefdoViy53lmEyVW+WcsuJi7+bEMMNFLjJJHtiJNAsvcS\r\nfAh14zf1BumQ2ym32Lsr30/xIKXyHbi+G6qzPQ9WkC8ejkx8BJIwokqwtJJ6\r\n5CZAZsQQ0X0fzs4sW7hVuY8RuSeC2rxHkxTjBWC+5G89mYq4rP3fVcrnTId2\r\n+mcFY+siI1c2zFujOwUPpZfzX9dmy0JKT72FReAvCTuNjPaLQefVJ0qxyTAJ\r\ntlTfaxhwYQIyKoPm7hNgt71jFVubtkkzo8uAtCjeT0uHJCuT7B7GWw7wxSkv\r\nlZMY9pe0u0j8n7xcfVyJPuI7twNotV0dULAPQnYmLoMaK+LcyK3ux21qpcLG\r\nggOIFRbWSUpu7EQHcV9VY0DSTL98yMIpNvH0n6gdmigGCt7JxFFoY6d1fGpI\r\nkoIJwfpN2cAp3QDF5ArATqhk6K+ivHDM2iY=\r\n=q0eV\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.25-pr.195.d88cd21.0_1678505532815_0.8697677841243774"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.2.26":{"name":"@kong-ui-public/copy-uuid","version":"0.2.26","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.37.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.37.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.4.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.26","_integrity":"sha512-xY8JBNLjF2atTto9pa0FN8dUTfBWftAXIFbe32J0jCeTf+3I2MYXOBBkeUPQthIAXYnGTNgGmSOg/mwnAIwzPg==","_resolved":"/tmp/e035c17e39664cdc7cd3dfb8ea879ad3/kong-ui-public-copy-uuid-0.2.26.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.26.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-xY8JBNLjF2atTto9pa0FN8dUTfBWftAXIFbe32J0jCeTf+3I2MYXOBBkeUPQthIAXYnGTNgGmSOg/mwnAIwzPg==","shasum":"d75b14f9d9ba989ab75b1c695664d7fe4d5f8f2d","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.26.tgz","fileCount":19,"unpackedSize":555968,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD7KsKaIuaQozdp6EjkoD2yXZPAsbXsO/fXKXoe0fJZcgIhAK0RSfaua2HPs2mJnOTAIwp5Z+GOXyi7mbKUkEwryblY"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkEJsAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoSDQ//WhPUeqp5LT2Y5LBvS7Dn2WihZv0spdK7iqMzNcPeBLwfF5DR\r\nnuPO9IJkbjhpaaXaoZtUz2yZmUJuT6oAe5Kzaspkrp6tGLVcszQ0xVqvrCjU\r\n269ABNbk+xeDz61Yu+NIp/U3NjOud92Jz7bpUKoJwZApSBsNpbsqBGEVWtRU\r\nc7AtTeSu33LV45oltGXScxeuGoukvC2qZR0vaV76iXjK0QEIAZ4rzzLW901a\r\nLU/OPZBy7chY8jpyp6svzOLD8hxQGLEEy/p7CeYV9t69LHBO2TBhcRRr9/0r\r\nyKn82kR7aIqOFhPUd0aIvA+oqNuTPaORGr9bBcLJ4OFO9Do70YIzlOTrih8B\r\nwY7CzkuNkTHmYYQ4flh2nBhOxDQ/7cOXkjopPSFpxIfxII0OJr5H1yj/qhX4\r\neYi8osfClVpKsqWsYO+Liy3kKtb44RyS6bV9b8y7nSSRXsMhOgkwsmw+OOEN\r\nS1FZS5BRWdfBHNVNQ8lH34gcc19STvtV+0nZwCIvaYXxkkO6G3kO5fLiPnQ8\r\nuC1RI2sG/ItholnT8CtqXVHneNud3rAX82CHVi07w3jnu8eNmnJ6BD+6X0wj\r\nwCysN03i9ntSgEEZmiGPRIpIoTVWQOFBEo2e3Sp+kQNcNSZP9AQE1bCBBER8\r\n3Y2EP5Uf9Wh5vUsNGN5ST3AwZSRoeOmfQwc=\r\n=eN8Z\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.26_1678809856155_0.8674263961727069"},"_hasShrinkwrap":false},"0.2.27":{"name":"@kong-ui-public/copy-uuid","version":"0.2.27","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.37.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.37.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.4.1"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:visualize":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.27","_integrity":"sha512-ry4q02GrWtwezNlPvQSvs5CWvqQrS374MWl5ZK9Mned5YnL8HBsrY6wPWkYj2adGLvpG1p+V/iW4StZoIH2O0g==","_resolved":"/tmp/fa204981b86ae63d9d227c5fda4d09c3/kong-ui-public-copy-uuid-0.2.27.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.27.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-ry4q02GrWtwezNlPvQSvs5CWvqQrS374MWl5ZK9Mned5YnL8HBsrY6wPWkYj2adGLvpG1p+V/iW4StZoIH2O0g==","shasum":"7979f7fd455886901c41431837056d3293f7b994","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.27.tgz","fileCount":19,"unpackedSize":555968,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCZgEDL6XMJItp/BB+hPQcmTfj6JAovz8bcGo4OQWKs+gIgLykxT1FxJ8w/s8H3FTAbAyZMUQyBEFUAznRYkk54H2g="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkEKcvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrrOQ//cmlXM44fw3KnILp0PBTClkmUFHMvK+I0/9b5EES0MkeSCrQh\r\nxnmjdq5E+NnHX2lDB94zowBZyCocvt/d4Pl62U3i3t7+L+7lnLBLxEV0NGsN\r\nfYBV7MlaAzI/VAvRVJJEN5msi4JNqB0aswjbXzBnJvUTHCm8hyFwnjSFqSNB\r\nUhUmi0TJsRTkSK1ql30PqKj/EhJI8RaMr5DVkMqpp1jYGDfnlg7CM4lLvVlh\r\nRqEbKk2XLcmYSBxZgtBEORfgGODhaayUorrTvp6+C0Y31GUNAZ4YLTTOocNb\r\nG0TngtX7zOw9gi7++vrHlX0xnHRM2c1DC7uDL6xx0Bed/2tK6aKPN0SJ97K9\r\nZktbK7PKXeibFr67O6TmmxW0O/3yJarhIKIju4nmll93LNHPapyYLmaNXwv9\r\nFDw750vaCpXczzfe95F55w9+SySJxQ6sxTCOtIt7fc7xM1y38DVPx9Nmy7TO\r\ntTgccLYE8VZNqlv/RMwM/+twKQ3ss3Eueqr6gvV/1/kjN55v48/CfAzkUNsV\r\nWCb3UqhE64Mu8tz9tWKDVeuzIM4mKFvAizSmxEwlPb/3w/vsqkXd4ST6BOES\r\n6SFXfnMLhYdzX3CCA22qAZqOHJrMKVrgozls1KqenpDZKPBSsEvGrSQmFg4j\r\n2vUiOvlVHcvIwYMS4OZTlLN6jXTAwHrYL7Y=\r\n=YDEi\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.27_1678812975734_0.962333635454983"},"_hasShrinkwrap":false},"0.2.28-pr.254.2d21715.0":{"name":"@kong-ui-public/copy-uuid","version":"0.2.28-pr.254.2d21715.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.37.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.37.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.4.2-pr.254.2d21715.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.28-pr.254.2d21715.0","_integrity":"sha512-NcbzeQP8diWbqj1bQE30cWgSi0UpdD991wgUsquNghsPJQdoEhCvtZmrPcb79y0wGv/1XBDxiY2PU2cVO8yuaw==","_resolved":"/tmp/68ef9e0672491fbf593a2fc106c8d18a/kong-ui-public-copy-uuid-0.2.28-pr.254.2d21715.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.28-pr.254.2d21715.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-NcbzeQP8diWbqj1bQE30cWgSi0UpdD991wgUsquNghsPJQdoEhCvtZmrPcb79y0wGv/1XBDxiY2PU2cVO8yuaw==","shasum":"4895f9f27fc1a5b9a0c952183b527f0479d29a8b","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.28-pr.254.2d21715.0.tgz","fileCount":19,"unpackedSize":555965,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAzNd3EAoenK0GeJMQPV7WLlGPfbtUS2cg9G1GiOjzWQAiB9OZyosz+Uf9Oenq8nsdyMhmNg4YxxilCBgwjG2uQCtQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkEjvvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpnCxAAkShf2BVVSJ4eHkJ7rhb2OV0zUxzVSjrdmVc1FUgm/nu5/jqF\r\nQH6gdtwE5qfENHNS6UJFwzqJCSbFyDtamLVWf5DCRM6GcHCTWfszI/OK6wQ2\r\n+lQq3OuT6ftpdn2KuHuONyJ7ETRPPAQdLcIABdnqnjITCGDjf7UtrWbDa4oC\r\ni8gBEAa9+gTZClrx9493u6cqvcGJYP7WlRtj5LXQN1Ytti/UkL8Dtdx/7g9X\r\nJb2i8NlRvW5IN4U5sN2aaoQYWNG8GtTNrF7+rc3ceZ8t3cxSXsZ4UCQc7elu\r\nCloCq90xgzwBUapHRUyQQTfsaxetSDUQ6hdCzy32OKjy9uFTya+z6imFh0AM\r\nHGhlUa7Grhoc1/IEC4ab+0rcmTxVUE/7OhzlWNLsqcnhh2hHPIAC+wTcc6Fe\r\nR6gm/grbrl08/Py5Y3v9Tap1Kl1bQRx0q+TQ81+JPTGeNjKhj4i6bZ7oN4GU\r\nJ3GoNWAn7q10zXee/Kb7RK9B1GQ1BkjOgPrCtXoDkXGVte/mfjhqyXSXVeNv\r\nvUMWyy+twN4YnELZWZqQBBp/ZgTUmjlmyshAjafvFbvtW0StTNNsmnw7R4AU\r\nqKku2UN0xShLrO8MnnPckFCPzCqoWV3Rqe2/XdGu0XaPr5ZQ4FTgMm10Fs7O\r\n29fcE3FyZnliDMqEJMdwzV9ZU9VhChyVzTE=\r\n=L8G/\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.28-pr.254.2d21715.0_1678916590727_0.4384447000661509"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.2.28-pr.195.bf4c7f7.0":{"name":"@kong-ui-public/copy-uuid","version":"0.2.28-pr.195.bf4c7f7.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.37.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.37.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.4.2-pr.195.bf4c7f7.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.28-pr.195.bf4c7f7.0","_integrity":"sha512-TATFjLGGWtw5LKY5/wL6SGV+XBmAE2mpPUF8/03+bYZVABq32x7C8VPW9I+/7dv3xerh4AMVph+A2Y2FpNVerg==","_resolved":"/tmp/c94c112fdfdd917ac9bf0e8fe1239e5c/kong-ui-public-copy-uuid-0.2.28-pr.195.bf4c7f7.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.28-pr.195.bf4c7f7.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-TATFjLGGWtw5LKY5/wL6SGV+XBmAE2mpPUF8/03+bYZVABq32x7C8VPW9I+/7dv3xerh4AMVph+A2Y2FpNVerg==","shasum":"9ae91eb76013eb8e0ff08bb042e97cff81afb66a","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.28-pr.195.bf4c7f7.0.tgz","fileCount":19,"unpackedSize":555965,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFhr92fHOr65j3XqufgPvlB4AHLvD2arUuOgnvOA07ZbAiAJMtZTGwkKdRVPmyRnLLPBqqNP+5rXKAbuhFANhXBO7A=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkEkC6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqxYRAAnGWGYTVeIGMmtDMz+yY0wtseEJ4T3raH3l+z+45BdWAw5AqI\r\nI4LgAKamW49LOw7kYtA4EV3lgBheJBEOTBONgp7wg1lVDybqMKDclBfIOnqk\r\np9TALZ1SGuPH1YEzEGvetm8J3W3ok9v/RnCzA21+ak55YtvpJubcC7g4qTQK\r\nh//YpD7xdvLzQS0E9WvbesEblZNW93/JeOEN/Rc76+Qo3qCwCDGoqBOzO5a4\r\nHeEy/38rpNb+OQe+2DUVdEWYbiC2M/oeCuLsPnRQeGLhWsZNApfV7ou+4Vrs\r\nWUiqCYDutRxc5OLs/hvpYxNz76wJz0hwdLPYMjj+SemdUUl4CK60vKrCJD8H\r\nuRSop1SJATy/vecHqNf/Y2q7qyG5GKM6LxEeg9QCqDQ1OZ2grlZD/xHjsR+b\r\naIrCw/JpX1jobVnq0lhsDTVB7ZmWfJnv03KHtRS7xuV8v1/d2mN3WA1qRA0r\r\nXh2BSiAZLibFqh0BSsMNIgCqGbdVXwb+0mfctUGaV/a7WrmE8TYlR17py+cB\r\n3BduMmkg6ofrKMYT70s+vhSXUkAGd7h6yLkkgIs46dDVNtQTC8fRAtpV+oFO\r\niSS8guhNa6ySs+EFZsncQR105OnJDErtS6hJ7lVFz/Itfnp+p7tH9wOITKUD\r\nX5nlT4fO/aISsXWfMIu0ubPmJ1m8YAdWIbo=\r\n=XGFm\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.28-pr.195.bf4c7f7.0_1678917818200_0.43487238784323523"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.2.28":{"name":"@kong-ui-public/copy-uuid","version":"0.2.28","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.37.0","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.37.0","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.4.2"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.28","_integrity":"sha512-LqYJxHvwegB0EcNmoSK+zRBARlciJ8M5qFsmu/rmLVIDY38sCfKLCsx2HlF1BXqTod2DxuSJb6nFXHWsbSe9Lg==","_resolved":"/tmp/e701b54004ea31a2333850a091227940/kong-ui-public-copy-uuid-0.2.28.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.28.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-LqYJxHvwegB0EcNmoSK+zRBARlciJ8M5qFsmu/rmLVIDY38sCfKLCsx2HlF1BXqTod2DxuSJb6nFXHWsbSe9Lg==","shasum":"73681187689ba0b7b6dfd80f3893c477f2416883","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.28.tgz","fileCount":19,"unpackedSize":555931,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE3/MYXTOGuMKWHY5gTEN8syl+eaSmLeHJULLo5JVJE0AiEA9VL66GwkChq1EAfXo3qnp5W6QkHoeTqJcrnhdp5E8S4="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkEkENACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmomtw/+LNSvlyzP4cmiqio1e3L2H5N5+EcGNajrtl0ralRUe6HXrrLa\r\nq+XenZv5Un73adUiJidJDF8ksWxu9/Iq4XW7uW5JTD4+1VA6+q3iPD6oWZHr\r\naRdntKMwDfRdaoBxEs45BHih3KXofcoQvp5pgGoZRQiDJlAot3vkJOTHOfIi\r\nvuYu1MrgUcb0gaHfJwV7XFJQzK+vE7NzBq1uBA0WFR60KVEHJJY4ZiGl8MdX\r\nTBW8GwSCQBRiamsmPIFJj3ReNONGqUCujAwkRlRAVR2HRqTRPjcOC/1GkQlr\r\n0YOcDH/H0SAI8YTGBiwDetovRQZ4Rli25HNCqjlgvUwVchLkkKl915ts8dzZ\r\nmS/qn6ZXndATKlnqKeaqiy7pklUFfH2JM0p8qzBt8bD111j9HxtVC8jvcsvm\r\nZAzEE+uwjEslPAHH/BzCdsIFBIgwac0c7vPA7RJFQ+Lqlmrlm/VQQTyz0YNI\r\nUWwsoClY7uiKNeQFrqDWHm9qbGgsjwON6EbfFdlNtIJAlOUbpGJGMWJ4qVnQ\r\nBBmtWk1LMunzEv9q43ZGNmfJ5JIJuJL1l9SnU941+VyHfsDQLqvhMtBDzcVN\r\n0n9PQO9rgnSjle2xqaGB7XalyimjlwZQwc02fKU+3LAUWIqAVVTQvY6QWU9j\r\nQNkYKZ7ej5OEbfKyvpK0DJhUnwXyc1cnW/k=\r\n=VwQV\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.28_1678917901382_0.7197424831071191"},"_hasShrinkwrap":false},"0.2.29":{"name":"@kong-ui-public/copy-uuid","version":"0.2.29","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.40.4","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.40.4","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.4.2"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.29","_integrity":"sha512-6Ogp2U82yvzfSo2wmDJNtf0Bt1G7xL3Ot8U5riSnIfuDlZYNezId0yNm1hFqhUoPTuG4jEymSZlXyHiEtFTQZQ==","_resolved":"/tmp/66e73d30060bddeed55d4fe54ce29d10/kong-ui-public-copy-uuid-0.2.29.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.29.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-6Ogp2U82yvzfSo2wmDJNtf0Bt1G7xL3Ot8U5riSnIfuDlZYNezId0yNm1hFqhUoPTuG4jEymSZlXyHiEtFTQZQ==","shasum":"bbac85f2f70d94f6aeb1484e819c210213ceffcd","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.29.tgz","fileCount":19,"unpackedSize":555931,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFGXMWrjYCNg2CDqDE/tDCLTmxRbY/1Twx64sBJGjMVYAiEA/8qhCW80jFZ8hYNwU59cVwm8SnyCcBjdAUi+DknI31g="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkE7XJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqFZg/+Pj91ElneeLBbuYDHkd2utu3WyrHyDjjt1blpzKmDmAQd4Wcb\r\n6xH4zplNPeOeZIST3ZWe4oNNTLVEblzSCR8jUvCykqyBfjKElE8/F6+oy5Va\r\n+5fP35lejdqQPVrqlqyFXW2RoPjscQ9cJTD0lvnZA61V0NRpxWQrkn2NDiOJ\r\nlO2xUqO14IMezhgEkcsA0vZEFUF0NynHJZJAgGk6dStFA5tDTFu5dPWbOyiI\r\nAPR7wbvztUmVVEOnYevY/8Ij2+giI0WzMs/OU9+bW9+1R2aNbPoaEjl5iMiA\r\nL1gxHLqd1WhMCpuN/rcZMOPY65T8POk1k7F1erdf4KMmW7XzOaUKEUsL7wuw\r\nN8JA6qWua41crUvdJALHA11vzE8LOv+zxeO0roIs3p/EVB6ktUwqshb4f4Tu\r\nZ0XtPVaBvo9hZTJYuBg4W8aZif6xC8WQ9KFEq43ahZGC5dWiQVZZz3ES5evG\r\nRcPZWh2OLPOavtiyuabuTUjvLghEOj95baL/r9P4XbCioAPAYdSHtLcpEp9q\r\nF0Mv1qyqA5l+FPHakbAXp3qBI9BP7dnBKTH0PKpJFCNWQ03xflthiHNT41M+\r\nPcYqppktBQGQwdP1DR1WXVNKykDuFLuC6NHjqXdPpKYKbz8qA9PVVbeNSsoz\r\nXZKDUUtau7uI4fIi3RfphTdgFTNDREg3hmo=\r\n=gD3g\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.29_1679013321296_0.23939331448320966"},"_hasShrinkwrap":false},"0.2.29-pr.195.36c8a35.0":{"name":"@kong-ui-public/copy-uuid","version":"0.2.29-pr.195.36c8a35.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"^8.40.4","vue":"^3.2.47"},"devDependencies":{"@kong/kongponents":"^8.40.4","vue":"^3.2.47"},"dependencies":{"@kong-ui-public/i18n":"^0.4.2"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.29-pr.195.36c8a35.0","_integrity":"sha512-8p2co+KtvB2/kjJSEOujK1U7rrXBew+E1sFzuwJEA3Z8aoY7W4EyjdQrfoEK705YTDLHEJFlXErzmGAPJmEawA==","_resolved":"/tmp/0262f4ed3b11e51916422856844d829a/kong-ui-public-copy-uuid-0.2.29-pr.195.36c8a35.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.29-pr.195.36c8a35.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-8p2co+KtvB2/kjJSEOujK1U7rrXBew+E1sFzuwJEA3Z8aoY7W4EyjdQrfoEK705YTDLHEJFlXErzmGAPJmEawA==","shasum":"ed7d19b49fdbc14a04452f271c9bdfd56ba8fe61","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.29-pr.195.36c8a35.0.tgz","fileCount":19,"unpackedSize":555948,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCNQ8jqOQaSeaUK0Zry5qVirJZ0XwhuhxAJjhcHjStyEAIhAMTt9DMhm1IuhSCJxc4jBZFJ7A885qLjhR/Re2lr0IGV"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkE7YxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrVsRAAlgzJVM3j2UzPCylvS7eg0X6Wrs7Tt0AMQWm4aEP5+ypRzZjE\r\nhUSd/FWk9hTfSPWuyJhUfQ6Fdq4H/ZfsmRUmhpmasTve3/iK0cSLlTa3DSFA\r\nVOfBRN0VrJuLkF1kD9QOIkEm+3DyIOkecqtpeloYE6ZwX//miHPhcKL7753C\r\nnuy1LarAR9Wm7S2xh0prHNcx9N49Egz8O96x1haWr1beI4IuHGaK9Yi2jyac\r\n0faC0HAybEG9H+8AJLtj4GvcdRxP0KohhSyHvTTrJX161BJ5IvEhabJfjYKq\r\njGe7KWVkDFJDbXwIUGgrBplFX4ESki0r255lDKHHn0rxx8fBa7IY1RStergC\r\nELziznOVX3WYrgSmL+pYCgVdosyghng3XiP7lypN/6j+/OLPAU/0HyTEnIBm\r\nZEKv4U1j9j0rMvgnJJJ8sEYijGo0Fcz2Sehdk4HCbViM8O8sp6OeFyQ5TQfe\r\nK/zPaKFy9Hh5+eQ2AxgOV/WFdlBONPkCS631Orj+lWZ2ZlsTtsaacuyBYnGg\r\nISCQl+0Aho6rftVYZeLCTAxsLPBStyJYi5GUTAG3Qs9CAedKf3iT7kl1M/hu\r\n8bwbmPwqMWd1fT80aVcV0LvZOtr7+V8VDmfn2UTKgomvLg1Taku2DdL4Mzjs\r\nH+g980iZNU0K4iAj8hzWv4KIzaHrMD0QItI=\r\n=zkHn\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.29-pr.195.36c8a35.0_1679013425257_0.783822624337545"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.2.30-pr.195.18d84a9.0":{"name":"@kong-ui-public/copy-uuid","version":"0.2.30-pr.195.18d84a9.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.40.4","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.40.4","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.30-pr.195.18d84a9.0","_integrity":"sha512-k6JoZVf12KxwEBIsKsloGdI2SX5WOQ8LwdHGoR7EKTF+is+UiyUjhXiivq5Vr5Kek1gN5FITEQ99ipaA5TzfBQ==","_resolved":"/tmp/1146bc66a7730a5c955e83f2880d994c/kong-ui-public-copy-uuid-0.2.30-pr.195.18d84a9.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.30-pr.195.18d84a9.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-k6JoZVf12KxwEBIsKsloGdI2SX5WOQ8LwdHGoR7EKTF+is+UiyUjhXiivq5Vr5Kek1gN5FITEQ99ipaA5TzfBQ==","shasum":"921c5d83e5f6ee3d1f68b9b873266bf9d9bb1e75","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.30-pr.195.18d84a9.0.tgz","fileCount":19,"unpackedSize":556048,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDBPAww7mVtGvYNjbJMwKT/aPxsJjkJrKU6B1P7/JK1SgIhAK3aZV/qnocNuDLtNlAY4If/ZEcuaqc5j6Vw+PJ/TCg6"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkFIhDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoHrg/+MWKnD70mNCa9yO7Bghadbn306PS7+m3ccILm94TrxdbfRgy2\r\n6mSRZvUoCxm/7+wsHzBLaLDKwmxO1P4atWnBSvTu5Ficq+QkG4Bf1OElQ73X\r\nUHcF9DbRm0yETSYM4xorutmX2z9Xa6mkEmQdMpTX6xRNcjmKkRog0ADJHTrB\r\nwSBh4Bg25tCIKatwV57zSyDqIrpsafuYx1ALvXwZGTCosjbCRwrpxh0xthRy\r\n6aNWVYM3VcozWgsZP8R8gO8trL4oHy4bXVofpsPmxGW7cTI1j6ukAv9bY3Th\r\naYtuUQpLvaDeRgHIBnI9ZB2L1nkbLhB2wDCIf4sJME7FrCQhjzWSjv7encca\r\nP72BR+2jdXGoP6af7CjtlwmBJQKQTINF9GtF7gj3thJyjCGNuO5LCMY5I7SN\r\nYK8CBHv5d0Vbx5P8ktH+vnc824VC23x1tezn8grOW9jwDJvW28zmrue5lyfB\r\n2Y2fg8HOETjIwy4J4seZrUcdzlfka+2dVA6vPnrSpp41DbLnjOWb25wZW6mm\r\ngYa9Qj5dKTXgVs8i4cA0lVgMCA0zSISJC9JsXUrw1DCyEiSbxsTtdjIsVr26\r\nRU4QbDggzZUYG9wqhYWDXe+URsbkk3+HAXdOs1SQ7dI+c4Uk100V+OwA+fxl\r\nrP9DJa0u9GEM3m+fETi5Ohs7iIaH12jyYkQ=\r\n=gTxb\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.30-pr.195.18d84a9.0_1679067203298_0.5844493033028093"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.2.30-pr.195.a145c30.0":{"name":"@kong-ui-public/copy-uuid","version":"0.2.30-pr.195.a145c30.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.40.4","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.40.4","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.30-pr.195.a145c30.0","_integrity":"sha512-bH+AVcfEFgf2EX/6s21l7WJ85BPyFkNQKTqBvNFvexaAYZfS27ikyc+hi/QHl5Ut//nREdzl1NWGBkw0XnJtXA==","_resolved":"/tmp/cdf694efef262add2e1f53dd0ae7d88a/kong-ui-public-copy-uuid-0.2.30-pr.195.a145c30.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.30-pr.195.a145c30.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-bH+AVcfEFgf2EX/6s21l7WJ85BPyFkNQKTqBvNFvexaAYZfS27ikyc+hi/QHl5Ut//nREdzl1NWGBkw0XnJtXA==","shasum":"3ee1d2b3d8564bae027cc40a51bc7cbc0e4cfff4","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.30-pr.195.a145c30.0.tgz","fileCount":19,"unpackedSize":556048,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCPiJLRFGKG3xlgjau4kthieJvUZYPZb4Wh8v4k4a6aiAIhAOSLYHcGGERU5NjAiqHVDl/gXYq1UicieVxEoPznoNRm"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkFIxNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrIyw/8CAd9/0wbS6Bo18rXnrKEBCyScBR6b93s1dknT+Y+aNWq7K8x\r\npLUQKB6H7wvsTVeJGOEkpZkQkzN8vkWtaE5UC0HVDDIUCuHXs9IrntswLPdg\r\nyEKYDeUFbwoGLjBTzme/BIypvz+sq7WFIRJBpDXFD17oJZnmH2D300hs5O49\r\n+fdS0j6zOD+xJBu3L4+IG2qs3NhgQq9Jxyrwh4KhGwPRTJPf2kQsQIYfXJ17\r\nScZ7lEHAYpMZ9Gf9iyXM1L4gVpvaPISPEPr95COmFekkaOIp/3fLCEs3NOOy\r\nXFgspi1/YicIEhDOdMxEOUYdiJaU6CzAiOcdy5WEzvvvZjF5AQ9Pv1lTEbii\r\noEng5Nxj9hp/P6szmB5BGiGhOuchF3X8THiIdK/hONix3pI+B7oDmAbZ4W8Y\r\nnsUrJH8b+fOUK1db3dcEaEr5PotwSfeWKcBmHF9PqQwaCzZ/BbGCqjeIupcX\r\nnnNHSMpC8US56YI0nbYHcKmdY4dDTDg1i+AtdKo9bndei9AVoYtS5UUiTEH2\r\nRQi+TNG3d6xTPAgC1QM1hy6vW3fomqa0N51CLK+al1TsEViQtujxIk3ZmSlt\r\nj8A4oQJnVvTWUPXXYgP+0bMtgAFK/YnxcZbkACp+gpL+Xq5Lo32jl9NKiD2T\r\nyOkLB25+qTLoxp3pK0jP1EVIwvb//fi8Aqg=\r\n=LHLW\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.30-pr.195.a145c30.0_1679068237381_0.6147440681476823"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.2.30":{"name":"@kong-ui-public/copy-uuid","version":"0.2.30","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.40.4","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.40.4","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.30","_integrity":"sha512-T/oBlAeGW98JVmDxhnfWZe37o6FNnyaMGs99/UffDvv5E2hE80gS81B6+/y0h7Bg7Cj2KnVK7lVuqLmQHboDMQ==","_resolved":"/tmp/3478831250b76fb54b5861c979ec61d4/kong-ui-public-copy-uuid-0.2.30.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.30.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-T/oBlAeGW98JVmDxhnfWZe37o6FNnyaMGs99/UffDvv5E2hE80gS81B6+/y0h7Bg7Cj2KnVK7lVuqLmQHboDMQ==","shasum":"4bbfeb3f096b750fcace72e1160801d78690b664","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.30.tgz","fileCount":19,"unpackedSize":556031,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEMCH3rvdN6MMyOEFjjuKBa3M+8orEPKvk53Tv5r82FHHdkCIGnka+E+nn5aQhY1iDdH3U+kT9EBAmFyz1X/hUUkalRK"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkFI0lACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqK0A/+IxKudCVsDeKbvt657Z2qqw63LgXDY9COyIim5AxuWSccl2Bm\r\naKw84cn1MuVLjf3NFIsftc2iT+r5Fqrqdl6QpvjoKs5cnv2cQ1raJXObQlsH\r\n2LUE19mp3ROXeogXHDbJN9q7y1qAsmBDzi+bqQ6SY3iBYS8JWepAr7SBMjQw\r\ntpnu4Jd2+mhSKur1PI1pOxxwHN0DnpmZvfnNQnuoN6ubSqQuZ11IEWCvrKmF\r\nBY8H6oqen/hHQIyXU37dH0Pf74yHeB9HgSjWTh8MMuXNAHRrQG/cO70J7YAD\r\naRrNZ+W87TXYDI/jPrQklaCXdkYWN4ygltsgoRBkmltyoVlpImhUZXE1R0td\r\nGUW+kugBEfJMzhT9Pv0Et1P5laK5ifAVp0KBppPtoCr9h5xVIG3os7T7Eg9e\r\nuZTyZP632CRijorYoC+0zfbtbRRHUq6DFSqK86pBzizg8FpU/8lBkNVXCeB4\r\npWSHGrlr0tQOn4M8/naJojS6aFJIdhsDCI73sY9tW1sPVbR+s5RkUn1nfS7r\r\nTX8y1KOjjth40ntQdWPqBOulS4K0CjFqYj6BPHsgMuEfvGpa6wE8rdkt+PIm\r\n0XC8GiKk40ZB/lpLV4F9CcpwP+G1qP+VXNAvp2XxCjYglBMr/ABu2XtHTukD\r\nJrq93bcvzBkWZTkXAn3V6RZGjl/nswGV4vI=\r\n=B0hZ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.30_1679068453715_0.6750414276953614"},"_hasShrinkwrap":false},"0.2.31-pr.195.5610806.0":{"name":"@kong-ui-public/copy-uuid","version":"0.2.31-pr.195.5610806.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.40.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.40.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.31-pr.195.5610806.0","_integrity":"sha512-XZV5wRpwJaQF6cMprS1VYoR8bDDw0dV5rdfqMzE9az53gnbGXbw8PgednnOS6wP10wZ9wQxMeum0Fq1uu5POAA==","_resolved":"/tmp/98e2041d0b28a5311da8feae3d2a123c/kong-ui-public-copy-uuid-0.2.31-pr.195.5610806.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.31-pr.195.5610806.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-XZV5wRpwJaQF6cMprS1VYoR8bDDw0dV5rdfqMzE9az53gnbGXbw8PgednnOS6wP10wZ9wQxMeum0Fq1uu5POAA==","shasum":"fb9e315a81b0862c31c7746e499dbc08b9dc1ad6","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.31-pr.195.5610806.0.tgz","fileCount":19,"unpackedSize":556048,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDZH9Wm9H5MYNZEZ7aUZ/KmLnDPZPI/iY+fbZPDkJu9NAiB59nADEFheCQ6g0DgeOuEBGb0qiINgpwfEXCOBFgw7mw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkFTJ2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp4ZQ//dzs5Zg9lo1PEA+W7xMUbR0YDHf3h/5juVJKzgyr1yCZvpoSs\r\nrPicCVJrs0CFJMO9LLVri8soE3SbibRapJdhYg84ONHj3U3P1KRLCXK5fxVa\r\nOy5M8oFRQ2j5awDjGuqg3QE+naBOziEdCce3/wtc8FfbFFu8iP6IyuZGlQs+\r\nKaC3/fhPfzkIZ8ktYJg139WL7DZNuOlsJCv/RfhIrBugoFq5RWNvuIysipLo\r\ndjq+pUzI2rtLrDJQ90Rcy/Bwj3GkQuQN0C09LEI5GT0klNUdlCsS996lhkMJ\r\nwz5PGTkg7dmWcK3YwW4Su7ZxLcyiz4qB06LgYbUtiHndJ2h+c9K/tmVeN+sq\r\nNgmeyyQFH6g8m+6TNCrQtsKyu5mG8m1nuOqsXZ3tYPliPz+qrRglOkzgjQwA\r\nSCvATINxhqW+KwRAzgEXG3/KK4PnVP74j0C30I/ogI8KhtTSwK6AMgkmLUNx\r\neP9Pf47OWQmlGW5MJfPuEB1FjWOCKeksVoCmPb0HcFAjrKgIYB7mUXGSPCKl\r\nIVq+fPXzqHXh082boyYZ8aYMxvse1nNZrtG0p/PSw7sWV1S2tqsftXe7mWym\r\ndq+gpZerMErBjjCtvEeWCsFJDalNyyPijJklGDhkggBAZcnYNuNi/0h+K7ps\r\n24A3ikcVyiOjfOAoIcpspH4gDN/VjiMyLVo=\r\n=1jVe\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.31-pr.195.5610806.0_1679110774201_0.1645973173804336"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.2.31":{"name":"@kong-ui-public/copy-uuid","version":"0.2.31","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.40.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.40.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.2.31","_integrity":"sha512-Jzsr5fWsI1aHgF6FHhMK2xE+gAoXeyFGO3hj3otnTLiUVXbRszAXQiOuKB4bcaj2qwCE4mwuDLpjFkPjkSgHaA==","_resolved":"/tmp/960b64eed85d46a24cdfb21c116f6b5b/kong-ui-public-copy-uuid-0.2.31.tgz","_from":"file:kong-ui-public-copy-uuid-0.2.31.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-Jzsr5fWsI1aHgF6FHhMK2xE+gAoXeyFGO3hj3otnTLiUVXbRszAXQiOuKB4bcaj2qwCE4mwuDLpjFkPjkSgHaA==","shasum":"acec8bd87c29e79049cb789c0fce22f49fed994a","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.2.31.tgz","fileCount":19,"unpackedSize":556031,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBRyHbUFtzM0GwQTvNFIOFuawoaV3ZL/8oSM5tLOollPAiEA43OTz9AGUCUe+PAdCxXExwsvP8jWj/ICUVwJjy0Xc3k="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkFTKQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmptsBAAnSVBAHRGuj2iUtpW3CqTQRjtkWjcf/UH99GY1aS62tRqOqhF\r\ng7/vLtulnoYHrM0vjMWGTWZhmvZHDeO+fdH2XYPk5yLbbMQkMH9RH+ZtKTww\r\nj7025fOUZikKfLR0NeHIGzuMi1+oGY2SEOAXjKWhXnwtiFjAmLrexA7qLh2b\r\nkRKriA33EwsjaV08QzW67uyONePH5xljaY/OgzDCLtkE+WaTfYQpOAUAIkRu\r\n2xmSifTGDEm/cRf8uHLk07noitMbHy3asPxDZj0GlKk7Swf35fgP869HdTXS\r\nXv80frKVDxq9vAtT78F256Xt/wlbBTw1SSljLqcJsvVUa2tZd7Uia0w0CTCv\r\n67kTjAroBl8lpfYnEfV1ciYkt8YVjQCq2pfv8xc+x3WXN3Xg9E6rPp1VY2Q5\r\nqQiw+ZREiIud7IgxMRGPhG36zKmHPA11TZqCbT+M+zS1sDVyE6Cg1XgtQE7D\r\nttJHN6m3LHpf1lzzY+Z4gBrAb6f/PQeMwp+MHHig5j7f6jSZevL/R/5qNhf5\r\ncYHbfZJ/MfZh+RIK1KwZOo89G5rv12gGGjk46lQ5Vdxdm0zdoIm08jJPHGyM\r\ndbQJ/1h/MAJHJGx8uJJHZJgsHX6KZcjct6biV0mCKyuPOXKa8xRoNlOLIzAV\r\nLCwbGZS/6GLWxOJfdnlcvzsRKdMBZ2V1t1s=\r\n=rUHQ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.2.31_1679110800580_0.883689561027803"},"_hasShrinkwrap":false},"0.3.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.40.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.40.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.0","_integrity":"sha512-33m/Lj88YXRVz1LqSVIRYUfu3DCBCmlWwHAgIUYkza/OS+A1lrM68g7U2QIojuvp80QJOBjv8xOugklwU++Ieg==","_resolved":"/tmp/063a17f32caca96a81e8a0fb3d03ad6a/kong-ui-public-copy-uuid-0.3.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-33m/Lj88YXRVz1LqSVIRYUfu3DCBCmlWwHAgIUYkza/OS+A1lrM68g7U2QIojuvp80QJOBjv8xOugklwU++Ieg==","shasum":"a5bb40ba25552e938446dd1675e8cb52e713a6f8","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.0.tgz","fileCount":19,"unpackedSize":557249,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCTKvUV6VMzg/2/jaBTo7scuwMN85UuPzvJXyjnqOSjTgIgKtDPbMTpM2zpr+hcKS6+H0dlYl/tedGkxPMybI7BUmk="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGXvZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrYYw/8Dh3c+jiotIhpeH5ttafvzM5BdEgGdqvHc+oReIycGqPMRy27\r\njABYAe0GEoy0xBoneukmPLtLAnXeDFB81hwplvSZS45ik0iW2LBMGpq3Rf4J\r\nhod8JDPTN+N5BeBOnpF+jhoxLRolU/WrnR3yiebMyYUhjpEP3hhFMaalzHkA\r\nObHuv6DtfMFSXUvJFdrRUcAE3nphwjxUfnNOh23q1+Pf1B9CXjAjDntKiOTN\r\noIG0Q7oEQ8rMQZoyWTlv87Qzrd2KJQR0UEmCBX8Ta9wHz8yxqCqpNeCSeN1k\r\nmtUbPB37nOpAu58tttR7iZV01Mx2+WzBIqJZPLkZjtHPKEM8vT3Yo0xxDLuy\r\ns8a80zCexG4xd9Bc0pVjI4Fq2Yh03LcBiYIlxvkMjuifMEVFU2BGJy+zhFbS\r\nmtXR67qOLJrWsM4CmfeHnMd/LxAsaOre48sgDJaqe768BXh1/wms4MB46eFW\r\nWyi4u6DgtxGcQSBs8yOHZ7bqjKfsIeXmrXoZ8FLKeA0fmKPRYntD/eHVTKVw\r\n6A14xMT87/4t0v6nZ1M2r9oFQzvtddbV81v2s8uYT18j2pl7UoCCO6pPD3i1\r\nJETb1SFoJF9UedwCTalhU54u7jONSuzHKOc703owX+JUSDXx+kqXffW7BtOi\r\nUsvq5NWnaxRIdwkZESFWgIvkfH+XfMWhNcw=\r\n=mv4c\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.0_1679391704869_0.969530538790599"},"_hasShrinkwrap":false},"0.3.1-pr.195.104a2ed.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.1-pr.195.104a2ed.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.40.6","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.40.6","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.1-pr.195.104a2ed.0","_integrity":"sha512-2wUo0FOcEumWJ/JHpzKYiZDAq2ynKoxaCBdf0u4lXhlwB0Cro+rOlcWZX2jPUdQQEzUBzYQlj7fiz3+xbx5VNQ==","_resolved":"/tmp/828977cef5c1bd7c7af5f235e401b055/kong-ui-public-copy-uuid-0.3.1-pr.195.104a2ed.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.1-pr.195.104a2ed.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-2wUo0FOcEumWJ/JHpzKYiZDAq2ynKoxaCBdf0u4lXhlwB0Cro+rOlcWZX2jPUdQQEzUBzYQlj7fiz3+xbx5VNQ==","shasum":"9c7efe64688d66cd3cd2199a3b727b28e3133816","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.1-pr.195.104a2ed.0.tgz","fileCount":19,"unpackedSize":557266,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH0wOwgH5VcC86E5PO5+iG0n9g5tklDVo5HQr5ZHRf2kAiAvDVFtnbQ8S+3oTeDXqJKB/HgFPtGwwWVmA9d8sjyq+g=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGe3UACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoxDhAAhDP88qf/jwCgrl0m8vxIEKvuz4GNygO2oO8plXC58tbZp6FD\r\nKW2mJuxwgBNg5cUWqzBb3zeYJOgUDi4lm1ZfuQytEDxcXoKWI81qtkbugg2C\r\nPhabdfE6u2Rgrcb1cwPJ47o65jGwQvNUy3xOHi2rEcSp63T8dxPQDvpF8kTz\r\nvm/uPAxLnyvCviVYPU8UYgo2q7y74H7AmNB9JKDyXPPKUuhEpNKav7hLwr1z\r\nkHscDpA6fTpBK6/IIjIZvX4YCRKEmGvQW/Ki0iwLIKL0E+mD6bFOsJQvA+Jb\r\ncfO18STDd4xR01FYUr32x3eHc3UOSLNJHoAMkvMraSfF6yMcJ0kDmENqxZcC\r\nsQCBGdNeeW7VKUJy721wcxGmu8cvRamfxPa+03hqNYHXdBVgb4yRAKlMl248\r\n4MVJ1JWWvqsgmdCf59Hlshw0lQvvKOrECpjnJHo6ZGmxg3K2i/GcYyQwBgl+\r\nXKlgVUc8wK7FIa6VELCgy7pCfILvs9VfIArxiZlg4KrKFTGVd+VgeBIRprlh\r\n04JfRFrjw0bNZ17zfMV7jSiSqgVoeKPYkjelQ7lz9iTP5NNVX1dmM75fOZJn\r\nMZS8/wxbD5sXENFVwcJDPNooX7qSHfhB9JzwNzjzotFh42ENjDgGmVtq7ZBa\r\n5yqu1xvRM44zxbgWbCitUFf5S9qKyb1LgYc=\r\n=VekD\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.1-pr.195.104a2ed.0_1679420884260_0.5475808556713126"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.1-pr.110.ee62da7.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.1-pr.110.ee62da7.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.40.6","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.40.6","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.1-pr.110.ee62da7.0","_integrity":"sha512-JdZR4Glu8c4YKvE34eCVviq673zDdGq9Wm/etwSdiOmePUTbtZdbGWsaslpNX15Wuz843PBq88nMNu44v2qvNw==","_resolved":"/tmp/0af6e2ce0ffe31f955b8183e330a7123/kong-ui-public-copy-uuid-0.3.1-pr.110.ee62da7.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.1-pr.110.ee62da7.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-JdZR4Glu8c4YKvE34eCVviq673zDdGq9Wm/etwSdiOmePUTbtZdbGWsaslpNX15Wuz843PBq88nMNu44v2qvNw==","shasum":"895c24d8ea25fc3b6fc19bcce43b465a80e485d3","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.1-pr.110.ee62da7.0.tgz","fileCount":19,"unpackedSize":557266,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGs60ZVZJqks2iBf/8cF3h/0nxItcsQXvbsx24MnJ+qVAiEAxXO69cK1JjGysaQPN17WjvYxjAZ1gbB91Ty7dutWqSc="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGe44ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo69Q//evJ7mqI0HREgfBb6CnYSWAhPKUfdN81ku2WCykpOvPuF/k+7\r\n5KK/6Acq4x4DpRZn8g2ACIsP4h8f1syky26/x9R/jvB4/OMJkW3Ikf6RyBqy\r\nUo7g6qITajKp4B973iW9Vxhqt5r4c9iLNdy7cf+CHr65oiEYqmLBkwiij1Uu\r\nyKeOEC0PuTETBLfDa++2OmJ38dzeFKBR6Up4VENsS2gyR+iKkjnThyWOROBF\r\nNzFmDPNwOwj/5fkjZ+hV7HxWADGnAlES+W/OoEOrc6Dj42stcoXrLcfxXWE5\r\nG7xkP1PiTC7HDZ078pU2JPQ5U0sCS2gzx/dQw4OmldWj8I2Gq8eSNrtwrjEo\r\nYLNSJMFLc0+0u0hxbW2dJOaetG5ylO4QuW4PyzjpXEOf1BdeRkttoa0XuBKS\r\nynkUi8NmbJqK5VBSCgcWeBWv1G5e9MOCzfC0EqUVDms8QUXz3GAcPmFZpZVL\r\nbe0v7gPJjtS7CzcjiXQcO2lP/FAv0ncyACrwxcHCA2HUZmbPVHoUgFZieSGX\r\nBptRQVf0VvKFKE7/iE9YpBh7jxUe29ZnFUvvscZPCR35x3PXLzplf3OUh7VH\r\n5j7281UFthFzybX1oRebTGLsWq020k0H8XesXVCNHW+EJn6MhgS+jid7fvXS\r\nvlVjBCDk7G+G58d2qjyGa01RQkUTlarpooE=\r\n=QmGL\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.1-pr.110.ee62da7.0_1679420984141_0.41880638763558653"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.1-pr.173.184a1f1.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.1-pr.173.184a1f1.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.40.6","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.40.6","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.1-pr.173.184a1f1.0","_integrity":"sha512-ihyr2E9q/lrQrK+qgGjsaDoValyD3SJ8QrteJdcgWoDjCbqt+VnFgMtSJe3qdQXQ+B0pyvzuh+jqa3jsTEDbzQ==","_resolved":"/tmp/22fe50c9e65aea3186771b8dd68df011/kong-ui-public-copy-uuid-0.3.1-pr.173.184a1f1.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.1-pr.173.184a1f1.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-ihyr2E9q/lrQrK+qgGjsaDoValyD3SJ8QrteJdcgWoDjCbqt+VnFgMtSJe3qdQXQ+B0pyvzuh+jqa3jsTEDbzQ==","shasum":"6d8fd30a35bfdfc7e59e4939d3cc378f39628dc5","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.1-pr.173.184a1f1.0.tgz","fileCount":19,"unpackedSize":557266,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDL88b8QGkyEwmT3a205YfVLJ83ZlNMEDw+5jbQZyl2LAiA7n/bslXfoMKiqA4gUR4jhCMvCU3WLrKPVCXnFkdImcg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGe6lACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqOVw/8CJy4MVzemZKHQfpHMMXwRgpJXvvwZKNL3G1/spnIszoDae1k\r\na54B7N6if3FBDpfvKfpcvoliG2TJF1KAFvlggyccT5m0okBKFvod52W98L73\r\nIaRaW532SEiedLaD7/6XCRDfM1n7kzs5+YAQIVvtDhjEfzxRM4KXjxWf7knD\r\nQir6shBXI4Bq5f3UH8o3yj2sz86ohOi39sYaFQ2Z231BDdGvjVQKTMmg5mqa\r\ni0BhRboKYFuI48KmkfQC2yKTAUAl+cNI1CR/3LTiftNva/f5iMatOpO8s8cO\r\nCK4v19WGpbfghfhzwXluO3rsZzXd9mRR7E/5jrcO3vvh2uO3A6a2+Ljkfht6\r\n0dMVEYj5j6yQrANuILKKxebpHfLvQEB5QrLKSQud9vxTnUt5AHMGCxUJTg/E\r\npukpOiEbtc6M1eDF2Y+o9bOBWevt91bCJNBC4mU2QD8nj1ngGjDVuOdhv/oi\r\nNkdlRv6uBW/WRgEkQ7rSm0qhAMCGhhKm/2NZYk8J5XQcoLgSjxAD0ydDu90c\r\nBjdXoygUTExgMjC7H0wD3sPX4oRCvr5eyThWOnkDr8GulkkCMXERWVvrI35V\r\nrC5Hckc4ogZrETWE71dD6+/2birlfuH9Rt2IIYlqkQZC2cXyDtvv69aJhAq9\r\nGuZ771opaqc15Ik2JZbOOsJXw3caYxbokeQ=\r\n=nNng\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.1-pr.173.184a1f1.0_1679421092977_0.04369521367095541"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.1-pr.14.2e306e7.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.1-pr.14.2e306e7.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.40.6","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.40.6","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.1-pr.14.2e306e7.0","_integrity":"sha512-MKN7fczQjtgDvhlwvn2DsFVxZo4hUt+lZXJhEbqY/GPDlL7pbJPgRjWov1z6LJNRHaJCkqsd+VreJu+HbcJK+w==","_resolved":"/tmp/76eadc73d148633cbe57f2972ee19373/kong-ui-public-copy-uuid-0.3.1-pr.14.2e306e7.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.1-pr.14.2e306e7.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-MKN7fczQjtgDvhlwvn2DsFVxZo4hUt+lZXJhEbqY/GPDlL7pbJPgRjWov1z6LJNRHaJCkqsd+VreJu+HbcJK+w==","shasum":"aac12002169c10f614c936ff5d32e42f54fefafe","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.1-pr.14.2e306e7.0.tgz","fileCount":19,"unpackedSize":557265,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD3r6RLq4027A98MACsUiDkSueMSH1uGksXjCA7WLUWTwIhANYLK0OWKRqcQ1hOIRNyk57RoAze/ZFWabrFP1fId8sR"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGe6xACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqEQA//UPhWjXa0k+eolIK0/bsVlSljfLu1y2/7/QmaRvcfc36Dy1J/\r\nnQkxneGmcxhci21qpU+E1AYebxk+9ZzErXy5FbEkdlOLFP/Pkmku8J+Al85S\r\nMi0S/SsR3uoH9PU6w28eHcpvusYdoJk/3QUccr26dGxY4NLDSteAFMyz4opu\r\ncgr47XRf8bW945/2r6FbZV73AEyqk7nmI7oxfbAUdsVo7K2LlwAZepZaUMKD\r\n5gxi+06I8VpoEE9iFFT2CPtsvF+vEYeDIV2qsXWN84m2uZonjixiND0mafG/\r\n9XsNNYm6S1spRaL3zmhgptyqdmm+II7+p1flUhRuHpYhwWmi45gRaCOUDmIX\r\nI+7yqEoee+gTAGKlJnRWyFrgWFnY/gX0KwFwety1tT6B+lwYANTCbDgo5OWR\r\nQNPBmY7K876a2OxL0/LntiU8ocVYifaZsiQ66xzCxIQwNpa+O5UerNQp02Av\r\nvvBbkmvUPO/E+RjzdiXDH3m4qSScy7876G/T1IhSusJOH8Chvpej5whwXOkc\r\naeYAimoQu4MBuGVC658QWTbrckB0bJRA0ujw8n+qsJiKGaLXoOxQGVi+v3z3\r\nA5ygB2f6IXSw43HEewUsOycfH4O2vw5bpMAxM7Ek1GOoNaNIys3IMIbe6YwG\r\nzm8yY69PgCcZzC8bEnyrytUE6QxLIZI2Ngw=\r\n=pLi4\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.1-pr.14.2e306e7.0_1679421104870_0.2843485214279633"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.1-pr.132.0f1fdd1.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.1-pr.132.0f1fdd1.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.40.6","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.40.6","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.1-pr.132.0f1fdd1.0","_integrity":"sha512-iRo8KJg9JsmZyI0pD5QCENa0cFnZVluDdS+QAWemQOMcUBr0e4WecPOoOeGuPIkga64Hug7NrpqpRoK4vDXZJg==","_resolved":"/tmp/8578dd0b9fa2e27356261e558ff03628/kong-ui-public-copy-uuid-0.3.1-pr.132.0f1fdd1.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.1-pr.132.0f1fdd1.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-iRo8KJg9JsmZyI0pD5QCENa0cFnZVluDdS+QAWemQOMcUBr0e4WecPOoOeGuPIkga64Hug7NrpqpRoK4vDXZJg==","shasum":"114b381c5fe6d4436d0b01655ba5bd0c5abd7fe4","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.1-pr.132.0f1fdd1.0.tgz","fileCount":19,"unpackedSize":557266,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGFNBJG/UH+hTBtaHIYL5kBtsgGNXmd/OQ+zqND8a+GTAiAgX+pJ6fdqDk9Sx8vAkBZYutnzQttKD1aaHzREk1C9wg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGe7FACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqDJg//W7QsKoGrg9/nqhLWKeno80WZU66LvkkEdR5IPbhjiy8yLjrE\r\neEPNtEne9Oyz05eke7kXlJ27U+9vZiNVXNcQcnpybpaDNtVn0bE07hW/sM5G\r\nkbgjok2lS+jmc5EejwUSnfP6T15BZbyj2YH1Bo++hYZUy33iSTQpwcIPb4HT\r\nmtykDj3Eesw74hKQmcNysbVeE7mprDopFMdnRFl6gWiYj5ssl8p2+GX7gYCM\r\nBwB0LaHrkU3F+UoDZOFhWIANyJXBj9F+yNCfKmqiUob2KuBrn3ozW12QKyVk\r\n7pNHSY3SlkrIZBb8R+rlJlNpP4J0aJ3Da9kVqymTvpccEIYtILNehKG7eCWo\r\ndnmRNz7e+fgMrkt9eb4NJIwQWF8aP2bAoMTpfYF0fKpbmBInzsz3RJGFlS5Y\r\nHU+5kFZ4ISlca5dJfoXjA61RvgExLsTrUxuSjoCjLBHQGuqcPOtRUCssVYti\r\natMEh4vCrLbnWcOuYlBkpVrH8Bbiq4hwsle5/C0hpwk/j/Ktkv6FbUMCKbMm\r\n24eqtesr7NyKkKzcj/9vzltL5BBhMMXke60KCqXQx3/h+IvB2snG41GTrTyU\r\nRlNjV/q/XMbONVUIHK13t4ASg54H49snqF5YFyV3RXLrvtkHYxmsVwOfHYz4\r\nQPCb1DPK0Vl0aaMsZ/drB5Val8SsO6Bn2CQ=\r\n=BNS7\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.1-pr.132.0f1fdd1.0_1679421125648_0.5484812746776557"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.1":{"name":"@kong-ui-public/copy-uuid","version":"0.3.1","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.40.6","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.40.6","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.1","_integrity":"sha512-cTT0NUfEfvvddxtAM+wjDpEigJ9gYdvPtqywjXku8J9T+U/qyvy9IcU7XSSKzWsecyR2RNZPTxw+8gb4YoirHw==","_resolved":"/tmp/ff3e2aa33c79956635784fe0f8aa6125/kong-ui-public-copy-uuid-0.3.1.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.1.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-cTT0NUfEfvvddxtAM+wjDpEigJ9gYdvPtqywjXku8J9T+U/qyvy9IcU7XSSKzWsecyR2RNZPTxw+8gb4YoirHw==","shasum":"11b41db076475c3706195e112996e55e5029bb06","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.1.tgz","fileCount":19,"unpackedSize":557249,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHmbl4RLZbPorWit9u1il1lVf87dpVzgMpK+LTZhqXL9AiEA8ZSg3oS9Qlcn/AG1YjsocStS/fkj4+UwDRAkKAbTQBY="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGe7cACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmonBg//b5/fxKgYQ0tHm3KsCocws1/Hp7NuECbCC4gZa9eM1aSLFR47\r\nWZdAuUmJw3kQc9elFpmHieK1eMJO7WWLmIqlEMCt+RsRZj53xDXI+UwAB8tq\r\nmydrmF4TgMZht+E4KhwSjGp0H7xDf2Ys7QkjaZc6KdQEQ7NRGRyDJhmkINg1\r\nYdv9uh3zOnz2S1m9s/fW6sE5YICkt9/syQ6/+nSX9a71i6EvM4KMkCYFiHGW\r\nP2jgP+YrlgAh8kyH1cVJFkO2EBh/aD1U9FvEusWHwKVotUtSY2VE0NXOOGBU\r\nsuT0PCyM+m8KPyXGU0KFwAbAUnlNoiWoCXCmOnrkenL2Y9TbE5UuLz/QPgDw\r\nb6Se0MB1y58WBHujChax15WOg6VNljF1mmINqGb35pOLQGDfsdjAvwPvfYXd\r\nexKtGm/ApNTahloWnWQkB7EsqC6Xl69Qhrg/QDTEBH4g4Y/+++W4NEVXrrwq\r\nk5H4W3aN0sHo5jqF0FQ2UDrTnwc8rPFrIRmGFnmwr8t6Tv2GZy+wA1vSmTLH\r\n50t8Fx6PuTjTp2ZCel3vFiaHlC0CcroB4maMS5aAjeLrc+hpB9XrvEaCTLqg\r\nByAVmv5sy4wQXnWku7WEx243TWwW1C2FGC6U+QP9a/ZfgoUOZMCxroBUGpfA\r\nGGQsvQWL0INPqCUouEox/ppqmtBy3TXkBE0=\r\n=Dq7q\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.1_1679421148251_0.7668217954428695"},"_hasShrinkwrap":false},"0.3.2-pr.195.9f56506.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.2-pr.195.9f56506.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.40.7","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.40.7","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.2-pr.195.9f56506.0","_integrity":"sha512-iuom8BUUC5LvfaTjf1VE/W8QHJDndW01LS7Xe2iaQW3loTN/FJ5BY5UWB6F9Mc6FjWIFB2DA9oZDBQDBuOsEUg==","_resolved":"/tmp/ca502e11f4aa327fb7997955ce1ba289/kong-ui-public-copy-uuid-0.3.2-pr.195.9f56506.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.2-pr.195.9f56506.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-iuom8BUUC5LvfaTjf1VE/W8QHJDndW01LS7Xe2iaQW3loTN/FJ5BY5UWB6F9Mc6FjWIFB2DA9oZDBQDBuOsEUg==","shasum":"e1f79ec106faf85fb1bc7c736e01a92a136f6d40","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.2-pr.195.9f56506.0.tgz","fileCount":19,"unpackedSize":557266,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC+oSde6V45eyXlYKeLrXpIpcxl2jRp6kBoFCo5dCHI2gIhAIrPZgb4qgG/HH7me5aRtTlWFTIUtPPyaHG/IEkf5Ujn"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGrgsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpilQ//SaviBJkMLeUp/t0RasP8Bp4zSejm8pc2oubRH0BxHwdQTQ40\r\nzxn/nTWJkeY2rAnJzvcwks50gbzLYN3U2qLFU4J8lzNQZeDGI0ZRjRsrka4l\r\nisvfGPiX5VQdmOnvbC9JcdkHu2FMK1v0ey+PuV3tLtdojeRE7L8u6DRCHnQY\r\nHqzLjN4huadQzqoI/gChgMCKRUxmeLqt6qdVpIxkAmOtEb9pnChOsvwEMgPM\r\nmVAd1x/akX7aXUJFo1jHt8vhJ0+ndK7exMcHbjFmlmvkIdau03YlDlZdDJ+8\r\ndT6nivSG/mBKSC36m+LnkiR+b+Xa/hy4wYxmVMNr9Ay2/d1E5OTaoPJaWC9k\r\nkOuONqoqU5rLoskP9eHhignx365kOwTjg5sGEd6m6GtA4hxzNtYUuu5BgW4k\r\nBBOfTgGBU31cNheKGHaCxyjC/aeUkzmAt+xRMK5C6merT7UUbLy1KiIsmeYl\r\nhg1HRTJgjVMWVvauBLBHB5+Oy2Q+Vo9TxOiTtHrI4Sy5xqqO8grw69iUvcCB\r\nLR9hC8oBq6sJFNKJuvCHMTvnnCaEYLwjYI9u2f4kT/IRkpm+/mT9FeGQAI8N\r\nibExF6leFTaqwSh0LnyrwRoiq0OoTqGx2Fcosgf1fCLrmVxAkurQDO5KvIog\r\n25LMzaG3jjpwFR3w8aJzEGJBVtImzRtIBh4=\r\n=tz7h\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.2-pr.195.9f56506.0_1679472684394_0.34360296799635837"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.2-pr.110.2dbe076.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.2-pr.110.2dbe076.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.40.7","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.40.7","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.2-pr.110.2dbe076.0","_integrity":"sha512-HMWwbwKt+/8v+Vx0TewG5roPLwyI7MNSwSlJ+xHCUtYKOz7BnlB/SnWw2fMLm0rJNeL6dQ33nweCax1bkcuWHQ==","_resolved":"/tmp/a3d7e9cca9738742b31fec15cd671670/kong-ui-public-copy-uuid-0.3.2-pr.110.2dbe076.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.2-pr.110.2dbe076.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-HMWwbwKt+/8v+Vx0TewG5roPLwyI7MNSwSlJ+xHCUtYKOz7BnlB/SnWw2fMLm0rJNeL6dQ33nweCax1bkcuWHQ==","shasum":"4d49fe3f2bd0ed4622d868c77a3dd3c9ef9e5127","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.2-pr.110.2dbe076.0.tgz","fileCount":19,"unpackedSize":557266,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHZd/9mdJ32fDI6Id59xyPZ/xNYWGEr0eGYdd3bifb4HAiAzXt2aDzEPXJIOFVBQRmMhs3QENqZZJtuPCmhfEsGcIA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGrg3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpUGQ//W124N/Mc9eciYNoWnlGpL3yo0BcGTmA4bkiFOV/WB2BiHxdA\r\n4XuSq58KITAnIAm+WNhFjmji0DLTkdmq8coTYrS/4PLm3syAWByFBmNKvp5R\r\n+B3zOptR7swOAantcmbokUX1ec9CjeZMwG3mhpxoW+C3YC3zZdb/zCwvnO93\r\ntdPgo7U+i29IXiV1UPydaefymp7bcSe4pu6MSO8iO+d8YuugEaGZINtNO/Qx\r\nFgcqdBRgPSSIr9/smc4vaRZuHJxP3cPLYuu4aTa55O3KDSN0AXtcBEW+7Flc\r\n5exG8Feg5okeX8kkRFPqCpxjXC0Tq91/NyVmMtYAIA9AmWum4OM+iHsswpyA\r\nHUVDhTRj6wQ8xc+napNzj933kEb+kgn3p+A+g80HOWYqYWpvUlejRTNqxMnP\r\n7TZ2VrYDuN5gbd2ijKcIODOV9iLnMNEurZIeVsDqTNZddFdf9lpkJPe7jWB+\r\nDs0svIXXdX/u465KQPJz4WZA4rE4BUHHCzzzdDGntHM2/GmYysytPWDiOdSv\r\nc3jbCjdEJwXTPm7TSGsO9z2eDCaBGLE83SssC3FXJv4xFx7LuC66x+EO2Ntb\r\nKOAe3oEZT0EhQBy08gxoqH/AOpFFni7gZRI0IYqqCmZ0J5qcFt8fDggV7mBO\r\n5CQ2wNVnQzuSQhVW6t2u+inhemzmlDtkR3w=\r\n=RuSd\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.2-pr.110.2dbe076.0_1679472695299_0.2613975289160604"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.2-pr.132.58e73a5.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.2-pr.132.58e73a5.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.40.7","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.40.7","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.2-pr.132.58e73a5.0","_integrity":"sha512-FOD7Hffn2tgjjq1zzYxQ4SU+6ddzLba+GNZ3BhxMZTiJuUtCVjjfCExbD+Q+U5snn4Bdmgp02xbg52WgrOx7GA==","_resolved":"/tmp/c729929b3209c68b502782e08bfcbff2/kong-ui-public-copy-uuid-0.3.2-pr.132.58e73a5.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.2-pr.132.58e73a5.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-FOD7Hffn2tgjjq1zzYxQ4SU+6ddzLba+GNZ3BhxMZTiJuUtCVjjfCExbD+Q+U5snn4Bdmgp02xbg52WgrOx7GA==","shasum":"7f2f8b9f4554b33a377ce40749462ca81c38b84e","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.2-pr.132.58e73a5.0.tgz","fileCount":19,"unpackedSize":557266,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBvgaPM5Z9lOlyeXCbTXWb6YCmGr4Yoto4O0mwNAqVEOAiBvYjDo2zxW3YK3L/diuxD3Ft9TIcR9O7L0hUHymj1vjw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGrhZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoi7RAAnxidvbiSknB3WDJiapfyokSC/hXzJhAj1AXeBQFYjPSzfwvv\r\nXEkjtpLrqLmOgn/9Jk2XTT+QGwtujC7N5we098ggychtv9LG0p4necdP2Al6\r\niIdTJtSQJdGl5JP0B0C6brVy9dL2eVQGVY2IaArUPr/BraR+A4835GZwAsjg\r\niGhXEK8wprk0njIDleCt0gpphvf0dAbqIoo+wD3Q/Tuz/q50KwGXsz0vEiz9\r\nYBenDOGcfX/adEkZ1BsJ8djAXK5bz/Hz8DezQVHncAY3MuQLrMI9YpK+qJjQ\r\nXhg2sX5bvjZl5aR8YAV2U3knQ23XdYWJwSt0OeHEUvEIMNWiLYLmyMb+wI69\r\nyfyKK8Op4XT7ghH7X9cDX7P+tzaWtuq3uEjuNQkhMPZAfE3k3BnfR0/8W0n4\r\nLm+q9Voo2PNhRHHr028Hffkvamx2cItbTDQm0W3/8T6UsFgzxFSpxCdCdDE/\r\nx/5yna9I1qOKSAD3LMSvXCMAXWzl+n41vdii2mbDmFyTI+13ZmIdkM9UxYMp\r\nQJkA7S8cq2kIoWjicDlLB1oDl/d3K4pj+FBBV2RoWEs8Mw/kPNiG6xIdbwC1\r\nwtPM1U1LiPQU/zQaA59h/dbpl6I6J+e6+IPaLATGyWGr0CmKVGuIl6/FdHjK\r\ngPBgKMsxNxHowziA0FP1z1sKUJcxYD5MUz8=\r\n=mgYN\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.2-pr.132.58e73a5.0_1679472729669_0.23684570099618285"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.2":{"name":"@kong-ui-public/copy-uuid","version":"0.3.2","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.40.7","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.40.7","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.2","_integrity":"sha512-2OjLG+sqzkTKbpDu5tv4QINgQVLWFjHu239jtqh8QcSQ3g2/vb8QV1yw06XauNnpu8LP3uFknfRS511onDrOoA==","_resolved":"/tmp/548088c2537c9a7dbf2f20962e4bb05b/kong-ui-public-copy-uuid-0.3.2.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.2.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-2OjLG+sqzkTKbpDu5tv4QINgQVLWFjHu239jtqh8QcSQ3g2/vb8QV1yw06XauNnpu8LP3uFknfRS511onDrOoA==","shasum":"0856255e87bb57bb944c347048beec4e892d806c","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.2.tgz","fileCount":19,"unpackedSize":557249,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDBO1yuJiazZ8+AfQ/Dslgr/79vi9VWlpXxQHvNquh0wAIhALbkVBKT4H2BZ/9iL4H37cwdexvOk71daoVmCtK+wMxy"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGrh/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmog3g/+JnMnVPTg1tz7rYqH/Ee1mGK+wkTBSfSHTYq24aFCZTCC2BOW\r\ncDtel5D/DfMT3CrO9XhEZz1z5hpUcJnjQa5hhdiUHwLOqdKnByOabHCEqjkr\r\n/HLnVaIQVu9yT62KMlZ1hAyAsmADMlk9URkH1PXnqMss/2yVrRyvYT0ugITZ\r\n0ETKGJ5dUiTzNeXMWbDn+nX7FrcqwJzZwfOQo/YDYN438CnyMIwslt1lqL51\r\noS/28cygRyjlM+aC+Gpqejh/hd44Fv4AwqabP4CzyIixPHkpTjZvll0Upjzz\r\nr2/tHHGFg/WiXJkxibAj9at3ujwBSsiL+6CtRoQciZUvgbhEK+NcJqb6Ptcu\r\nlWfADv9x1IAcOXsA7I+gqKBC2iDcCIB1MQtiqOegQV6mR7lqGsgVUQE3RLS1\r\nHsCROjJvDPs6loE/9O6yxH+1AhtKWaXrXfAJ99CoLoQFLAQDzaWDfciDr00u\r\nrIfvan1HCiqGoOBq5R+6biL6OKLYEonKXTOedaFXAEzBKynNccHelgSbXfSL\r\nWNuKyGyjYk7m0QDS3h6uKAn5q3nlOktF3L/e8LMJtRmr0COcszuk4W8mHMrj\r\nd3Smk8IcCy94Fzo3IF0HZ8sgXHlSFsdcYC1WoWiG0csWvXhCEMoA+DbN60Nh\r\nBK++tJzxrGMnhdLgEPHCsfVukMhfumOTFnM=\r\n=Rs6w\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.2_1679472766760_0.6419065638714716"},"_hasShrinkwrap":false},"0.3.2-pr.269.12c483a.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.2-pr.269.12c483a.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.40.7","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.40.7","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.2-pr.269.12c483a.0","_integrity":"sha512-1sBqqjgzS3r++Z1jafUOVHv8mZxMmEQPpmflYahpg0i/o5q/l4DBJ7hDj0q7XvoechhiAStaBFSCAbFU6K4SlQ==","_resolved":"/tmp/9dcfd407d67c905a389e0d968e3c5a8f/kong-ui-public-copy-uuid-0.3.2-pr.269.12c483a.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.2-pr.269.12c483a.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-1sBqqjgzS3r++Z1jafUOVHv8mZxMmEQPpmflYahpg0i/o5q/l4DBJ7hDj0q7XvoechhiAStaBFSCAbFU6K4SlQ==","shasum":"e64d1604b3db7bc2c7962cbde79dd8ab42775d9a","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.2-pr.269.12c483a.0.tgz","fileCount":19,"unpackedSize":557266,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEeytHSw9jJblBsnwHvja5Es6KNQfLHZ3wFrE53NpllZAiBdWCVl/WBDaFy8TV+99d3PeXpK1PNVnfpjjmYTqsCNFA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGriAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqu4hAAovNFGg2PcPqjVFYDSfHHt/PLAaq7TgXNsk1u8XjseH//81Gz\r\n7UZduzui62Ce1Mvh1/uJfw6UfMrAYlxdv4a46BjdNxGDwu+2pPrc3xmQsrlx\r\n2FNpROnW7TPmvSChZr/sbf/pkkHmEN/qV1XW5NCMJQVpWIPovPvCp25HeFLU\r\nvffXWkurLBpnsvb8GitSPNMuIl74AUzaxhlLg3kSdxrMsZCo44H77MWmZewi\r\nlEUU+EgstHVwT6gltcwZnAQYXMNihl0DZWfOZmuJm+Yf51b5pvhyaLjAEoJN\r\nK+gXMv1ISzHMubUm5v11fMJn0y+eM9w8ZGiJuZvKJzNa9C4pSaEXYwbG8+OU\r\nmthaRgrrMY4j1IYr05F/DLA1+Tz25+dj2EvNwDO1d6VZijJz+OeM9SURmLKm\r\nzitNfgkKmmMvRiYiknSvF1mLeK/nRJfn2S0u0r8BPOQG8+it89+x00bAkGO/\r\n1Hw7uFqsCmc4hRzZ8mApRlgJtkyjeoaoDVqhrupv9xgDcFApwPzfPixc3mz0\r\ngTxoNa6i+DEpk/LJ5vK+ZW5c8tq/diDFAdq4zjXLV3vUWKl3qBTFc62YltHM\r\nW6GU1gDKAUXp45mSQeGM3pEyt3ibt82h0Z1ZEBQlRJ02bPzqz1MDp/cHTcre\r\nDQZ12N7qxCIVNP2gYsPe2rZx9YjTRjK41Uo=\r\n=eu6U\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.2-pr.269.12c483a.0_1679472767978_0.7653794334578441"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.2-pr.173.9643998.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.2-pr.173.9643998.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.40.7","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.40.7","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.2-pr.173.9643998.0","_integrity":"sha512-xSDZIehR6pEGhupeVb9VvejgwPVaiiJVkRKozEwHhMhn6AgjlsKES/TfgG/dAewIsaxI8kvbngpkofAxjG07Lw==","_resolved":"/tmp/150535e8098383634b2be2441029eeb7/kong-ui-public-copy-uuid-0.3.2-pr.173.9643998.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.2-pr.173.9643998.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-xSDZIehR6pEGhupeVb9VvejgwPVaiiJVkRKozEwHhMhn6AgjlsKES/TfgG/dAewIsaxI8kvbngpkofAxjG07Lw==","shasum":"3cf06729e9b5125f46742826f2e577ff72b1e243","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.2-pr.173.9643998.0.tgz","fileCount":19,"unpackedSize":557266,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQClHAWQEzKTOdOFnYulnzxBNOa8JYyYnMTpkkB0c27zJQIhAJyFxA5vg8BWFdQBt1FI8GJdCNMU+Edj2zzndtYkmkrc"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGriZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrmSBAAheSjxxp+5UNTeqG3AN73OkPksty6B5lFhWFK7Et6h0Cp9Mer\r\nlwnpaGhMdlG53/uxt0CYldhRrZU0xUdopQprC1HBKjDDwjHs+7eHnsG3GfF5\r\nFl/2cfP4GFxfpmMGuKJ6wW6H252s9pMtCrQLt1/rChClylsSLPPO01MuPXWE\r\nJMVozkVJB6oB2+1GaJX65HpWfien3hGt9Xuc3Xpj7MZwHYwviKMuFQL1mkKq\r\nCg2HPP/nMjnQHe5ezPke6P9Z3JMqwEBhTeeprmS3A7CA/Yt7+9Fv9FjO1i0U\r\n4qwEi8ino3LLsiWKIo9FfsiKsprpUDepLa5cd9J3R4AxEj2Qd1Mu/vbO0Sne\r\nLznR6QHLLnBgb//m6u9oPP40KpJB4NMHj+46iHFCv+ip6W5dGpiA0Bm143wf\r\nZp6ILTDTnD6G3oFsQPygmH9ZL3JMtQB/HGafCLLoEPf8fdVmbe8C6p2WCcit\r\ndtDJbqYhaqA9alAKbse2+ZXNBIFR7e71hx31Wtq7Z95jy9y3jgTNWUghwS6T\r\n8DXtNNIUSOARTUF5AcouZItpT9Lmn4esmbNglXJgy5fzLozofqDN2v0LfXbJ\r\nnZg38yr2EQV3sy9kUwk+RRo+u8SrG0qLY8KhFuw31HiDVUsfHruhqyDHDTI6\r\ngO0RnO9UM2Dg/xNkpfz/BYgoBPmYVjOsRvQ=\r\n=WFpu\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.2-pr.173.9643998.0_1679472793030_0.6418245923130121"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.3-pr.269.d58b15b.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.3-pr.269.d58b15b.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.41.1","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.41.1","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.3-pr.269.d58b15b.0","_integrity":"sha512-cETCBDWLPMLrEm5jvBbbzlRcfm4n84I0DF8VW3RduSGkubHoShhSirboDf4A4UpMyp2SIX4HxWCK3CwD0b4BXA==","_resolved":"/tmp/2de769b9c3ad30678035824ba4dea34a/kong-ui-public-copy-uuid-0.3.3-pr.269.d58b15b.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.3-pr.269.d58b15b.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-cETCBDWLPMLrEm5jvBbbzlRcfm4n84I0DF8VW3RduSGkubHoShhSirboDf4A4UpMyp2SIX4HxWCK3CwD0b4BXA==","shasum":"5b81a3ad3f94bdfffbd53cd582ed1c7999c2998d","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.3-pr.269.d58b15b.0.tgz","fileCount":19,"unpackedSize":557266,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDCMo2vi0Ru9A2ExvY3HrtEPd53LP7U1+bta69jURfwDAIhAOPFmDGjMD4bVqzcxZ1GXLqScKC2h6Clo+b88qcBw9lx"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkG0jlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo7Ag//XjKnFBTmJFaVHjc6FFyaga+qwe/a/fMNMdoyCKuC4k50VBQm\r\nZN4tvCcAQkGrD8f4UGTeJ4oF3hyhH88NjNAvYeNPRl/F0CjnSgyHfKF+45bz\r\nf5dazYpAcKNRCEhu/i2SgY1Znt8s4OtzOBK9DRBVkaI9uVgaungBI8DfDnaz\r\nxGCsy+dA+g1WZriec6Doagd9UJxrrhurtCkbGq79XUGpcl9wy9tjkVk9fY8O\r\nn8TxdQwm3AwhKDS2ymChzFTzqeddYSTXS0UhOKGK5XhIXCj+0yLkD2yKSd6c\r\nR37FPoOfpF8PHg/wAt6xy2Q4D43Kxdh82sBPjfVG2yYmh1wraZV4sJZGowv3\r\nq7rI/5gq83qKeZ6xiRqUdMxkEVvEtfcJ+Ud7VA4nS1t+nTy2WxeMbs9evxLP\r\nZUOSyAAS/uaEc4YRexJZb2X/ZIaiSZi1cS86kJgwdgyeeWvHsVnbKDGYKQUt\r\nnwwZOMOYBgiHLo0MzjovqFn0pvRJWibZcKNTMroKxWA7qTTth/xbhNnqO0MH\r\ntKCR11EN+PNIsd/tfSBPBs2wm4Y2aFiMn0v/34Ql5wHrksOCpkNfQTQwlsoR\r\nVc3+yJDwbu69Xr1Nya64PQmq3IzSwVTT1LtNiTHGGW8ID1g2cdWRhop3r27i\r\nUr6R8ot/G7el/L9TLJsc8dAD0/Bq1TdHt8U=\r\n=VHOP\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.3-pr.269.d58b15b.0_1679509732898_0.11436078722980492"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.3-pr.195.d6cc9ba.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.3-pr.195.d6cc9ba.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.41.1","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.41.1","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.3-pr.195.d6cc9ba.0","_integrity":"sha512-PEq+djlcvtjztZ/JcvrbRzxBfjcznErUcKa0zT3CwugKBJ5A9Haa0unKmVlKpsD80yLXTumKbTtxJ26I6mDryQ==","_resolved":"/tmp/ac0087e6bda02449e66ccf8516af295d/kong-ui-public-copy-uuid-0.3.3-pr.195.d6cc9ba.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.3-pr.195.d6cc9ba.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-PEq+djlcvtjztZ/JcvrbRzxBfjcznErUcKa0zT3CwugKBJ5A9Haa0unKmVlKpsD80yLXTumKbTtxJ26I6mDryQ==","shasum":"c3a91bb727ffd2c949a1810d40b9dff437ee4edf","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.3-pr.195.d6cc9ba.0.tgz","fileCount":19,"unpackedSize":557266,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDDvpnwjkKWTwmJm3qlNAd4FC+APi+LbdulkFQsL2DUJAiEApcSzDPEOASmP+rYqYrXYx144fDW2xI61/5zV+9fwvh8="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkG0kIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmocdw/9EpKzCPdPCUe4ujB5yYzYKAllKFLRs36AJuqzyfAs4dI9Y/di\r\nU2hBsW9XNmRqJUhdcRTxQUPvV7yD6FyvBffn0DS5crGV9ITGuUsdXdeOZCXa\r\n++q8CLmFOluPx7Di8G086CaeXAwT50ws66lSjBKNFxBtRjcYeZHfBspuj1lU\r\nCD/g6kSsoCLq79SiktdXljsIyN/mKtRB37OSGym6OgokHdkhxr222T7kE5OT\r\nDAOPhfY0QrNbNL+HnVSz1bTttvofh+/fDAngfwX3sOYVuhMxy/XrviuuWJmV\r\nJbCUQNEW6NEU/F1j7KssG4d3Q+vo1dM2+lU6XMzYskRBIe20JN6JTdvnDGlD\r\nfNMbVlyr41taaFXFHmXEKgh1sBxXrQogWsWBNSzulYUpBqN6DNqdRdoMLlJ1\r\n2BG/XN2StODR4LgxSjhptu2/g1CBQcKS1/JG8bYSJcILxaaWg5idWbKtOAwu\r\n9fWqobv/JWK2ppHONiTMjdhZc93kiZHmgQYaEh35jKxnQhmxLwbLZXI3p3ws\r\n/W64MZHDikO6ayIhc3cC6hOclXXglhVzM/HkXBYhyGUpSBJOOMFXgdG0TZe2\r\n858jrBhJtav9MS5OPL6S+hLKm+wrlPLx+NcbC+2s3z+K/DZNG5yZZk9TnHsZ\r\nukm1MF+dHGKy6jtGeKvcGLbA53fb4jxevIQ=\r\n=zS/5\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.3-pr.195.d6cc9ba.0_1679509768673_0.16017629988231818"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.3":{"name":"@kong-ui-public/copy-uuid","version":"0.3.3","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.41.1","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.41.1","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.3","_integrity":"sha512-LEZCSXVqSFsXTK8kRwlCbnKZ+gmc1rs3SO+v+FslwG6NJpziI9Y3+nsqjLIFw2T0EeWQycGlZPD1pD2lAWSaTQ==","_resolved":"/tmp/dc8fc5ffa828025ea4165478381e52df/kong-ui-public-copy-uuid-0.3.3.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.3.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-LEZCSXVqSFsXTK8kRwlCbnKZ+gmc1rs3SO+v+FslwG6NJpziI9Y3+nsqjLIFw2T0EeWQycGlZPD1pD2lAWSaTQ==","shasum":"6af2e8a3d5b023232b922b128987f570c1700b94","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.3.tgz","fileCount":19,"unpackedSize":557249,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCGht1CKjok7pcllcWI3A3rT9BFssjkxOmNTNcSf4eoxQIgQu31dTUoud8e0M+7CemWoirBbJQYot9ZgZRntQSc+Us="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkG0mVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoTwhAAg935W1zQyjW89vX2qhfi187+9yZPqO/OL1b+ICnA2sJg2p8i\r\nVGbOChBXmfJI1/pKugN9M1IL/XkuSrLsEeAQA/nqTz6pEfoDvuatU4kRKH3o\r\nui2xtNt3ND7a8wrH5SpfRQnAYFvy3DoH8w1Gi1yHS+Cz0ojUsf83vGPq5sxA\r\nm/km6s2KolHbvl3Y3QoL2IwNYMX1UZYeKV9iI0u+AuzVGxJ3LDpSzADCtv1e\r\naJyOXwUq/4YcDD/dMWssKGcc5BmZ1+et9KTOh/9BItzpylZzQyBGFd51Yp9F\r\nHvQX/dfXl4z6frGOpyaH3832IqpzcQ3IUQQx1vEgdu8sAQKk6B79bH+cUMcR\r\n0WVwHHfakpA46xH4znoaHSdJ384R+McDgd1pmbH138puutd2V4kXLsNPj1Qb\r\nujrRydInztD2eNcPnjQwrkoPbqUVRqXj9O++aV7V7jAVVNqhIDhGZm2aq9p4\r\nKcnOd3/OoxAoBhmOD9k0/e24YdqJi1gh9Gr0tRzoSsuKCpsQbtWvB2Sv1Uv2\r\n1wwGlelx1gp2pMTPpOVqEbW4Hf9HjmBBbX0GB/tqrqSieKoswYC+NT/ZgS9p\r\nz7Ed1uRY1diMLoAaVdxnHV8UvZWOIdzdyyLiDTr2RjraGaVedE8nhv9NfJYt\r\nRTL6+Rkiuy44qxsaaWRR1NwYLS1SMuSPCBw=\r\n=yd1S\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.3_1679509909352_0.9227414616724754"},"_hasShrinkwrap":false},"0.3.4-pr.284.90ea783.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.4-pr.284.90ea783.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.41.2","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.41.2","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.4-pr.284.90ea783.0","_integrity":"sha512-KzuXcnue0siN8TrON0SYmjj6cR7dwL/8BCjaXQ+bsdp5p5EhGAarCHL+GSAXuuA9xCh922O1BCr8KjOyALrKRQ==","_resolved":"/tmp/742205f216c28f558959783d77035bd4/kong-ui-public-copy-uuid-0.3.4-pr.284.90ea783.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.4-pr.284.90ea783.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-KzuXcnue0siN8TrON0SYmjj6cR7dwL/8BCjaXQ+bsdp5p5EhGAarCHL+GSAXuuA9xCh922O1BCr8KjOyALrKRQ==","shasum":"9d278dcbd9157ce35f8a9f6f0a6cba3fc926d375","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.4-pr.284.90ea783.0.tgz","fileCount":19,"unpackedSize":557266,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDzo5PafMzVYC9B/8cTfN/ztDSD2nPkijP16bo9JdR1nAIhANd1PqzxXPmFywy5UqMBDIaI4ykUsB1bk0Ifqbm3nR3F"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkHGeFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqp1Q/9Gto2YeBbugUCSiMwlBYkN4vQ8r//90tmqNSLshoJ9kQYcvdr\r\nfdHDrpNylUQ+7yERd61RJViBwyBHu2v+bMpqNR+WkXCOggjOJkuHi6ToXcsJ\r\n1JAmnMaF0BR4p+D5z/9TCZjf1Ax7jpoPfDGzqhvuSZ1G1yIwf1vuD50MejbK\r\nwTk4IvjY48L1msP2APUg1j0LHFkplFqrkqI12OHT3Ai5tVlf8V0f75R6RQG1\r\nAZdXzLJDq8iHVDc5DpllS9DOQUE4dIaik8UdLu4Kc84e2VtIVVEfTGEdsROV\r\nr69G7ZB8FjRRzua+dSmyDWpbM9VIyzh6FIBK9ukcdnlPl8c24EPupxp0NHNE\r\n278XPE6R15MFp8ocabJ10y9eOnuz9bAcAXMRfkYZKh7VzDMA2/VyEMZ0yBOC\r\nHxSjCeSpdUZYaqTgA1CmblKrnraBCCI5x1ey8fdbLVATgy/dyJV8Lj0k1o4k\r\nuzg+vJZlvjQwZ0Aste940dxCIP2HoL9Wh4wBUPU7tcdSJaPigzxFARbABwgh\r\n5oZLOASf91wUAkiowL30LwRjLNUaLHh+1B+cqJbrLc3AagB5TxYcDrJUnmAv\r\n4BgX6GBpCoiZRuGvYuCEl9nAaB5eljB19BCG7dWQcfbUMruD7IRLV1npbdIV\r\nhp6s/36/JNB1WusIX3DucQJU27EjOivgERE=\r\n=M+Rn\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.4-pr.284.90ea783.0_1679583109662_0.5152406740247943"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.4-pr.195.76cf04a.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.4-pr.195.76cf04a.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.41.2","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.41.2","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.4-pr.195.76cf04a.0","_integrity":"sha512-lSuI2Ju+4xVYEz6cmuRYZQ2pyqMrvDjvveAOmZpO/u2vUhxCXEUD5kbky1o+la6jIroaXqs3HfWav5V1mFjDXQ==","_resolved":"/tmp/a130a55a8f4af60a4b9c1a71c39b7cdf/kong-ui-public-copy-uuid-0.3.4-pr.195.76cf04a.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.4-pr.195.76cf04a.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-lSuI2Ju+4xVYEz6cmuRYZQ2pyqMrvDjvveAOmZpO/u2vUhxCXEUD5kbky1o+la6jIroaXqs3HfWav5V1mFjDXQ==","shasum":"17edb417a71115b58f885a9efd7c90f200003b80","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.4-pr.195.76cf04a.0.tgz","fileCount":19,"unpackedSize":557266,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDfuozVrbHUOmOpIUM0hoW7J9z9psJEg9l/crICpATOxAiEAjtXBJ4jBdRMM8Sw49EBIS4/p2YmozK204oU8FaimYWk="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkHGntACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmooaBAAgB/B+2ZXzueX9i3vGwySFY75AAT+4QG/QUd4uUnlkC6/wvDi\r\nMbFwFAxkUE0R0IcNDB9TLhQ49tN991yUciprmRr2QfP+RfXIYePdsItUTkFr\r\nhmNsVPMnQlqw441EYdSJZAyFLWTeqNYf79396gyaYJ+JsS3+moRDgUx0lZXQ\r\nSmdpZl/l8w49SYJlwnrJHhXEh5vgcghIItlEn8pClEyVmfKoFx4lE6QvvmeC\r\niB0dpqr4jfUEt63R9s++6c7rNreW+IVsHYukN7ZSkhaogatmIEaRofJwHwjJ\r\nVP5r/iJLsxVdFG4celLKFhYWmNk4DAHZl14bOraE1Rf6Mf3DwSwJjNWmp9DR\r\nJFngejnIaobtTW9zbe3eRk2uODGMxGKcbYGLfz9Fxr3Dcksl0i5+6hZB35yn\r\n6oqDCrX7eLt0+G6Qs9layau9Bo5i0xmbjxubTaEnoK+rtftq5UQ/krAUSyuu\r\nsoGilaHa/NXOSDuacazHuNzQPkOzVR0+oZjVatkX7iBgBtROW99IrLkzOj+M\r\nX3f9r2GufCKWawQwWodV3k/YKxnZ55XxW9BiqqI6U5dIJmLzfzM0xDfMzIlG\r\n93xroQYAGmCo9Lf51jnQdCF4OZsN7888PsN3xazkGeCCUmBfLmavYLZWbNWa\r\nvdJm+qI4ZbrqzBAyPiPOMY0E+5Pj6DX3Uyw=\r\n=PxQ3\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.4-pr.195.76cf04a.0_1679583725072_0.7858487555140039"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.4-pr.269.4137757.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.4-pr.269.4137757.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.41.2","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.41.2","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.4-pr.269.4137757.0","_integrity":"sha512-vwGuGh7ad5XolSYxbNi5tY2Uw6z4nDX9jyxOHTS07WIwnO4vNPuukzFMELRb7KlCicu71TqW5rK35bd7MpLe5A==","_resolved":"/tmp/e04687920de8645bd6820f4b7daaf34e/kong-ui-public-copy-uuid-0.3.4-pr.269.4137757.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.4-pr.269.4137757.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-vwGuGh7ad5XolSYxbNi5tY2Uw6z4nDX9jyxOHTS07WIwnO4vNPuukzFMELRb7KlCicu71TqW5rK35bd7MpLe5A==","shasum":"b4923cd7b19ef795469d1fd1842254edff56adfd","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.4-pr.269.4137757.0.tgz","fileCount":19,"unpackedSize":557266,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCVbUIYuOpvTwWMzykP84afFJIVPoVpOhRHo2eg0mPPHAIhAOl13MKrwdJ+obfSSF1kcs7FHIy718eRXZz+zx8yqKnY"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkHGogACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpAKQ/+NtH1GcOmQAVetV4v7Zhh09fo1q9Ci7JLvRhRCl30iUbA5iwl\r\nAhJLqPDCqaYCven7EPDmZdyy2k3XPV+LeqdFBcKcIDCe3wI9LX/k6D+Q+ojU\r\nPn0UdNCBh57C5CXklMRhRrHJvX1WpoUIFspcwtK3x/3qQyttD07HbrkpeSCh\r\nbJmEPgzRU8zjiB7DIubD4xmI/jG6qNpXjqUfHzg7T4IfKd41trLHW6Isj8aP\r\n9HbtLYvmABkoNScmFKjxOLzaS6C7vVMz0tYd0iddRJ3xpKlMC3vaugnCGZsA\r\nRvbnzs2oLOox3iQx8XHfTO/YsYe3Lta0Va2/vvTx4Uf6PJS4k8x1U1GKOn36\r\nVLY+hiaK+8HXQkBH0Y5f0WTh1E5h+jiSDvlpm7JRewwofvVM+50QM8mfBMXh\r\nB0o42hKwxdnEqqbl/gNVbmuQ3bUqdh/CVV/62qyQtO/P4x4Fl/Hzlre4eHKT\r\n5qwWkofFd3yvYqIS9q9YlM8T9Ezj0MtHK1Z6Jo5Z5yC6vkUnWjmFIxQRPZZh\r\n+5IN7UOdbzw5Ukp72H2n/82Z41lPjhV2huT3Z6c3Nt86h3zzz48GcnhjqsmJ\r\nnk6DKnMmD11NLAhxn1fgT0Lr+h9SPBhQKZmtdTNSVvUaoQLg6RN/hUJqaRMN\r\nTroEx0t8EceqvspYxX0AZZHv9hHtIoaEbOw=\r\n=4bF5\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.4-pr.269.4137757.0_1679583776041_0.997700048966119"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.4":{"name":"@kong-ui-public/copy-uuid","version":"0.3.4","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.41.2","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.41.2","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.4","_integrity":"sha512-YvFOc1oDeULIfZzJEZmPItnsRKaA87+Hz4XMY6/EtvudZPX3CQzOTcasvoNpIV8+rlDnZMZJ2yC6l+biP9K+dg==","_resolved":"/tmp/3e9eaeb312df2eac1f3e27836ca47591/kong-ui-public-copy-uuid-0.3.4.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.4.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-YvFOc1oDeULIfZzJEZmPItnsRKaA87+Hz4XMY6/EtvudZPX3CQzOTcasvoNpIV8+rlDnZMZJ2yC6l+biP9K+dg==","shasum":"253cae640bba6d9ecc6e29c0a5a6bc64ee7a566b","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.4.tgz","fileCount":19,"unpackedSize":557249,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCEDiG+uMDibAIy8eyR1Sl9C448bzOx5tkgpPSpHECYNAIhALdUOjoxtIyJgsL0zqF2KryR7+5ByN71UZ/fJy2BFoJI"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkHGqXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq1vQ/+LbYViZZolRJ77/GEuf3qZr0D5GPfty3hkkHSvDgP8Ffpwe/R\r\nc+YrCkWTJCeQwi7W9TbQ8MFZyZlMjm9aTtc3OaU9uYSbPdDR9wmfMqRMwcUI\r\nSZSrYMPu2r/ZLuD+YywNGeJQNdt35Rrz4PYiDRnfLhTa/rthFRk1YSpQVtul\r\nhBI0vWs+TNSgLEoZG3/T3d8k/od3WYc4mt9kKnU8bHuOWNAmbBtLT+OKUc3s\r\nkv3Wu+UN8CzylI7UOxTP50R3XeeDICIPGFrK2XLeJjTX/wYjoFWODwLcBR6v\r\n45wqKyOsgiGxTt4s7jupFHNf/YO7e+O7lnwG4oSRb1Bd3FAmkBx61zUcLvIi\r\n8rf/CPM9JA4hv2Br3464jKipfMX9f8VJZo73gF3RG9wLGk4Oa3thzmWMA46p\r\n4CW3ZWZXuxuGGDfoyJ6bzCks833tu+aciEVTH4A33c5KVj8Xf5rIDwXzmnWn\r\nSzgZhrSi99X3cvHJfldSIw2cJpMepqMbQMJSFcq1cbvfMb9r8Oq0/LeOErBu\r\nwfmM5QDFPnWE3Q0KPtuWr3hlnGXI2X/MFhd5mXRzM/izBqhlgNhavMbFV6cf\r\nJcrSEHK51arO8hGE+oco2IIu2yVnyw5NqHLqnD2v86ntvtyNdQnhxcM5z2Kx\r\n7y/5EQZyEBk4RXGsiYghfKgd/e3kPf7ocvE=\r\n=LFAj\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.4_1679583895209_0.8546390561345667"},"_hasShrinkwrap":false},"0.3.5-pr.286.c9d6ea7.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.5-pr.286.c9d6ea7.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.41.3","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.41.3","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.5-pr.286.c9d6ea7.0","_integrity":"sha512-SNWPxnbCDDhT+xMyWQiWIxAH6LGyV3pPtEf/XTGEUohU15lJavRkQm9Ew3s+KUaELNKsOd9SQtg+DKpyeBajGg==","_resolved":"/tmp/fec339146b57339218ed3f99f83e229c/kong-ui-public-copy-uuid-0.3.5-pr.286.c9d6ea7.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.5-pr.286.c9d6ea7.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-SNWPxnbCDDhT+xMyWQiWIxAH6LGyV3pPtEf/XTGEUohU15lJavRkQm9Ew3s+KUaELNKsOd9SQtg+DKpyeBajGg==","shasum":"26ba3b0490a1747a456214ed0fb4f48ee6115313","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.5-pr.286.c9d6ea7.0.tgz","fileCount":19,"unpackedSize":557266,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAguq08tX2FIlGXWewxM5GH2ql2JViECK5tqxxsz26KKAiAupo3eGU6J7Z1EzAMQLdDmPmVALQwDgYoSruWQX+jgYQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkHjwAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrJ+Q//RAKUcOGK/gWmQwHfNVyzITdVFmEM3ox/C7oAN0wvbyIORIqa\r\nNh41m/21SOA+N31+owghuoB3XRm4KSFHSxrf86LJDe4Q0Tbd+40YrK44J79l\r\ndooMAXtpfjsW0/1MqPqKfwarhqjQLsJ739YWo0+Z/CXnMqA6IoR6HpHWq7TI\r\nBWZkCFzpo1T0D8SWFTiqQrw33OQwePF38ja2Cbsnj2l06yRELpPwsT3hfPMd\r\nQP07q8olHQZDDo0TvLCPZOBF2WaWRCFPn3YYnkKWl5GYO2hK94ycClWvj7ez\r\nBUCD08jog7Qp/ID/R2pD9J2LZokW++Al6XKBkwwj8IoAtDf+f1HWlx/0sp5g\r\nKRuN9DVCLYMt6Fo6q94BjaXXwMqYuAFT/8rPiDmAFMG6zMhsfzVkozrw3bVI\r\n+gpg5U/ly6/Sx1OC1B030TdSG1HYN9Nq/ftJ0lRd6Ih1MqblHTitq7y9nCqc\r\nB/QIszX23nyzb0yDHussgZoHv60wLaBFBpqMNr70K/kbJ7VL/h9XHyd4OriV\r\ngHw1D6YUSsnfB6kO9ejhn6d65RXFyESDw16hlG/u60AuLxTDKvsT6b6kUEWj\r\nseiGSDHpTqWXxliD2WrUxkfcjTLa5M+n2diT53SSGfd/aoK2xO1s/Ii1mTLI\r\nwaQPAset4nZIIdqEwP/hLQ5E0KpbNboIbkM=\r\n=kJ72\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.5-pr.286.c9d6ea7.0_1679703040502_0.2983108493216988"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.5":{"name":"@kong-ui-public/copy-uuid","version":"0.3.5","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.41.3","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.41.3","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.5","_integrity":"sha512-kSBmjEBiQ2lRqVWTVYpHogAz9YzZDwyxLt+3vVthC5h3u5PxGRdsr8z+blZU0+WMjvG5IDZDz4pY8jhoI6qspQ==","_resolved":"/tmp/0b941411bbb071f5d4de6410c98ebb84/kong-ui-public-copy-uuid-0.3.5.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.5.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-kSBmjEBiQ2lRqVWTVYpHogAz9YzZDwyxLt+3vVthC5h3u5PxGRdsr8z+blZU0+WMjvG5IDZDz4pY8jhoI6qspQ==","shasum":"35f09b6b609851cef2cffa8c12d4b5579e0c089e","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.5.tgz","fileCount":19,"unpackedSize":557249,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIChPfDLXBovHEhhkla9xqq9aNN5taaW02i6BPCy3p2YiAiBliz6Ug0Yg6eP3EB5LGxP3/2BCtev7iGGdy7jldRiUHg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkHj8cACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoInxAAh5m7LSNZPM7L/nKOhP9zawaDrXG+c2tXbtT5MsxadleDV7zS\r\nQi/XxnDRhQgwqo9dcvOC1LFaTFDY3GsgwJuCFBLWo9ha6a2WgYPBv3XBKE6x\r\nVJWJIsLVV9TS1ohvBgHJQZJcQzFW82ShefPe5u1wT7QR20I4yrwqwXCe025h\r\n6e3JFCCZXn/Qs/+Cf241fVDC+mpDRmEeyjEPt45M2LDOT8X6hmY4rECTiX2H\r\nzx9vWcXW5useJMbrJAbuUuv8ij6OQLXw5LcWkzMyXnDGyyWSUtJXv6GpKWgC\r\nzxXwt1jTn2QT8qiJgU55X3YiMl2f2IbLwfGOKtU62LV7jDPr5qmSb59Px1N8\r\n0iuhQoMjmZi1EfYyabgZJ1OIxMH6LibY5+NgW4PmqgSXHq3mP8ZYgIMqA8QK\r\nw6SGltOL/N26cMHhapGUiLICduke2GsM9e7CjS3ZAVEUTFArsgVDhix+nllc\r\nLWfz15488kZtB6Xsr0+mtN/6wnlHCqPeAf2emUF6MM9ny0gLaLiItx/azu43\r\n0QfZgCgUeogY/01zGJuF54d0CbWJWZL+9Ccux4uyfEdYCdtV6DwJNWW06LWl\r\nvfGZB7OjDlDOibbN2DL9LVWPQ8uYEU9Cszdhtv7JpqUaBEOBN/E0lCJQ9n+y\r\no7T9u8KRcVbLRFfU03rNgaOPrAV0wq9LiBo=\r\n=+yGV\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.5_1679703836307_0.10020328951060753"},"_hasShrinkwrap":false},"0.3.5-pr.195.e5ef324.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.5-pr.195.e5ef324.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.41.3","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.41.3","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.5-pr.195.e5ef324.0","_integrity":"sha512-l1Q10uJwKO38kh5ojiDrwcqgoSmTcUUabjbDWajDH10rpGjB4AyzQdyWDqK9FRWK5XhEkSzoH88wg+LvWDLXoQ==","_resolved":"/tmp/bd7e4a837d72364b867f50df0044d946/kong-ui-public-copy-uuid-0.3.5-pr.195.e5ef324.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.5-pr.195.e5ef324.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-l1Q10uJwKO38kh5ojiDrwcqgoSmTcUUabjbDWajDH10rpGjB4AyzQdyWDqK9FRWK5XhEkSzoH88wg+LvWDLXoQ==","shasum":"99811defe6ed424df4d01a45abdc41127672dee7","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.5-pr.195.e5ef324.0.tgz","fileCount":19,"unpackedSize":557266,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCuHxRaLsYUtN4eWj0R7oXEcLA7phowVBhT1Y2sBvCyfgIgNBnkwNSr9NpXB+ptfWPpFrORbiQUZ1mVgfXDnHJ8tow="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkHj/PACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr2DQ//QnPhZnho8Zpa+sWRvHLWLjLvXoZJhZ1BkPzevffcu5yNoNPx\r\nWESc1ZBRFoEoKzQQLQ8HN3ccyl/BM0MqBSdAlrz0mdlUx1lbGiEKlMiy33g3\r\nG+Kd1ZBAMg/dnkZYzEx5mf9ovbYUtSprVm7j7hA8o5QJew0yQXRjFKn6WB+g\r\nXak4ZiJZxLaFWHe3GJhRhUsbRojrW0JnZW4g4iPdVMxtSMIeK9OEVonzEPkB\r\n24xdaEgbZrnX+KAG38ZcHfoJclnXMCpLcJNqU3S06DLyP45kU7AZXc2uKKNe\r\nF7qjLOGwUbyxHi2tgNh2uxVob9JyXfvjsI1z919+AqGxCcxFYyemRJnKYuV9\r\n6OvLvv+kD5L0VZrzk/jJvyKP0lP9Gud/GDdriyxj9aXvzI9XYPN0zyuVS9WV\r\nI4kHZ5dofhSvGtu4iyyccJmPcQAObyXcXlw4BAIzxYhZL15my2Cz8yBX3wbj\r\nyPKaKVJvt18/WZN9BDNdZvMB178dryG7qUBwfUQzij72kDTUU2hYkwaOx9Yz\r\n+91fnJEWuGD6LfHEloYP+272a848yjHzEVyINu0AQIcEmjJZlfeCgJpp3yfL\r\nrCtbeYT5YH90thpHCVpXY0LCmTddITR22cIzdywi+m4OQfDBzmILSrGHuR9F\r\n9xN2gvXoHlTdQz4zefSJ09+18FdJXfvARM4=\r\n=K53p\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.5-pr.195.e5ef324.0_1679704014951_0.6916451623837134"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.5-pr.269.772dab5.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.5-pr.269.772dab5.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.41.3","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.41.3","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.5-pr.269.772dab5.0","_integrity":"sha512-vAnh7f7qb4AGoNV8Z6g+WstpDLGSBPg3OGJwK5JGciwc0CDN4uYRcDJaeoqoCtY5R+Fu5lgJ3lBsisJoohPHgQ==","_resolved":"/tmp/02eac14f509ac23d3923abb7e4766d43/kong-ui-public-copy-uuid-0.3.5-pr.269.772dab5.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.5-pr.269.772dab5.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-vAnh7f7qb4AGoNV8Z6g+WstpDLGSBPg3OGJwK5JGciwc0CDN4uYRcDJaeoqoCtY5R+Fu5lgJ3lBsisJoohPHgQ==","shasum":"2ca2d11f52fd9a501c7e1bed5a05270784816cb5","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.5-pr.269.772dab5.0.tgz","fileCount":19,"unpackedSize":557266,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDessvU+JwxEtj8P139X3BbtV2xWcHUP1sLk+yl5ESXvgIgajfHcU9gpT3Elj3BfB9VdyPzoGEwYakGuUrJE4YRnWI="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkHkDGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrQdRAAmemWnxO15y1IWsdzDy/pKSuQM2z6uR5xVi6bNDhTldYqX0bg\r\nUHZ3s7Zt8phPhSgOBH548N70yDtu9BoykyRuVmdrF6qrY2Z6rDXm9dshTipA\r\nnirYEWBecT31ZyND3ZYCyPlUQcFRGMxjOWDYiiZiUvNW7w2lLXepdcl0w3v/\r\nLF7zJi/SD4V4Ft/gTzGHOdN7AYjwEotxGKfnzhQazjmud+FvrHqnzEhFnsHF\r\niikwkqkTLyJY+z2MarqLr33uhT9lmMYrY+0/gxz/QrLv9+ZpQ1Qu//wXblzJ\r\n+dxQ168E83IYuN5LdVwx+qMKBHnJkG40EacDKgantornvGYdOZm4F4w/GvIX\r\nuqmCEm8hl1AmrpmenvL6pLaWpL5SvyY1EfIeaLmv1eQ7g3ykbfIkXj5yyT0M\r\nxqWzVnymJ8BkIWFvU6lY6sNgVbU+zDoSpxNOW+ZGb1WKX4qKck5sq+C8dIjw\r\nGDMhHXJ5rIaW58OERCgGZecEAA5Qb6xsl3wH70CUxQRiIFeljz/Yc0COAiHF\r\nln2WULvXQdYFu5eMtAXzs4C7CqTf42YmpF4EUVzSlpS0NitScOO1K3AjqmaF\r\nIqtBVxqGmAoGvt/9vuyTbOnZ8qhzwyrdKW8omAfEmh6177G2vCoZeZYbU7Pp\r\nKf2cEPVYf2KemzA7XJcPsecMZZ1RZRcFqSk=\r\n=TGmC\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.5-pr.269.772dab5.0_1679704262230_0.4553733876280759"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.6-pr.300.ae5658b.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.6-pr.300.ae5658b.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.47.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.47.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.6-pr.300.ae5658b.0","_integrity":"sha512-Adatr5mTEZKGrlFzh3zx96xmgtVDq28hqiOsB98gn0QEsI5D7IZGkm1q9RDFKYV+1x34wInI0arTnYRy6jRz4Q==","_resolved":"/tmp/7b73d98f8ed7d2a8dcdede8b0b263db3/kong-ui-public-copy-uuid-0.3.6-pr.300.ae5658b.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.6-pr.300.ae5658b.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-Adatr5mTEZKGrlFzh3zx96xmgtVDq28hqiOsB98gn0QEsI5D7IZGkm1q9RDFKYV+1x34wInI0arTnYRy6jRz4Q==","shasum":"31f401211d4212643e57fd35cdf7f9987b673062","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.6-pr.300.ae5658b.0.tgz","fileCount":19,"unpackedSize":557266,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBfzQeUO9S7zQZ+8ZmIavnbEWn0BvTPqQAVTepSL0u0yAiEA9TpZcRcDLcWBj/Ci8RAhg1ZJcNIrmfsf81wrIbSP2zo="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkOHZEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmolqA/8CcQewe/gTTr/Q3hChHmXnkSHpu5EAueGQj48W0dD/9v3/ic4\r\nnLPJXIK+EHDGW1r4G9gavm9JB4ynMnjjb+VXUqjj0so5YoxEV7DzBjun4UJs\r\nMdpJT9Rk/RN2DZj1MBZpZVngmbdBtJ8oPgZejVZQO7ogwTA4iB9lF/7KBxGa\r\ndYRKdY5C40NVkwgM2zr/uKyyEUe/1p6RCZytEXFxtqdO/2FYuJbLiVegIGR+\r\nsmZGf5AZhKkFDjmUndnUFRijBn5CkXHjopom+JeFchqOMRSGs6m4Y6/t8sMa\r\nzsbo4ik3w1bE06v/HtxLYp1NNSy+xLDg4XxlytBumD+5EO6RmNwbIl+hcDFg\r\nKwacreBqoIf/XMQhAr0QyU+/nZcH1PfX1InV94nbFgdpmrPhS9Z/5sLOnSnE\r\nGkSXIrLU8iqKVPv/Wnc7ygfwCB0QilWXB+oojP1FW5ZH5A+CRHQlSBO7Dxco\r\nLpZTa3VjlcZI3o1x793BkSldveGQwA8Umg4qRW3o5H+PRW1OA+q074M6bmr4\r\nfNTitjE9CDUaAwnPjgd7KldsQtIbyOgjpQUxAT6ECTzoqamkS6TcTisnjKU/\r\nSbuUSZOEMi1gDsOr6JSAaop8DS9lHrxJEfQAGZdJSfx+xEdi4/b199tm0HL0\r\ndkFVKvkBZltn5jdVNsByyKGSxLR1xnIUHno=\r\n=8EPH\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.6-pr.300.ae5658b.0_1681421892366_0.9528101899098438"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.6":{"name":"@kong-ui-public/copy-uuid","version":"0.3.6","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.47.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.47.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.6","_integrity":"sha512-qtNbQ3JdlMUXKyvn/rUFcrEI2s7dgqbFOCDyOWimzXELn99AANapB/KBWPR1G1SRrz1k9vsuyO5glI/5CGRMUA==","_resolved":"/tmp/3cbf892a610a9a1d6ac2d02649a177b4/kong-ui-public-copy-uuid-0.3.6.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.6.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-qtNbQ3JdlMUXKyvn/rUFcrEI2s7dgqbFOCDyOWimzXELn99AANapB/KBWPR1G1SRrz1k9vsuyO5glI/5CGRMUA==","shasum":"8b17d4eb9b4b49d3e1eacce23cd6bcc5f941208b","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.6.tgz","fileCount":19,"unpackedSize":557249,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCCafP/qyt1lgnEGx9EH6/+H5BrBtcdQpKDbvqrZtbpcgIhAIHpyMyvuj0StkOBcKKdySA6cAKB6gLWW4tHI5TQV+Ap"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkOHknACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpszw//duIN0vc2jkK48oHI7CdASitP9IIN8xRvyxGjCgERJHB4P788\r\nJkz1ZUqSlY8MSNPp/J3zPRc4EYsj+3wDudc5ZJxaNcOpR1CuXooJyFy1sf6b\r\nF8D3oVw1a9fKBFQ0ODCfyVN4g0cBhYvATF3rswcSJl+y7ygiC9Pz/lVU5YO1\r\nHcCGEn4ZK44yRwEgBWZhjPGITkcvWmRKti8UEBpm4yh7IWFn5f/I6pRTWsyq\r\nxT3lsm2PHeE4Xw+9WfDDe2KQC+UNIOvpn17xZ5eb7uYP/cS84nkjywZHPHAM\r\n4X/nEzzSCJGtdRT3dqAp3R1TXMpXX126oYQZnXe0/KslU9WmaebZ90lDfvow\r\nR+xnK3Pyw9PssJAVsyWF29SYLbNYOfu21b1acdvufe95Jx1w0BnMs8ynx2Tq\r\n6smbgElP4sWkmPn6h+h+d8xDyfQWmI65NjpjUa0uTeKxS553IKJtNRo4uIxt\r\n6dRes5kGiAYIUpMVUps3woaRvJbv3Jba1fNSJf/HBtAJhC51ywJcE4bZX6hI\r\ndHYLQo7ijctvGtkdkDku9BpIdcgJlel0cFUp9a/gMrlm2UW+YpYyf2bPR7yn\r\nCxF9YqgBorEhhOkqPp2fAFK1MUHiy/1YViYtH9kj2DtYgJyId70KsHPrzn19\r\nEeY1IXe5rNJXTOJQ9LVfK6pV6qEiO8gt0uw=\r\n=l83b\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.6_1681422630910_0.8261578613929326"},"_hasShrinkwrap":false},"0.3.7-pr.312.b64f011.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.7-pr.312.b64f011.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.47.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3-pr.312.b64f011.0","@kong/kongponents":"^8.47.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.7-pr.312.b64f011.0","_integrity":"sha512-1ouZLBuwfZcg83EWbCBTwbcZU1KdVL6/wuOP1wdXz5yq39t2OiQwUgCIlYru+XTBwFmOoKShWtkq7xODHk3vZw==","_resolved":"/tmp/032323e101862da854011af14f8a1f81/kong-ui-public-copy-uuid-0.3.7-pr.312.b64f011.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.7-pr.312.b64f011.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-1ouZLBuwfZcg83EWbCBTwbcZU1KdVL6/wuOP1wdXz5yq39t2OiQwUgCIlYru+XTBwFmOoKShWtkq7xODHk3vZw==","shasum":"e41b073df039535efc15828749b05d4aec99a0bd","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.7-pr.312.b64f011.0.tgz","fileCount":19,"unpackedSize":557441,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBRKi5uQAfpHCYG+aj8Cuwzy0LqPGUIwB5RUCnNftgDkAiEA1DOmPs2bUyjA0K6mw4TByEgHb2pJK+n2phkQmWBvyt4="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkQBN8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq0cw/+K5O4S3hRvnumJWOrt3Vs6XE8uokqPDzyNsUY9j5MYcd5np6o\r\nBHRpOsii8qTIKcQkMx8WisW9WNJEnm9LSD3rO/LJ222YDuwVW6N59d31FTS1\r\n+Xi6syC1CYyk9mjYib0zCqt5ZKjm6P2ay7Z1Zp1UQTvbk9/eqzp1EJTx+fbf\r\n8uA+oKwVCtI8XsLbJR0Fd8a46DC3xLhbwmL89NcjjfRGvwysHLS84L/QSRTJ\r\ngOI3wWebxaIbPs97RxrZEPSQZkboqfdmnL17Wdd/HEgREUoc4qYzdFsntDAf\r\n6JE3allDQOIs+Q+FhdlHpHo0uuAZl+hqFxRKvbSmLWkaBj61TRHFo7UGtB9E\r\nEQySGCX5WHxZRZqq+Sv2CNHfoP61MPEo/zLG7ts4fRiGyyeQlegbOgx8zLdF\r\nATwE6DLalBp3KJ1mqq7VmXW8/uB5bQw2Ew+S0rxZFqiworJHEn+DOnB8lB4J\r\ng4JxR+Bcx4s6C1yJVp4AGHFu+/AQOj43k49P3gCUSLfQVRDzE/N0yYkhjTgq\r\nDXUTAh0yewDlYIpNwd22c/jIk76/qm8hbpEPU1kTkDxcBU7Yzd1Xp03Bx0HM\r\nTj5Jp8P7kgprQsE1hwBh2IANAko17KEvd1ZyxyBEwTnnrnop1v9ahr7E3sXS\r\nbzX+r7LypHNa4aD140BBVYf3V1NGSWwa3pE=\r\n=fdTI\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.7-pr.312.b64f011.0_1681920892575_0.1852704941257335"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.7":{"name":"@kong-ui-public/copy-uuid","version":"0.3.7","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.47.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.47.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.7","_integrity":"sha512-7276t/MX9xp9cQCVUZ6OhfoO80Ruo6as/uM92+0wKwxC3iqfaaRnEhYajhtS7Rz/xm8sY4UfNr2AMGOdT/tWdQ==","_resolved":"/tmp/346cd590e6a118847b738e9555a11af5/kong-ui-public-copy-uuid-0.3.7.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.7.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-7276t/MX9xp9cQCVUZ6OhfoO80Ruo6as/uM92+0wKwxC3iqfaaRnEhYajhtS7Rz/xm8sY4UfNr2AMGOdT/tWdQ==","shasum":"ad25e0d0d7240666d9237cda8680a6117438bd13","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.7.tgz","fileCount":19,"unpackedSize":557407,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAYru0OHRXa7QqpdOU3h64JZu4fQEW4CrmnjxG99Tl3PAiBF9M6qtkandRsT16IWyhgV47KZ04GwLsQr7zpQtEDPAA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkQBZjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr1XRAAhSAbKfaIhWdDCF2pH3GaxtpehSmZFmR1TYhSFxXSGJcPf2jl\r\nv7hG7Rua2x9kfNENkx++Ewsf3EDdbH+vzGvZiyKf+N87eg5y6HK0gli189HD\r\nwNVmB4K8LExw2YwFWybMiXhDYaAm4H8IsVCV3ubzv++7/PW4C3+FrHB4WgIV\r\n3wvoZnuadp0DwGbrqa2ZHHdOnyyzg1iEFJFzBjG4ExmYGgivtc1JGNHi9Z+g\r\nXdT7+0NxeOW9qkF/atSvL5ySjvu/Iv6jlCORHbj1CMzqqQRMG38LUO4a1zqs\r\nImDNvBA92urw2uQDmbvT760Mc01unKEVFgH0RvEErmePprkmuenz7oPc2k0M\r\ncHTTcJ2b+OfOpa/rhlOOKksqctynNuvXKlDlBa3CoF/qG/r0ie5T07VqLWtH\r\nQ3irZhUoGN8DSX00W9IzL4by0vNJsZsAeYaYNtOdsMqtHqXE+RcHl1s8ZMrm\r\n+k+EoqQY5bvyT/chxLk+5SnML0MvtHv5zwZphdf21oBU2BLI06xkxLkPtKPm\r\nk8Qvdze0fk2/5fsUdNQcXxuogI9AlT+Hce8rv0y8nSbBZGRH7Mf28FKB2hqW\r\nl+MzD07WBAzOx2epZQ4rPds3xHPGL64fUQdbt18FfsO2E1PJoTexw8U8fog9\r\n4PhwOBqeMjQbqropAWFnDCG+pKggB780r+k=\r\n=uzk/\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.7_1681921635047_0.617193429645158"},"_hasShrinkwrap":false},"0.3.7-pr.195.213c4c7.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.7-pr.195.213c4c7.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.47.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3-pr.195.213c4c7.0","@kong/kongponents":"^8.47.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.7-pr.195.213c4c7.0","_integrity":"sha512-ZtorPWjJ/hFz/mAcrT6bU20pSvDJwgOEbHEsE0si1sv/5028R1ykMpJ2FYBBrWbZoWJYTeDntaUZtdRQre5OdA==","_resolved":"/tmp/2e9950ff2da2e15a7314c70689b29120/kong-ui-public-copy-uuid-0.3.7-pr.195.213c4c7.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.7-pr.195.213c4c7.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-ZtorPWjJ/hFz/mAcrT6bU20pSvDJwgOEbHEsE0si1sv/5028R1ykMpJ2FYBBrWbZoWJYTeDntaUZtdRQre5OdA==","shasum":"4899a9942515a3e368f724cee76133d656ec0735","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.7-pr.195.213c4c7.0.tgz","fileCount":19,"unpackedSize":557441,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC9C6Dwp9JTpdKpU76E1wZgd8DX3VQxrgH/ocCwpXmLLAiEAnuBoZNgzLTi1p8ZpsXziGW1/FHNwEoNYa50w9r853Qw="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkQBaxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqiug/8CF60ZF1i9O8ohNYW7GPUKnbl2+ieuqUKixFun0QXx7oMVQ91\r\n16TgnGo80k2PhxhsS8Y7oyU3+NyxN7DZShLRCCN/6XbTF/yHQ/g6+Gt0mLyE\r\ny1EeU5IO9E28GQ9PvUD9LmsSZHib/NrCBa1yBWp3lN7Baz1H7jvwcDanh+Mm\r\n6LA3drfAEW+M+tYsMSAGURwr2P3Vp6i6Fr91qqpvn2qMviTowWQGHkIJt4me\r\ns2sypcGeeTRBzBkhx8NqIs/6xz0Hxj7JkMGPEOuTjnhTZ3G2GOBfDRskstEL\r\nHitX5U3lryt+vf0n7ctoheboWnQeTv1KLO6G2CpQ9mSzO0/7YfWU/jEDwjHD\r\niOfQoZWT7yqgefV6pTGyPkpLSRhpAX75I9yMDiCL28RqZbDPuQFDj/ydEMMI\r\n7luSWeR3iEY+q73pXWUYbQ1PEQV5UO6FlrvUNckAA5PhiapSN29GsPLQ6GXu\r\n4BpPhBqweK9dKMk9XbhD2Opay5vg2C4xWeDLrhKHi5FuONk+QrDqKCYjsiWB\r\nKNDwxKPZPGeLMiPKM8+RUoW0d8+HJJvXRg9G777cANvBkZX/YI4nLHnCVirx\r\n1g71pfxl+RbazPBOcwiokBn37exgb2ZwQtAwCT8riW1w8xtQNXma4bhb5udr\r\nAn9HjfDWUl1ty/bEZ9jA8RHC8A3J3/Bco2w=\r\n=bok6\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.7-pr.195.213c4c7.0_1681921712838_0.852835805887963"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.7-pr.195.bb66832.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.7-pr.195.bb66832.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.47.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3-pr.195.bb66832.0","@kong/kongponents":"^8.47.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.7-pr.195.bb66832.0","_integrity":"sha512-WvG7K6XsDotv+BPM2+XHmTd9Uc7tCBMlTHReLTD7Szq4wAB9VwstjFJl8we9QqYGMsRRVf1tCP3A8UWNhI7DHg==","_resolved":"/tmp/83ad4ad16a3b23b82c0b08b535fab0e5/kong-ui-public-copy-uuid-0.3.7-pr.195.bb66832.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.7-pr.195.bb66832.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-WvG7K6XsDotv+BPM2+XHmTd9Uc7tCBMlTHReLTD7Szq4wAB9VwstjFJl8we9QqYGMsRRVf1tCP3A8UWNhI7DHg==","shasum":"0720bf9416ac96cd709dd4d63489e8ae6671569b","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.7-pr.195.bb66832.0.tgz","fileCount":19,"unpackedSize":557441,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQChwAGA0uDacwnzpCmTOkeDmH/aMzK65QcqGNqWrxmlWQIhAJ/wlzFQADxLNpva5F/n/J+s7/y0p4N1SA3fgW+IBP8s"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkQBemACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqOCQ//SlSIRZSsQpwxN2RZonukfZbJh7d3OnWAcAxDCRLK+DO4AYXs\r\nPSXnrmN/XIzsnX0fdcJhKpvNFRfQAi/7RSGfpTeiqnSzUFAOWhwBat3ZCJvX\r\n5uqUrrvE+DIhQ8GGOUqDZJSV9aY4RmZP/73i1KZrfsFkuo6QHokrnQzG5coq\r\n7gbnwp+uvJczOAW8EaFzRBWS5G4cjdupx67MnC9+giWTx8pcDJQ9QyFjOFHb\r\nQImVoh1UEUd9Lxt2lIzoD3Qa86SKwvKaJaVxZ/9sAW2z8QbkkdWGM9KTazcY\r\nkx1JDFTv4QX0LUQGmMD8qCAOY1KbHCt/CcpDKIHdLlZb+NGOBh/vFlAZuNXe\r\nJuqsSLTj9XHPXYekXTcn4efSe1JYKuF32d6No3EZhQBLVTVW0OXZy8Tx9S76\r\nbC77PpPpmeGECREDsl+Wkxmqe4BmzbC+z66bsagU09+JWKsN8KnqEtaYdHJu\r\n0FHukAb7lQEMx2MgJkz5Slb1Aa3Pul5JxMPVoEbd/GIkXtvjeHVZA9DK0UT+\r\npKSqC8nfSMOUXtUb0C/TPlvhQkju1Te/Gl/QesR1ULCQgII/Sd1mgN6Aj+/N\r\njRGrpCrGrlWYp8nf4WW1o5ZL31TgI6BhBb40Jc4F8kYQPhtH+rTuptPLZ2l2\r\n1503LJ3GWD4Noleexls5lZR/8qaDNxnI2pE=\r\n=BWb5\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.7-pr.195.bb66832.0_1681921957941_0.31170346370871593"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.8-pr.314.6350c2d.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.8-pr.314.6350c2d.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.51.1","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.51.1","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.8-pr.314.6350c2d.0","_integrity":"sha512-xmkwiycq4kvsiTwr1GUQA1e7Yhw+mQfXULOrb9IX1SzKBo4VJpdl5a67tVK+CyHJnKVEbmVUlgAfJAg9hguqDw==","_resolved":"/tmp/416c0b9b1aad7e54010bbf6813a7b29d/kong-ui-public-copy-uuid-0.3.8-pr.314.6350c2d.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.8-pr.314.6350c2d.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-xmkwiycq4kvsiTwr1GUQA1e7Yhw+mQfXULOrb9IX1SzKBo4VJpdl5a67tVK+CyHJnKVEbmVUlgAfJAg9hguqDw==","shasum":"45fe9912ac150aa00db9ef5ecf22d5afad7d574c","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.8-pr.314.6350c2d.0.tgz","fileCount":19,"unpackedSize":557424,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEeMuxsyJeL1USeX84inD13FdCWAYsNMtt06dNuq2n7KAiARULzpvmESYH+N/aEhiz7KKPCByqJbjh5Ap2SZhyJCug=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkQGibACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo4aQ//dfZolwwVeOYKbWL8Rj6SazfkJt34y3qIC/+APciYxrAmg5gE\r\nHNKPXOFRJy8HHUHmO9SpdVTvykPj/wMDThL3AQ7Vxj2Gi5MdOsWhv6RGIVSa\r\ndawiSecK2wkrjC78rMdOKvrUwfQcrjlh+T6cwhxs/Dy8lbNwSYxvlxcK1O+F\r\nJ9zAlvRr6YbXfnX5PukKnNAunkXVUaDMRjvmyFMDS6QBe3Q1iC8hrLd3sJSL\r\nYYKeI7imeCdcysokShjopZV73tTl3YM74vxW/P2sali1T6U3bg2Q7djO6LeK\r\nXKt0j1t2bsXWlRdr5zTVra0PqVs0IWhI1HXOsCGLw+bMEyuxXL6j7hpWfxzU\r\nlU96BX3jnTxo+YRg4qMVUMSOPJg+lmNEaLpQGMnpKtDhB2Xmvm6pYU7XFWRz\r\nJsgynJ8d7fyBJasLd1FMACdROPqVVzkeWiDACImhEscCYjbK7PT4YUQQP2A+\r\nu84UOnadr93HO+2DTJyOQ/qA+CUhCOBX6ZdsD1g7T0CfrhUmIa8gLmdFYHM9\r\nbqu9QzWdV9YRtS0gk8c8CvDN+CgFNi/Q/fuTFfhtBzwzptZv/HLWPLy56PQS\r\nxayL81WF8SZc41lUXAos2Myuk2HdZMKPwDoWhj3/G/GkO62vhbTomHA4Y9jN\r\nUFEOj/F6Z6NfnEl+JYu0GNFqjqwummzFuC4=\r\n=8agd\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.8-pr.314.6350c2d.0_1681942683095_0.6321083481306173"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.8":{"name":"@kong-ui-public/copy-uuid","version":"0.3.8","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.51.1","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.51.1","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.8","_integrity":"sha512-RPprRODKu2VYHBn+3qiwfJoeKRo+pn5mpH8R+amuwF1fmYVYl0fPA+9e+xZW9WoGAum4+HYK8BcMChNTdljD0A==","_resolved":"/tmp/f6360a137364383d1d8a1a63fcbfdecb/kong-ui-public-copy-uuid-0.3.8.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.8.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-RPprRODKu2VYHBn+3qiwfJoeKRo+pn5mpH8R+amuwF1fmYVYl0fPA+9e+xZW9WoGAum4+HYK8BcMChNTdljD0A==","shasum":"21178089ff896cf9b1d6722a379c60005ff60b57","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.8.tgz","fileCount":19,"unpackedSize":557407,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEpCmp6NReqpcPi9etuWpmT0mAQX6jRYsxIZZWWE7aBIAiEAi27HqY2Ze4oA6f3Hy8C8SmMji/QT7NxZmjVUf+iJG9I="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkQGt3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqr6g//aVliSJLN1mFlSCkwPYXhr/JHaZF8UAFrZ9ejc/ShmN4Etk6b\r\nK+I5o4uqgwOcu8sak9TYHl0CxHiZgYqAPfy1NxiJbtY+tmNFwfpOE/pbzE4C\r\nlIJF2/y0Ej7iIUKtd4+2LbemLMGy1Xh8d/qWqzEHeD5GYpQpTy0Vyn2CThEK\r\nEcme7axATnzBUT4IlKLwWGm8xoU776pAH/o2A7ogr/CsX8t+9loPubhW07KO\r\nbVqvUkZHYsLDQC5q/sGxb7lSY6Q+pb1vsNBh/keI1hxBMuY1NbGFmuhMoJVu\r\nKEjMn8uX4/6qnSGNA6gmQsVE72pFodC3vgk0MqbPQnRBzwF//ov1wZ4yU4z1\r\nprJpBp6cNxZLilfi5YoTpeRvl6DIe6Oewyk7m8VV1POV7E9j3LiU8QANJ4gg\r\nPHUfVgbWc7ReGUkUWWa8LDVRGCq5WLLr7goUZojlVeOTv3fO3pPZYmZh98Ml\r\nbSGTXpbSn3Aikp9RYy6VO8NJG65KllXmNw+iITi9cthVwdUtY6awv+ZTeIdu\r\ngGIL6iK014Y+15zchLC/Kqv4QP4zHRbTV5SXhm1iu/oMc2lj+9BOizmMeYfP\r\n81Ze6Kp2MX+ioQQ8LnZwhgBhmHRzaUMXYegmzBYZXpmFazaH2rNeP6PMt21X\r\nPJYPIZkLHA0WNLyfOegHEiaOFBws2IG5etI=\r\n=nuI1\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.8_1681943415314_0.7073534105027393"},"_hasShrinkwrap":false},"0.3.8-pr.195.03e0d38.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.8-pr.195.03e0d38.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.51.1","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.51.1","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.8-pr.195.03e0d38.0","_integrity":"sha512-iPCMWsWYI4gDigPjmp5nns+d27+xTFSfmlCpKgs/lvPVmfM2YHDGvyaDbV5LNopnfz0STZhbsE/HwErCnuaTOA==","_resolved":"/tmp/23dc45734c573ec8efce027f474ccee3/kong-ui-public-copy-uuid-0.3.8-pr.195.03e0d38.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.8-pr.195.03e0d38.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-iPCMWsWYI4gDigPjmp5nns+d27+xTFSfmlCpKgs/lvPVmfM2YHDGvyaDbV5LNopnfz0STZhbsE/HwErCnuaTOA==","shasum":"09204de33d6ba755a82d39e1900af875fab5c873","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.8-pr.195.03e0d38.0.tgz","fileCount":19,"unpackedSize":557424,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAq0rVvaRWT0aKCayeb0lYyXG1fF6XoBiEjvDFPww1b8AiBmLYPc817kkw1s8KgCVGrQ9T4LTM3/EdHUBsN7r2pg7A=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkQGu9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp8EA/9Fj17NRya3jTHFoEjU7HalwSlnrHEJPs6foG2qAnuZic4e+z3\r\njHhmVIiUzs+zTha1PRr3asBNTGt19N8LPOBTs5EpzFycOyuPqb2xHOvQPsF0\r\nm87V73jzS+ho5+liMouxfEBYx2usgOOT575OgRisDgpKRW2C12WBwMyq9RBp\r\ndOHXa6wgP6p8oN8w9mxQDWvs6yaOjOZfHF3PFnmTPRHpZjo+WMOJoTTkiLfj\r\nTRn6lIXewNN9Y9snOjrPOKFOTvF66VOswbtpNLHlGODPr86tvtGqWEnmlwN3\r\nvslE6IEIWSoRym4y3nUYSbtKP5bTaTnAjLH/ziOKswPnmjpy3Ljiru82OoK4\r\njWaQIce1LtaFWoLYknRdZFT1LkmnVol0pt9h72qWQ8F/bE5rq7ARg5KMBRgp\r\nYZzNrexhkMCVW0F832+DhhcsZ6evlFKg/rL8qklW34goNS9+aWQv2veemiQ5\r\nMRqoplBy4wQZee0gXd5T+Z/MMOzMRPh5uNmkn6ZufBfoR7gsgZ6MGIFmQlou\r\nYfsGA7ogC502QHi8AoQOhBDy3VPlj3o5FSuJl4QWnbSSt+DP2SzpxVYzy2i3\r\nGjvS43Gn6u+uElabkSX5XRflmcewbz2WwiJmfHKGP/GvLDQcQ2TIo+Gj2GI1\r\nfUhXPWKAv12EB4mqNyRtvn4zt/W/fS5mBpc=\r\n=FN5H\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.8-pr.195.03e0d38.0_1681943484948_0.5460240682508364"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.8-pr.269.905afb3.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.8-pr.269.905afb3.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.51.1","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.51.1","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.8-pr.269.905afb3.0","_integrity":"sha512-z71bW0A/rGKYzK8aS5JYKm/M7GAUGKMgpm8O0tpop9gMyHPCDaaNC1JqGX+JpfFo7O7O6nW4Xt9TH8EAUxEHwQ==","_resolved":"/tmp/a68ed0eb04f9c236b9a6a7c25bcd63ba/kong-ui-public-copy-uuid-0.3.8-pr.269.905afb3.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.8-pr.269.905afb3.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-z71bW0A/rGKYzK8aS5JYKm/M7GAUGKMgpm8O0tpop9gMyHPCDaaNC1JqGX+JpfFo7O7O6nW4Xt9TH8EAUxEHwQ==","shasum":"9d0bf3f513480c090a0eeda4d4b40f761e1ca337","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.8-pr.269.905afb3.0.tgz","fileCount":19,"unpackedSize":557424,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCk+t86pEF7iqUbC9pia2ijSE4ZhewPRK0TtkrPMKS4kAIgZcBCSeow96y3m150p/kV1ROUUxQhzqFJW6nQ1HaqzDA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkQGwiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpqcxAAoZPBLHxvMV/rcS4ZM106mmpAz1WErNomJuZgPtHCbelgbBBo\r\nm/5ceKD26bbkUCPG/28bZc8JbhnRhZXGCjUQVzZo/NB0ISoalUBdZCZPWVGl\r\nqf4MHtc0FLyaCDXKH7nnGqQz0JdYEViRDjQNqsd3ERhCFZbIRnaY3Xz5PSDd\r\naDMD1rpni69S9ik8U0kxtGUs6pfX3O+jN5FmZkmrEz87uwZrBuu9SoMHrHdS\r\nq2V8Bo3sypGJRqE0jXx7gGrutpegCinsB1ERQ0tWIHRwDRIebG/KSVbFv4Mx\r\nKFsvtLxGEwEsdXetMPfToBRFI6d4dCH5ZptZNG6Gh2r7ilpDkQXp3K2PzvRd\r\nXqsQDn2JlBFNhpcE8EFZWVDKxrp1+LlVqP+rCmBVTxXSVxxRi4CrY9sv+Nvw\r\n7uJtpEStwYKBeguwivZyth5hYI/AOIvTAbF0o3567USYDSIBokW/R/aQvj6E\r\n//NpqrJ0mgovPcZwoE3/mKQVa6uacFCC5i5tH87jBWtcGeYghWOPXoEzA4kO\r\nGn8hsPpZrr7+Y7+qy6RvQJ7if8r3/qgP+s3zJNXfPy4Fpvwd54FBA2ZcMKW5\r\nEXV6C0j/2FFJy+u27RsOFKZ5kdjST4CDFyE+/clzKxjFUS264f62Y32HTa4+\r\nNqyWpHQMVWpMVdMwmL5tBd0UpQ2NOkgiwVk=\r\n=VD2P\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.8-pr.269.905afb3.0_1681943585997_0.7710216185059346"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.9-pr.321.5bfe243.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.9-pr.321.5bfe243.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.52.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.52.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.9-pr.321.5bfe243.0","_integrity":"sha512-i49gGreB5O3xRKd+H+qLuKsduT54ttRrlP9n18v47xTZ3piSXiHpyhHV6o18/9PaPMt0ZhKQ+PjHY68MgjZwVg==","_resolved":"/tmp/5a88455ff403597351fd56c096ea6281/kong-ui-public-copy-uuid-0.3.9-pr.321.5bfe243.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.9-pr.321.5bfe243.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-i49gGreB5O3xRKd+H+qLuKsduT54ttRrlP9n18v47xTZ3piSXiHpyhHV6o18/9PaPMt0ZhKQ+PjHY68MgjZwVg==","shasum":"e52b2bebdaebc3a9d27998a379d26573b148e112","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.9-pr.321.5bfe243.0.tgz","fileCount":19,"unpackedSize":557424,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCnbdQoi98Hi9Ml0gMDVaNO80XCVidlvzZomq5wUzYKEAIhAIOX8KZ5e1TrTaH/PyoARlzqDmhxO+OTxubmHFfXMmAt"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkQU53ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpPaA/8DPIRWL/Myvq9S3zvFv3LdoNzjmOUpjH81CscRA1+ESyJ0+Ex\r\n0gHr5uUMH6M7ixsZT37A/AxyRtsjOsfrVhKq5OBDmm3dvGnjCKwcg76f+dsZ\r\n+w6+cLQS6x3INKe4fmXQnuaCd7O+fUstZO86rVc0qlInJmVRrMoZDovJGXZu\r\nohBl0d+WXa3boUjxnHdouLfbc06AfoKPYFwhrdSx93ymFsXQck6TZbERbn4y\r\nxnoxsuhgU7ZEy3F1TztIIc2TvSHiyH9JQaZbKBkKRna8ac4ilWsZbRVCijQZ\r\nJkIHb7L7bTpphmkmmra4khoa5v+LDW+oEXN6uN+0MSNbh1tWpJpsWztEoPMy\r\nYwWpgQNClbgKu/zkbH+DPJOs46OnPQZcUKGUuLWYpFPUT66Ju59SWZ5LsUFs\r\n8X4BaQJKo78tsiLMxqNjA2iut7lHcS5uC+QwT0wUfKeIZgu9rPCnlm13sfCr\r\nOVyQ5mLof8HA9a8L66mBh4VIvEbyzErMSqJ2D4gM48yzXYMg3qhFNfCgUq6H\r\nDqdigX2WOR+hE9eMLxNztBaNQlT7+7DPu6ygcQaRH3Ll4BktMrf25nZ2lgzU\r\nil8hMWQIWHI/I3k4UVMOVY1aZEJnzFPSTw0aEkQhR27y906sTsvvyEUpW9Ne\r\nsggtynYZs237AwGn6sDEVglaSY55CP+MSxs=\r\n=fGqr\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.9-pr.321.5bfe243.0_1682001527594_0.839608243316627"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.9-pr.195.dab42ff.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.9-pr.195.dab42ff.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.52.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.52.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.9-pr.195.dab42ff.0","_integrity":"sha512-XqAJfh8jPHOLOQhWraRJhTYYKvLSLnkudiTP72z1NQBRLnx0p/ysNnmWJhyXisCag6KXhsDo9g43nA0beiUMyw==","_resolved":"/tmp/31dcd0b16e4c6961495a58a0d054fbf0/kong-ui-public-copy-uuid-0.3.9-pr.195.dab42ff.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.9-pr.195.dab42ff.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-XqAJfh8jPHOLOQhWraRJhTYYKvLSLnkudiTP72z1NQBRLnx0p/ysNnmWJhyXisCag6KXhsDo9g43nA0beiUMyw==","shasum":"8f94fbc6ce358e912c439cdade93159130d9da45","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.9-pr.195.dab42ff.0.tgz","fileCount":19,"unpackedSize":557424,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDy2TqpeYNTAt9m98f9V8qt4yN2pf7pdvIKfRG2ZX9bDAiEAr06z3WqdsB8neURJMkfwJ/3Xpw+KiXKCxPG/IhSnTik="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkQVGNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqhPQ/+MAfWvENjGTpuBHl98v4v5XZ08hZmTiQoovrwFn9f77Dyf42F\r\neCeLDsiEe67m4w/F/dMqKm1t/j0UIIWHmLIAaGgFStbZLstgScqrNydQq/TE\r\nURKjjbYc6Z+QE0XEGOELxtg6S8HJB0rd7+BsmkYRCTzpAPGyJ+FVTmbc0Qt2\r\nBz56lj1m0g9ZY3THpGi3Q4lyvBDGvgTVRKXaETKn9SF25vi8mUJQldDMnrZi\r\nIAv99rBsTNOqbGX3u4uijbwRd3B1QVfR6sWjZyyCMVoqqDCjY05xbiTVLNwK\r\nCT12hUFgM2oYefmAwcKpZlnqC+pzeMNwjG/DXnH0OWM+1aN9GGX1wet0fQ6f\r\nu9I14T+bi5mNBY45aTxJUS5fHWyYOEc/fQ7oB70ho+iLA2MFaYPXHe7CDA3L\r\n0DyN32DpoSteZigq9NWkqg+QBp0Om86MuQa0TgV/zDmJF3NPT3N+a5yE2VM8\r\nblrJ8hB+TmWgVWvP9ywGdSs1HrvtdAvLZlyvrD1d05JbXIwD+a+517cXJuK+\r\neSLUl5FlEHGBnskCvwU/MMyFoKeoxD0TNoQ8eAldAQiYtxR/JJIyXYwOxHor\r\ngOTgs6zayiU154EXo8rMkL0cKE3oXCCS99lpaweg63uoYZFbjLP2xn0X+ZOU\r\nkfrdjDYTNLFrCbRWiR+8NA2PaOfiFG6W7FI=\r\n=NUfj\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.9-pr.195.dab42ff.0_1682002317689_0.4664485929351505"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.9":{"name":"@kong-ui-public/copy-uuid","version":"0.3.9","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.52.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.52.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.9","_integrity":"sha512-PST9amYTcUKiWlXOO6DrCDvLZMu9mdBvhRSbKlr07395BiFX6d7OEIcDxzCUU0/m9zUuH0FCxWjo573RNf3hWw==","_resolved":"/tmp/8a17c21468e9f86953030fc30067ad7c/kong-ui-public-copy-uuid-0.3.9.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.9.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-PST9amYTcUKiWlXOO6DrCDvLZMu9mdBvhRSbKlr07395BiFX6d7OEIcDxzCUU0/m9zUuH0FCxWjo573RNf3hWw==","shasum":"6e42492d027cfd1ea53e54bd4122ae33c14c7fdb","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.9.tgz","fileCount":19,"unpackedSize":557407,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCnogbOi2l/xT9TQdu0+zKZvixpDsM2mOq23CsPMLLQdAIhAKE4i3bNPM9rh1sHexpVwKKTeRmEHL606rm3KivcBVuT"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkQVGkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqTMxAAjNOTtvjlTtlDzYrmM9yzExV/fEm5boq8gypWPl30ViPNH5ek\r\nVN4WUbXDB3ZP3wCrJm1VG3sa3tg9qZr9EDM8V+k6NlU1uh9W0DIb0qBs6C+8\r\nYw+YlIzGQ3Mlpjg6ty7IbWbJAMTilyuP8hQ7coxXQwkE2ig6D0zf0eX9FhuL\r\neAhpz0KKabN87EypCe/80ayNunJymUy9zW8tX8E/Ce/g2mAnRU0l0mxLa5Mt\r\nN/bL+lZbWXLA1+e76DqVYQ/thT1G8PzvbcQpvid3IkMPLa8CSGsG4zBbHX//\r\nVlC/vhik57SVSVh0xlA4jvH6RaaRRsT3hM+zz3GbHiRU4pDCLeZo+Noycm+c\r\nj3ELEFrVU54iJWVRBu+hUTejMUT57uMBqXFsbEreOZextnUf1xDXkg9jphXn\r\n+7sBZFDVHd6mTRDuUFrtVdex190f85cjy6uMXBsOYO8Zsku0jASjAjD7ZfHN\r\nroKvtL+CH9RuRZvUjcx1We+fssm6kZgFoqQSNojTPrd4KWDp9kG8fppgMFK6\r\ncjo2kHrCdF7TEbVKxb+cKsRF6crdMQLx1uIaZVfHYUW1C9kG8aectIvYCvBL\r\nDHsrUj3joecZ4LdyPn7fkKPuyXgLqeZFJcVVIknCT5ae96EN1AHGMIEZt1/T\r\nHAglqFKn6xWtZOIm0t98Bj9sEZDO5NTEbmw=\r\n=qEmG\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.9_1682002340597_0.09250549325256374"},"_hasShrinkwrap":false},"0.3.9-pr.195.51dc111.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.9-pr.195.51dc111.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.52.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.52.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.9-pr.195.51dc111.0","_integrity":"sha512-K8eCFPYHDOmlor7x5ESLI/Y7bLQY1OO8BsRDyUSuOll+LzzQ7lrYM2gh3+PysBbptJsPwmCb83RWB/8vNj0TGQ==","_resolved":"/tmp/0a180c12b1076a3d9b73b1a5baaf2f2f/kong-ui-public-copy-uuid-0.3.9-pr.195.51dc111.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.9-pr.195.51dc111.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-K8eCFPYHDOmlor7x5ESLI/Y7bLQY1OO8BsRDyUSuOll+LzzQ7lrYM2gh3+PysBbptJsPwmCb83RWB/8vNj0TGQ==","shasum":"a1682d7144904b8825d62c20f127aa18a45e3440","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.9-pr.195.51dc111.0.tgz","fileCount":19,"unpackedSize":557424,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCKTjhiLMO50k5JTQO5F16hhYnnQfkTENS6hfmSQDe3bQIhAJge9MsMV32qKE86yhhG6hPPveHx9kyqul93e5Jstx3P"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkQVK/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp0Ng/+KqY9laXq+v+zMbhWU9U3jT+IBVUinsI5EpgOvVkrUMqMn0B0\r\nXYGFsnwNB4RJU9eZ0aiu2FqiGYBVYnXz04lzYbhpM9dqpvyOl/ck0z1ZO7ho\r\n/z+bFPa4UfZ/apdEPRAaNV6xZsMllOU7uf/pxj7krNj1NCrdD2KzT24CiFmi\r\nkgmcRxcnzjT/Hkpcco1FXZcyI0RxIJa/yfSN0Hl1iAtar8UWbyh4d4KfeQ/N\r\nfFNXCZwPMGJK8VLVUseBSeoUQeYvMWx7JQ/VdWaZ1njXQ5rnC7Se/W1nnoI8\r\nIjtwZEXiPxZ8+v4bxSkyw0GFfArHezfk82JXO+XISH9sSEhVoXr0fzWgYufM\r\nLo79RX1VySfLzSlL7qMNMX28By7ImDtbsVuGVkTCeIaucphNYlD3f0edg/rr\r\nlGXR57jxPf9byiLZbAeoTNruX6B080u+eZoEfIm8DTe81rboTMadE0HXgcI4\r\n235WRKOx4B5lWzEG+fYf/7a4XHN2cb9HEbq0Aon7wj5+Q6YKPmP3fyReUe4G\r\niyj1NDwPxnKICzH0aZu1+XWNdxGWBoF3OSLwNpb5x898R7GLcMxTT08EWhIu\r\nSK/kRpcQ0IZfE3UJ1YPDN5Guet/zv7fUf+mRzormkufDc8W9ZdRAOCvqGaQf\r\nFoNjf26bZwQdzZH5w8/guHTZujpw8gBItIk=\r\n=8lcy\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.9-pr.195.51dc111.0_1682002623410_0.9434692860191602"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.9-pr.269.604e414.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.9-pr.269.604e414.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.52.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.52.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.9-pr.269.604e414.0","_integrity":"sha512-sR0J31WyRKHbZOkpkgXT4LP8Va3NbHNSXM2RubjWwFMSnhTU7Jkb1GaJPpG0nW4LX1mXy8zC14QVWF+1Cvp8XA==","_resolved":"/tmp/599901181952c24dfb498cbd86ea295c/kong-ui-public-copy-uuid-0.3.9-pr.269.604e414.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.9-pr.269.604e414.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-sR0J31WyRKHbZOkpkgXT4LP8Va3NbHNSXM2RubjWwFMSnhTU7Jkb1GaJPpG0nW4LX1mXy8zC14QVWF+1Cvp8XA==","shasum":"97e12d5d2c159fb926d5243c6f8c2a1e2749588d","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.9-pr.269.604e414.0.tgz","fileCount":19,"unpackedSize":557424,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAzCjAcOTxcZWenvwCNaruonFOt1vsHF7TkMfR9mvfOJAiBdXkBVxvNUIhyKy1W09Rzh8pSA24OkYG24NBhQgiZBvw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkQVSdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmojnRAAh/V/M7msqjZTFiHUajV8nYTMiDReXr+Wec92regjuhORw+fz\r\nsK+ZJYINRkfStUxEIhrXCys5MtuIUMP4Jz/XbBr2YhurPbT7ggHwFIsKfYra\r\nGbeCa/DETWd4f6p5NbFq6nsB4ix8xcJmwfThy0APxWdneuCBMCb+onAUG1Za\r\n4OPrVOT8jsq+t6n7TpHfH0BAtyuE+BvhFuB3JRCXJFDb48EJ5s/mQ6I66EW6\r\nODuqgDGJ6TnDap7SkyW0HOuVOBaqIb/agm8D8WmL+4GWZe4LOMa753Q4JcYh\r\nyH2/BxfZSKDe/1Fxo9AdOT1VUv39p2bC/QbdowrEPJj7AZeY7IMwg5U0Id/E\r\nv00U1y8SdayNrHsTcMdR1+9vi9qEF+lNRzEHXOCgzPRA1lQF10Ih9ly9EYkF\r\ngWxhi9/fu6YH3RJiA1cGjIqYJmFm1fcfLBo2ypmtudgLvibQqIqrc4hZL25/\r\nEXNnjUTW6T/VHVvGsXhcaYIXvez9z+X6uaj9XTyghZEpd+uGdmuMF+iT2jAz\r\nDVBl8hLxl+aoLJjDde8x70c7a5YOakZy9HI62GEudQ6JpX3LjLxYyNKCEV02\r\nS8bqrnhvnEXD96B2EkFVQ06Jc6aewPOVsN0lqSsyAIGCV7Mme0Ly4MZnhgu/\r\nysspDO2R2I694iCCiry994x0rHzrTx3aXoI=\r\n=EBKA\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.9-pr.269.604e414.0_1682003101109_0.8935156397400459"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.9-pr.132.c10d5e3.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.9-pr.132.c10d5e3.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.52.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.52.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.9-pr.132.c10d5e3.0","_integrity":"sha512-Qv7qcpipiWm5WVTIeFQ0GPXDcrhzENo5iT73R946sxhgZKzAcFzpO5HI/doB3HsOvD29PssBpgWpMlmtgOV0KA==","_resolved":"/tmp/0f7a60ea85d791fd6be0a308fd451a89/kong-ui-public-copy-uuid-0.3.9-pr.132.c10d5e3.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.9-pr.132.c10d5e3.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-Qv7qcpipiWm5WVTIeFQ0GPXDcrhzENo5iT73R946sxhgZKzAcFzpO5HI/doB3HsOvD29PssBpgWpMlmtgOV0KA==","shasum":"45583d2db9ff2d086313e6dc9c4fbc1c0249bbd1","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.9-pr.132.c10d5e3.0.tgz","fileCount":19,"unpackedSize":557424,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC0Fdg+RVNMQjvnI9dljGMJoFx49NiFZVDc8c+mkkTVNAIhAIJTTI2M+XS7D9Ubuta+qjJd+Jy0WGdsUdOisg4wlmtf"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkQVUDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpffBAAnCrUw+YOmf7RFD3+GkdHbrJBfsbeWVlC0YCwNf/aCTLGSx9o\r\ncc5lq4cG3t1lDO1jHHdbRJS+Ot4b3tgv1R4alJot+XFbSuhjJt8RRvS/OYTy\r\nDzxFFjJg1g24yc61bBScDa57emtfVQfDiOTSU7dtvKBgrtdxOqSeSABgSz+j\r\nonxve0DRrDdCHmxeFmqnDLEUVshZqQ/aVqt+J5BzGfReK2M8N49/YhomnKLT\r\nw8yij6McfzdaLNA4tIFoCCpLOFOq249xi/AXK0C7/ng2kpOqMQ/eHkEdm9M+\r\nTvTosDfRrJHOKoN5jL1BbtVSuRi3adNR+h1rdBuY17ZBzcLUFV0ySC+E93bc\r\nIHAuj7BuWwmNBir3V3bPT4+esGWukxbwuYq/vJ+GzSwEmQTlIdY9n4vk0BfF\r\nS1QPl++75MG9QFCQwjDJQ9OTU4eRv/d5FaddQ0Xo/thvzVahcXwJ+pzrxk/c\r\nBZEeWPKguwXkN6GErNssFS6iyW5+nxwUbUcAc5TQk5Dol1pLywKGR8l6Nj9P\r\ns/BTXh2nWsObiEugjTWl6B9nSDyWD+GLtS9hHTA+cSXhF/IC5xzpCRl064oW\r\nypdZUv9uZA40aj0H1SVoiJnmBFclQePPylj+4J97CV+bGZyH+QSKJx5e3NOm\r\naaHJwKBBVPY58CsC1yf6dZelgPVI/e8aOlM=\r\n=RbRA\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.9-pr.132.c10d5e3.0_1682003202984_0.17556440379274463"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.10-pr.320.890e309.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.10-pr.320.890e309.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.52.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.52.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.10-pr.320.890e309.0","_integrity":"sha512-JFOkr9f3ulslYMGHPJ/OG3UmkzPfsO+0J//7IP1KLUTNxPXOaIvH4psEXsHuz7Qf6wDVov62dTXhgBFzH3nC0A==","_resolved":"/tmp/556c6083600aad36350bae79a62db4dd/kong-ui-public-copy-uuid-0.3.10-pr.320.890e309.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.10-pr.320.890e309.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-JFOkr9f3ulslYMGHPJ/OG3UmkzPfsO+0J//7IP1KLUTNxPXOaIvH4psEXsHuz7Qf6wDVov62dTXhgBFzH3nC0A==","shasum":"4db0a3513fdc16431491e3bc60caf4945b231215","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.10-pr.320.890e309.0.tgz","fileCount":19,"unpackedSize":557425,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCCJSvWPQoMNYuOsd47Xg+4aPe0Id/HQzf/byrnZGc2cwIhAIRDxTPq2aCFbNFlgXy/vORw7iL3vE8H0x4VVAX/KC/z"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkQV9YACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrqKw//c0X/UgWwjOxtIC1BOeTE5vHbAG+eQCQqPWMrRLMUt5VTpxG3\r\nLIQRjSfRSOt3hdTU2QgkcII5OjEClnMVmrdDNUjrL5b0L3RtrB8ED07NEkVj\r\ntRt6YXI3xiDKHRW386PbFIoL5OqwT1Wy1oMmTPILVgQ6hBEhdeez4FM+C/6w\r\ngK3Bds+oCVQCUJj+axy1OVfQ+CS+K+JKqP0dXdhOtlziQD0fBFz9M8+u2Wue\r\nsLwErrHj1puU5ibFBHLbMVtQSS4dguUrAd0mLkJLmM0cZzuX03dgxw/2CmTw\r\nJw52rEIdn0Ytiz5bKzCSDbpu+2twtqUYQJ2N+TUpJwyyqKemeDY3PtxpQmQC\r\n1q9jFSQ4HLYCpLo3C8gb++/laYAX72X3wci1Ol8RU1lOGjV+oKg3gJioKGEl\r\nefofBDY/EqXm417vf5MbeJIyqKG9F65kWZBZfb3tProEJFvfXprBfJliXnEu\r\nLeevNYjiArjnUQGoFgnrM7PpFjeLBOue7wVauzD/+BRlWfpmbS5m4rsL+vDK\r\nMpbWStYDyh9+QK0cADUNfYnKz1d5yP1E1a3EhiSxbQkrQWXEMsqMLJHZZVqu\r\nZtGYNb/GrHqEO35sOTbrmf9hmcaYHa781Fl5/n3jB4Q5rnydimUCjNPYoUmS\r\nWkW3Go73/QRc35QV4oSbim9mW3wjhqKzl4M=\r\n=lGT2\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.10-pr.320.890e309.0_1682005847800_0.7555811422798049"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.10-pr.325.9dc0a87.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.10-pr.325.9dc0a87.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.53.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.53.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.10-pr.325.9dc0a87.0","_integrity":"sha512-odzCgafn04dcfymnPVLruJ346awdc5/6i7iGK2dv0GiVOmyZEoYFhRQdWZ87+XXglmc7yoe+vLR0bDY4XVYpJQ==","_resolved":"/tmp/2e36fc8ea646cd6b198b7255edb90ef0/kong-ui-public-copy-uuid-0.3.10-pr.325.9dc0a87.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.10-pr.325.9dc0a87.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-odzCgafn04dcfymnPVLruJ346awdc5/6i7iGK2dv0GiVOmyZEoYFhRQdWZ87+XXglmc7yoe+vLR0bDY4XVYpJQ==","shasum":"f6c6cba8886f469cdd52d9942abcf4c896692214","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.10-pr.325.9dc0a87.0.tgz","fileCount":19,"unpackedSize":557425,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGHOJWuZIUvIV4N9jnDnFkjMPjkABkKGSNxmbEG7WFFuAiEA3k+q/Qk1LIlt60zFmpFXIZVcj26S/yk+rH/30qzvqkM="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkQY9HACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqBCA/+JIS6HDAU/J9V1pQmPOnAk8a4nJgzZ/sNvdMxeVP8l2BpczfM\r\nlmr7tMhy0HVMh0+N51v0ghMVDeioLWaw4hTvJqpX3RC/9NwdFXV5GIFVK9AS\r\nS7VfMcB9UB/pHJYs7kyGuUgdIiBaEAZSXr0JHQUyhIGSsCIsMdtFXkBryBKo\r\nd8DC/daRHZTdzGIh7dii8FmhqDeY+pkmmfd5JpKIb62ZaFLlTYduaVjf/mWM\r\nWkyIJ6CmjGSXnOErtruAilU7TratnwRHZtL0x/FpyLBiEK/Ry2m7g9tdNYhZ\r\nQsv4ViTDrsV20FJkZYOZt7ai6+jtQHgtfYvH5Z7AdYvcKV1NDdaV2fmP9dDR\r\nDZXvJFKi6eMi0GPg53YnxjLi2Y+2Jo2QkeuMRqHRdWf3gwOWry/kYya2LkWA\r\nDBmfAjYl8j6r568a8JF3aYIO3mdTuFgfDS1LiQC6kup4m0+pRJRNOM0GuuaX\r\nPD/CuG+ZOeNkFk8VBKuJfAbQPfhXIgugBgveqZFvE3R0GlICOt+eEvrMy6bF\r\nv33j9P5ioe0AUUR1KCPt5Q/z6sOJH+LO0WjJxbq9FRxBywrJvCu27HzvRtq+\r\n0lArQyecTRHEOlkbpcpHE2rnXGyZ3EOtYMvM/b76k46g8hVncZaOWEpQCwYT\r\nH0YQbFjhqYvnpPyB2tx02SKC6VzUYnTrBw0=\r\n=Yd1l\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.10-pr.325.9dc0a87.0_1682018119167_0.9676708241406766"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.10":{"name":"@kong-ui-public/copy-uuid","version":"0.3.10","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.53.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.53.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.10","_integrity":"sha512-mPV5GM9Hd0aiPY+PzTaj3VD1vLZBWjiheiOUi2gvKgR72u72OX9R3/h77MN55Xl87eH3+QoEioEQK4wRmdMvmQ==","_resolved":"/tmp/26236283dbd1afa34e498520d6b4def5/kong-ui-public-copy-uuid-0.3.10.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.10.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-mPV5GM9Hd0aiPY+PzTaj3VD1vLZBWjiheiOUi2gvKgR72u72OX9R3/h77MN55Xl87eH3+QoEioEQK4wRmdMvmQ==","shasum":"d04a375916ce9b6787b1fa0ecb0f149ee844f0a5","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.10.tgz","fileCount":19,"unpackedSize":557408,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCQwOsvUCgYrkKBdclKeKqZ/HcgjwPAFrHJlJzWhkjZlwIgIehk0Q8keQYHJNfKNc3ckSDC6hgt8vQMXe12MBASnYc="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkQZJAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo3iw//cYOdknpQKkmIfciG7K8WpoGOmUJsCNS5A2Is8+JTLwZEG3jX\r\n3ruwSkCIKepSV47jIqHM0irMqBYuYJDY0Jy2cbKVLVz7LRQGat+dnxmQ3Wcp\r\nzRbI0+gr6RJO3zsK+t9QvUxWhPdZrW3aI58UkbB+aw7LulK8kMT0UdzgnWo/\r\nJAlbXWRCl4U5x8OJdE+jt1tP+KcpxfgbpBbFNnw1Tp12HGH9XeWBoqj9znz8\r\nuqfyfrVsbHlsydth13VphYP8I8jsub8k5EVLPA7rxFWfJHHuFOoXvyOedzc2\r\nNUr8+ipRxCC0tl7vKmRx+Bi0O2PaiCP9TIa4zYuOeP5KhfKc9E5Z/6MjKRGm\r\ngz8qPi1NGPJOi+0a6zufCku0zaiUwE7VEShsRR53eu0OxvMsEBIbsGectIGE\r\nbkG4ac8IqV46uE7b/gFzlV60bohehP/sXILVVKIllxsJmRyhQqpqybPEHhqn\r\n8O2hgkDI0/QeinWAPhxytm/b+cBjOllwrdmiC62PS/ayb5ZZsFVZDOT4Zrde\r\nFyi/20IpIvgTWtj2qP0zz2O1oCbyJ684guM88xpDvjYw6RR8KxuPOc1bH3la\r\n0zgRgvDoVaRv8shXkhFRgktbgjcjNKSCgyJOfknPcQr5Km/Lnz6CyrdIXCEj\r\ng8eaoqactbz8inAcguDO6nmb15nyRcxpxD0=\r\n=nJkq\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.10_1682018879818_0.0814221227685592"},"_hasShrinkwrap":false},"0.3.10-pr.195.9884cbd.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.10-pr.195.9884cbd.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.53.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.53.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.10-pr.195.9884cbd.0","_integrity":"sha512-pTu1HN0RIcX9ViaHSbAg/OXobpFRP2M4LzG+5LQh0VsHS48nhKyUhPFvLpwON8UQej4ehPKHfOYOBYcjvYy45Q==","_resolved":"/tmp/078c805037c8e44e1a49b223d86171b7/kong-ui-public-copy-uuid-0.3.10-pr.195.9884cbd.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.10-pr.195.9884cbd.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-pTu1HN0RIcX9ViaHSbAg/OXobpFRP2M4LzG+5LQh0VsHS48nhKyUhPFvLpwON8UQej4ehPKHfOYOBYcjvYy45Q==","shasum":"95a6edcd171d84b074fe143a24383c5708bead20","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.10-pr.195.9884cbd.0.tgz","fileCount":19,"unpackedSize":557425,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCSOyLZdgoGvCjOhc2EFRKu9GjVyRqOc6mZ29JypiYnlAIgbArsanBhdGqncPOebzKEf0C1gRBJfSxBaBk7GLe7j/I="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkQZTzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqdHg/6A7OGdSGlTGYpd1A9QPK+eON7AGQ3IcHi0J0hLvS+jjZX3whr\r\nghBN4tamHe2OgL724XAoIMG/8YTaVW2Aei6DrR4G5Elch3eV8NBRUcL9VIgn\r\nGacEa4+O0QKfnGsCcvu7vEp/vUY6lkxRyYE8Z3j0G4289pSN4BO3nggvqEKh\r\nDBES0iKkzxS+qj6Epd1u6a5kx2eXhUK4DOa20c6peqEKUHn1EXnako7WmTdn\r\nQthst/yCoBJjQtSO+/PAgFNEGRrIEzVG9HAD2DJgPmgR4hAgfZRndzAjMFm7\r\nY258/w1/XoEkH5RK3zlPuoHRgXl3yqdDpHZpAMyC065DABPKgmS5u5CJTxxu\r\nX8Ed/jBhL56LBjULJoeJq4uNJdiqsuxjZqpWDFf8Jlkj014Vnacfgozc6kpZ\r\nmAv/ePA5/iEefdl5uENJ9pFwglGH7BAWvFH4YcrwXn+YB2uOd/QHUk6bH4FH\r\n9+ZWt4nNS5LR+V3UxlD+hfqRgEmMXzux3/7R4riR0T+GZAMR8KGi7MeJ4eeI\r\nzku3MocuvdCj6OTPkG7Ah5/HAZKO6yARpnS/68yUsw8GsybAkQufiZTMsJUm\r\nAl8fzcaluucRGxhoLACi37oU7VU/yOEmgLnQYeiwBlEPY0Hhj1BZisUGazLC\r\nseu3quqW6K2v/rXgy44+uWC1waWSmaKDo2w=\r\n=9l3J\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.10-pr.195.9884cbd.0_1682019571317_0.02678933014859175"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.10-pr.269.6c15b2c.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.10-pr.269.6c15b2c.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.53.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.53.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.10-pr.269.6c15b2c.0","_integrity":"sha512-lVWRekdhRtcL8KHLaszSTDEZ+9Rw6mPYib5QwRvSEpnK0uLSkptHkh/ulk+m75jfz+F5gy9MRc7vyf1CPyEXCw==","_resolved":"/tmp/1d7f7aef429219ab128a3da34bd0664e/kong-ui-public-copy-uuid-0.3.10-pr.269.6c15b2c.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.10-pr.269.6c15b2c.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-lVWRekdhRtcL8KHLaszSTDEZ+9Rw6mPYib5QwRvSEpnK0uLSkptHkh/ulk+m75jfz+F5gy9MRc7vyf1CPyEXCw==","shasum":"035c4222a226fbc049da07be8e536dcc97778b67","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.10-pr.269.6c15b2c.0.tgz","fileCount":19,"unpackedSize":557425,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFhk6CWoF7iYCPi8RK5xK4vw/Yt21S8IGqvNeWXlyyEwAiA5p+HYLaN5i5Bo8r9CtNKmMxKqCuklhmgIxdEBza7g4Q=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkQZYZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoHkxAAnR1118k7pfmLyyVpoNeps3uHI+xu2tXQW4II9jMBmDn44n1r\r\n/sd3ztSRmsSzxGhm3RkC/QRa3MBNJseh/adbYP3jvfSMw6+OrB38G7/VrUqN\r\n7HjiK+U04fEXVbtTIz0Tu3Z8u/tMhcCnjGrbcb0WhrfX2Twgindaf1KU3v5w\r\nexd8xGtUMCOZji8iiVB2xXbJg8UO85MIwuyVmNyy3DAxjq4bYzdW9s9oVNFa\r\nPr0RmJ6qiTcGEudexFbcR1RJBfZdImr9z4wuu2ApJwctZTNSQ6h/RN61MpJx\r\nJzOsN0FEewxafsP7pjLNX76e9UMu2KgKfoOvgFK48fdsdu2Zc3s+9/IhbT38\r\n5iJPavHC1fVOaFBeN/9dUWs/qmig+bkKKMTr6lRo5M505Bap5VgZS4K+RdiE\r\n86H5j3DqGaJC2OnlYGrign+mKSFB3EXvjbwNVAHhKiPipWqhUZdZPNbjussy\r\n7MZjnzsh7zrw7/RL7B7T9nvsDH2bZLbYWWu506d3uFyeKSJAeONxJjErOe2P\r\nW0iOwgWsO6VrTPCS7ibclVXCOsYtg05/99DV1gTMD+xE+xDP7jHE4Lsg5uFL\r\ny5HERwSaTjCTerzCrCCjf14jqO1eA1/wyZRhO1sYc8WfT9PcRZljgHHRdk4H\r\ntJGj9cr3HL4IO3A7UetrFk/lkdwz+Au+PM0=\r\n=B9pr\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.10-pr.269.6c15b2c.0_1682019865777_0.3381047969687967"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.11-pr.333.e9fafd1.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.11-pr.333.e9fafd1.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.53.1","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.53.1","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.11-pr.333.e9fafd1.0","_integrity":"sha512-LAX0sr4Xrp8X7NiJsjnz9pLIwrirccGtb+fPPIfHYW6l94LLptZBM8f+A9yWtN5sj1/DuLMLoipbd6bWnFwqYA==","_resolved":"/tmp/19a567b967eda87c778d83d8512f380f/kong-ui-public-copy-uuid-0.3.11-pr.333.e9fafd1.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.11-pr.333.e9fafd1.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-LAX0sr4Xrp8X7NiJsjnz9pLIwrirccGtb+fPPIfHYW6l94LLptZBM8f+A9yWtN5sj1/DuLMLoipbd6bWnFwqYA==","shasum":"49b2b58aafe64da1de4e467c283e116621fe1617","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.11-pr.333.e9fafd1.0.tgz","fileCount":19,"unpackedSize":556798,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDCiokF5KXe5FPuPrjeqJE0yDJcS4jzV0bkquUgPrGZ7QIhAKP/53y0BC6Ps1K22TetoVbAEZr6PSxQgfGGXBU96Mh8"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkQsECACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqplQ//U7zX8Jaqn/ps6VgxesPQ0VXuzqzGIzSdBoMKf+lBv4nRMN9G\r\n2pDV/C8hQqvRL0s2cOqYwUqlWI3fn/f68+4dbFUp1Vj1yeDJpeM9itLLu4Wp\r\nh9bH/W6YZGBh6yuz/L7sNczxnpfDwnpF8LrY87C7P9CupeX4py/W16pR+w/5\r\nTR+cHTFBkhISUUmnlEhC1mP2/9XfwmPx1wzRRApVv6YjWuHwMOajI+XmNQDS\r\nVvVxo0S0ngyyp29kA2qO2HOTxC33WFH+XBgb4VmLzNxF0SAaaCV4pC9LwWcv\r\neADa42erRBY5tBZfsF0auNKtnNNsdnxNOsvSnC3itF6Q9s7D1yPM847O3HzQ\r\nYCYs+ZUiMNugEsF0ZX4vVQkwGLt84V7/Sp3fvV7DxThUigyj17nkf5MTQz1b\r\nkAp/y/ZNe1bVHnfW+m5ljusDjaMBco5FrzOMSqYMfOkl2bTw6flz124GJdRu\r\nYxrXoe8GRfSISWQECvZ4O7uCqLNym9dCzt0137OfFGogOitX0D7pvFPJHN02\r\n97ipktvVb7zeMVB4X8EZ6FmDp2iUuwgtxD5gyPxwPTXnKIEe36x62BxDKyMK\r\nUDIhCKEJVMpN7XtOsJ91G1RcTv5QIU7eR6Q4OzVICA09BDAaKl2BhkvJR8G+\r\nG9Ayp0p8C5VRHCLVpfoDHl+Q/NXBs+CmwlA=\r\n=4VDp\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.11-pr.333.e9fafd1.0_1682096386663_0.4276812856842862"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.11-pr.324.83c1da2.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.11-pr.324.83c1da2.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.53.1","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.53.1","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.11-pr.324.83c1da2.0","_integrity":"sha512-E7fP4jcW98bfCIY7hRYvlGYbHpQlP57viFoGm7phibvBJMm9LQUFwnMwOJ4qF/zh2qhpG8li107JE+hkNIKT6w==","_resolved":"/tmp/aeff6e20305d60061248eff3134db4c1/kong-ui-public-copy-uuid-0.3.11-pr.324.83c1da2.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.11-pr.324.83c1da2.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-E7fP4jcW98bfCIY7hRYvlGYbHpQlP57viFoGm7phibvBJMm9LQUFwnMwOJ4qF/zh2qhpG8li107JE+hkNIKT6w==","shasum":"f48db55ab974431e85d4de3b8d21304f5afbb667","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.11-pr.324.83c1da2.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA+CHxAK6tfpRPsfwUNuVFmZKpLbUuhGUwjx9IMc1IDxAiEA/xIpUFeCm1LMlqrEFLS2CGx4MdKQ6qMert2YE3/5hwY="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkQsO/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq3ag//U+BZTDbBAEDaZnPKrkNsfy6ZoaCYGP0BA0QPrYnT6usjULb5\r\nrxHEOk2sxnH/Zm/XTRBl/oiiOSzA+ztmtyxZbBmDLB7RooS1yUj+ZeEGH1wy\r\nkk2eBRYCHlUcBeWAE6xco7K5Li4g6V6ynRMGzfo/k+3ALwGXKeDzEQhOM/qW\r\nNGH8urDVNlgs8FHp3dXGw3wNdiHPs5+OLYAQrnVx8RnC/02clI3OmOOVWAn0\r\nNlbm5jMGGn1NfgpFNcyCQZGXKS50FDgl4t1vyBtKXPOpjM2TtPiq+Oi55mDo\r\nLpGiK8JlcHWa+QOuQNxAb7Y2LtsWuYTZRnmPeu5WwO23Gk+3oD3CNAif9URJ\r\nwZ/B/aNQ0B1uBw7VMr4DXwTpudR5IN1MbDDmDQeNC4ZhYqJN6nWeR5GcmSRT\r\n3jW2Abv/fMbcd/LQsE9Q3ZNG2fr6P/S6k/99Id+zxYh37rze+TZdbpldBWfi\r\nL+mp5kS379bEKwIupM/Ek6R9XuA2ah8xGR5lLUb35UveNu/lD4aJjPY4Qjrh\r\nRDX66yzqGpDa1rRkbx9dBkPWQ7xOmM0K3Pb7dPwDkTQiXl31H7fQNuljibtx\r\nKdudYuL0iCaonH8YSlQf1CkZaaUIEXf1RWPVN5KrQrD9KJpsayuGPz0O4eCU\r\nQw1LnykfGuEfXTLnYj4Sb8r1u6dCTv042rk=\r\n=rppR\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.11-pr.324.83c1da2.0_1682097087728_0.17394676429228495"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.11-pr.195.23c75fa.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.11-pr.195.23c75fa.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.53.1","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.53.1","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.11-pr.195.23c75fa.0","_integrity":"sha512-LGoiuVv7qb8+H59U0zzdYU9+aKw778y1KN2kXurQZZKaaZv42BxeicjadtbC5dgiieBswgr+5bEl8WZN29jdJQ==","_resolved":"/tmp/26217e7d7b722344d5c7e23b70d254f7/kong-ui-public-copy-uuid-0.3.11-pr.195.23c75fa.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.11-pr.195.23c75fa.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-LGoiuVv7qb8+H59U0zzdYU9+aKw778y1KN2kXurQZZKaaZv42BxeicjadtbC5dgiieBswgr+5bEl8WZN29jdJQ==","shasum":"78e7d5a9ef63b5d00f6ca1178ca15ed5ffd73026","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.11-pr.195.23c75fa.0.tgz","fileCount":19,"unpackedSize":556798,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDd3bjaDpeU0j2VCkfuB+CaPnSbfEnG8/k5ReMSxH10QwIgCrJg9gAzgjZiNCCf0PQDrhK8k9zn0nveh4WtAyU70Y4="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkQsQKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqFgg/9GVVFgsWEJAD/je5AiDi4pSDfTxHd2i1yecHARS4lGSiUe4i3\r\n9ITxDfN3H9gOTKllR+jZ1IqHv6+Bp5fKWLj/W3hnlPBPtECKvzCVgVuasXd7\r\nFy16JdIEUIw+sUiNcqsvVCA0xbAYYL1ZCh19NtCF9iGc3onUKlnvDnDttRLp\r\nFAlOwwZ6S5OzL7WvoWB83IMFAPHXM3KiUDgApiL0RigJpWX+/AHu26SIAXLj\r\nt9x5TQBjW6ZF1/S+JDkyQ7RecAeTp7OhISzobptVIPotRqyu1BXvVo8Z45JM\r\nDmA8noMBoULQJ/Va4guCUKOkOHhG/Ao/w8+Q4HBgoKPZQ09sGSo9l549v2JK\r\n2/D/QO1oolU42GrR9R0+1fXvDwEaI4cwme4/56o634EhHYBOdHYr0qOu3IHi\r\nQDqSuZosCbt/2F1CnA90J2tRo7MvbBI7ECiUbl0w7dbn2IrRVcLw1xbcMbAA\r\nXfCqOP2qSHYcfT5c42qaBSDmypRFtfrhPpqQ/KmFEGhTIYzXBHfMM2fOFXIH\r\nh0nS9wXztnHVdB6Qb6fTqX8dw5UAwrJCjF83qtH71au6ENvtdAz5UT4z168e\r\ndgufQpP8CIkapiUN0JHdhH5iyuTSbChFejPcOOO0hCI7utCiB2HrIvADCVdy\r\nWw6n7AAU+7exBslnzb6XIogkEVmQB8HNijU=\r\n=a34h\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.11-pr.195.23c75fa.0_1682097162441_0.07662766586168868"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.11-pr.329.704ddfc.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.11-pr.329.704ddfc.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.53.1","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.53.1","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.11-pr.329.704ddfc.0","_integrity":"sha512-VZFSutsaHOwj/S14SeVdbAoBMYfLY8obepJjj/RxPVKkR4WEsVlWjE/CI9d17xV4cAud4D1Ehy2fcvtuTv2EYA==","_resolved":"/tmp/ed6b28e3c79e1dcd2ab7f2397ecf1bec/kong-ui-public-copy-uuid-0.3.11-pr.329.704ddfc.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.11-pr.329.704ddfc.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-VZFSutsaHOwj/S14SeVdbAoBMYfLY8obepJjj/RxPVKkR4WEsVlWjE/CI9d17xV4cAud4D1Ehy2fcvtuTv2EYA==","shasum":"ae41a1d74018f7d2bbbefd74cc6560b9ebd3316d","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.11-pr.329.704ddfc.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCbPEnMweM/uIzgYK/WawdNvWUJ64S6e+qniSK0QDD7tAIhAKMbgoga8lA0Wpa/twLskN2qKMEWRvlRwCWmChD/B9w/"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkQsUoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqA9RAAjumsE9/xk08DirmD5Z4y6zo9AVm0f1dOMECjIN3ByJLBKQNp\r\nzorPpVGxzO75cQNyGrVfrRSRunX9dreAkuh29/OSmMP5xmR0P5xTn4fRLdg4\r\nvKcL6LGu9bArHDtr2atnp5ww2NJUsjKCOwmPE4JWYetJarv2iXTRityUx6mO\r\nEuqvxjh5a8gx22XAtTukSAs3UCqLRZ4bp7BDxQosrBl4t2baOckN7u/S782r\r\npIYVJI00dA7stz3I6dFzeNr/nOZ+3BYk/1c9JF1GFpyMys9pVTwbwwmpO3C3\r\nU66vImFYGCy/I8VIP84dSs5yRoTieQUeuAeZGvD3SFiOnz5IFJwf8Y6vJKiY\r\nB1enQaejYlQ6ohOF9YwUbIRs8vslbr5Dw0h8JoL9/nr9OiHHMt4De2yu6CH8\r\nWDWHxnAYCCV1GEXCbY+1IZb6toVLuHODDXx72bneY7R6YyTcLWaMXgbLGIBz\r\nVnKKkwaaISOAVGMrrGvFsoVLN97z4X6Qw8oXLFM4qHq226083Afe58P7slpz\r\nscqtNxcaIJvPIlp30A6ZTDExPfjv2R3V/wq7KKWD5fbBPiKBgZ0IEtCDQyie\r\n/sNwOC8vtTMcprfJQDwcrbzL+iotvndJIFVC5KYRYbg2k0s1VkfFOcxZoumU\r\nuYiLRdg+1O5fJi5W6BUB5v5/bnBOnsyGr6Y=\r\n=og/w\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.11-pr.329.704ddfc.0_1682097447821_0.6552492501804632"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.11-pr.269.2f551e5.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.11-pr.269.2f551e5.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.53.1","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.53.1","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.11-pr.269.2f551e5.0","_integrity":"sha512-iEpyx7j94T8akg+PvuwzNjrZ9jc6kCU7TvEjNBmGRCgy2IyaCmepUqxqynhWPF002p4Klu4sYfvN44Xyl8FLQA==","_resolved":"/tmp/05392ad767752f52c85fffa25f3b7bf7/kong-ui-public-copy-uuid-0.3.11-pr.269.2f551e5.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.11-pr.269.2f551e5.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-iEpyx7j94T8akg+PvuwzNjrZ9jc6kCU7TvEjNBmGRCgy2IyaCmepUqxqynhWPF002p4Klu4sYfvN44Xyl8FLQA==","shasum":"d1a4ea534bef8179215d970d8089060d0906d8f2","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.11-pr.269.2f551e5.0.tgz","fileCount":19,"unpackedSize":556798,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBgfUDM5lVcRVhcjxI63+H1nfYpFPqGVbnAJJzXk4VIyAiEA8EBtMVsYTm181vCeZjvPHMKlrGlA8PWKwsLTgK91Gwg="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkQsU9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoLhQ//fh6TuTvBQ4/weWwwUFo70/ZYCWBlNSSInTMNzPSKE63zatjJ\r\nB0YmswY3Rc2QqQzVS8kBH/+X8rpPDOOrkvG5L/m3QaGUjGdUz1GasJQ3Ivm4\r\nH4LEgjK6eb8jwggJ4i6c9FtkVznHw29yjzk6AQk01xkrVv+n2B/NUl7Tmpn4\r\nhEiXDvxEg9PBmg3/qxZRPdfZ/kTvBCL/P0IOjOShig52qTTwgq4AXqG2k9mb\r\nnc8huc3bXSOUYecZDvwKWu4kvRB6EubYFGCyKeg5eh4/gqIjC6/cXDosndtl\r\np1f1FlNlCivdmQN2FUPaXMyrB5Q6s9y+bmGMX37faNXzW0nMdbvmltzENurv\r\naFFBiWtNdI3O7EXTVrFkE632Wi+fOoOpDZF+Iec804+GHy+d4n1CAJb8Egok\r\ngTgHWAQhuqrGIby5UQj+6zgB8lVtQNCI0nIrYr0VhmXkr0GWJHuNDDaOBON0\r\ntQUbf6BUGhXjCve2LYsV1SibCO16wTvtAN6wO34pJIuDmL+S8CWuSf+6vH2Z\r\nHU+Qee7LDJWQBbtnCvCxittqzE1kA5g7Udhl9Tw/jy21jG9G4YdiqonWdm1S\r\nC75T4v5qlh8b7UnCHZ23FDhyIW98NKC18Q27AcbUfPDWyHe3b6kjsmGkHv3d\r\nwVYYLHGE+6jDiaezSk0A8klxCwD0OP9hLqM=\r\n=ZXL4\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.11-pr.269.2f551e5.0_1682097469088_0.942214383786075"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.11-pr.334.22f94ca.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.11-pr.334.22f94ca.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.53.1","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.53.1","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.11-pr.334.22f94ca.0","_integrity":"sha512-qGjhgBkFEI9opVoyUCSBljHtJ2QoC9fGobjW/zkGBLolkWWPY/9V41uCYbtSusaVaRH+8o6krP7QlY2X+ovx7g==","_resolved":"/tmp/798bbbe16214f705004895052e97b1e0/kong-ui-public-copy-uuid-0.3.11-pr.334.22f94ca.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.11-pr.334.22f94ca.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-qGjhgBkFEI9opVoyUCSBljHtJ2QoC9fGobjW/zkGBLolkWWPY/9V41uCYbtSusaVaRH+8o6krP7QlY2X+ovx7g==","shasum":"da8c22f9ba2fab474fde5a8b716901fd3216b514","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.11-pr.334.22f94ca.0.tgz","fileCount":19,"unpackedSize":556798,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD0jJ0C2e3ZzLUUfHP9n5q+FB/qWGjVC12w65DNmPDiPgIgHpcs7TVHBCBTEgnX5FADtS+kcxSFuaNLAfHlJEB4KgU="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkQsYVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrRgw//ZTuwrkbvfxvOgkC8m5JQe4dvgtgs+0QD1w8JU9yHL7QAktyV\r\npz0qnOfduLDKNwoVabM+U6KSf2shMcH/AEap7G/DP1LSx9emcmkzWKCRIatI\r\njDgux+9ThFwbO6V3xzPAcIpKHoCYwbazTvBAi/pMNS7rrvMjdRL2s5Rfa0TD\r\n6hkfrwwTXZTMwWuQ/+5og2+NP46fwL5bwkyFVOq0fW3c6A2HZ6vYCYpAUZh/\r\nPIeEtwGn4IeGUzUZebMkDyP15YP8s+KzU9MUn0AHdUnsubjxmOB4jbCEBYwu\r\n1aMeQIkqs2MSytyJHi1BSj6nNre1etkNL9iB+OTer7D+U0Hla2CtkYHLVW9d\r\n5lCuvyBQOsBCcGUaUG8Gzzp2LFQ/M/HGccQPP2chTl78WAo7WsSO8ncHFIf+\r\nCBRzf59Rma4pi6EJKD7A16UPScrPipDasBur5cPIfKbbnR/qFVWPkhtrGCJr\r\n92WJ+RbRl/ZG+9ov+RuRSuzdveyviox8t9CXGcDLfwg1BpG0okjwJEBYZftN\r\n3Rq6o20NtydMlvrwBUqCM7Tvnr8l0sKsU4xYhgCXjUIa+ktRgUPIv0wjRA7Y\r\nkTH+1rYE+FwpOzQ4l4OCycUrCmK5jeuIH4pxCl0eISpc389mzCR3DZpJ7akD\r\n4wd8yISuZWcQwMse92/HZ8Ke+GVdIsImRpU=\r\n=rm06\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.11-pr.334.22f94ca.0_1682097685041_0.9665858692588387"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.11-pr.195.6359f35.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.11-pr.195.6359f35.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.53.1","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.53.1","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.11-pr.195.6359f35.0","_integrity":"sha512-SWgMiYFVVIwQ6rJ4Sj9lDC7VNsb7H2gdB9rUXVSokrTKG1PyjnQ5ddrVQudBXjOGoEgobWOYnvT077vSLtc3eQ==","_resolved":"/tmp/5d5d2e94c63cdaa1a3cb29fa95250fc2/kong-ui-public-copy-uuid-0.3.11-pr.195.6359f35.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.11-pr.195.6359f35.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-SWgMiYFVVIwQ6rJ4Sj9lDC7VNsb7H2gdB9rUXVSokrTKG1PyjnQ5ddrVQudBXjOGoEgobWOYnvT077vSLtc3eQ==","shasum":"c055e8a4ecce009de66a974e7968e9d381f4a808","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.11-pr.195.6359f35.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQClCFCegcOUHEuohZ3IWM5sYJWwBNRIom2hTn5vFx0xUAIgFml7REc5aWhAbv1HKLARbzDDZPWI+wSgVqf3FjrDmMM="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkQsZSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo/gg//fMwkPQVRWO59YEfkUFl+1NdQMt4pmZQCavWW8y19RGZJNBcC\r\nprO1hE//gv8mtRQ+M+b0dbh/X5qoC8QiIn+NHYE+sNMX+wQRkNU0P8IeQQGn\r\nX1NNT2nEoBX85nWeveZvHrw0C1Xi6QPUEUaSsOrx8P4qWs4NWGaWhrwpSeaE\r\nu5His7ASnnG8SdqND7DPBlrzOR0y+IptK2qe1mkY4e1hUwSVdkzY2Uq6KrJ6\r\nOTdw/cyQGh5yHFFxep8C0zIr5FG8UotNh/pRc7lqn7EHPLy6qMfSKpUeCybm\r\nAIT1kOZ6jWDrerr1/IX1bjdx+awdiizsI3JBSEVcWnP7WU416slhS5ncUnbh\r\naZS/FMkeU30obCdMsu71kf0flPKXpaR1Cf2GHnre1WHBArrsAc2KUtdJ1DlW\r\n8m3Ae0OHE5JhQ79bbB1WYtItWNW8mcZvv+ICYAW31gHFu231G6/SnPWhshzP\r\ny8adXk8iq1kb8Ftt7jUuEDT/1ZTtHAIpazLln4RaHCFbF8LTsUqyJqSyKehK\r\n5+DQX/xqe0Xx6z0N9gVjz2bGyss3vID8NcIKxFF4+6Uumr4TKN+L0ov/+Rx2\r\nHJbPC4cqA9XmrIs/euiUiip32g9rtG5ITx3SIWmhhAhTuki7wa/YSeGUvTPX\r\nEEQi07AFp7NeL9kM9d+NJg+vIB0ND4lB0Jw=\r\n=5rzB\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.11-pr.195.6359f35.0_1682097746434_0.043564906820109606"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.11":{"name":"@kong-ui-public/copy-uuid","version":"0.3.11","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.53.1","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.53.1","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.11","_integrity":"sha512-12zVZrq600ISKxDoyKLOEL1cLuL7WzNmmfItFIee6ocI9hb8BnN91R418eByIIj7qDNNMbOPWS+savszixIfaQ==","_resolved":"/tmp/c5f9b1f17496b680d19e842746ea8c1e/kong-ui-public-copy-uuid-0.3.11.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.11.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-12zVZrq600ISKxDoyKLOEL1cLuL7WzNmmfItFIee6ocI9hb8BnN91R418eByIIj7qDNNMbOPWS+savszixIfaQ==","shasum":"165a8980ad1152d0767fa891a819f3aba54a4a6b","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.11.tgz","fileCount":19,"unpackedSize":556756,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQChfUT/U5OqRJy22zA1EVIaMCciJGesltNnNxJ2SLn4NQIhAJhMmz0dAm3NR9wG0E6flRh8oq742tEiPVnAXnQEc+UQ"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkQscHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqLPQ/9G91aNqTirqjLoOvjbpuGEtRMu/JlXZYJFBspEHGUVpondaXO\r\np6FAnGTA7SiFmBJ+/XwfzwfJFmguhLdCr4PpRsV8nZN4CKoVNj6JLS/R5rpO\r\nssT6ajuL9Puxos76oCuTpyN4RIkzCE5f4wFr+21SBJ4bGIR9X44LEQMR72NH\r\nA4DXQP4VaRu3oKQJOIctEKw8TISHGGg6I/nfoD4dYVhTG9A10Q9EjJf8ykJA\r\npQgNk1g8RILG/tok+ZxDwErwKC1knlMyQ38vl9bkxKej3oHB8uyx97echZ4L\r\nJMCQQgRJn8dBnokkZ9knLsE2EdoOXQIiKYdu3faI3BN9E5xOJHQu0R0B2UOR\r\ny0W9+WuD1A0N+YmGkKw6LgSkIvXCrLRqyiEJboBEEkF13ibDo5olS+Eas94s\r\nQRGRU+7jFBPNu07UWsvrTCfOSm1tNezOviYgbUuxbV3kdcNPDsw/6BxgvKps\r\nAdgUg8NZzQtfhGURr0/1o8y1UXveitHETB2WLiBQDYXQPjdoId7hwqsDvzl+\r\nnU5uIFjT+eE8KA8B1qwVuX2U5hQHN4wmpKHliPvsC9LpEU34oa/7DV1cZ65Q\r\nNog9ioq3yKZtiMOQW4N8x3op7OyRTNUATQ2/BT4m3QEHy/iIeQ8u/vxF4lmM\r\nYm0VY+8WkgL9BVLBvtjFo0Qr8kLaXqv/2HM=\r\n=bo4B\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.11_1682097926733_0.47719610057486683"},"_hasShrinkwrap":false},"0.3.12-pr.335.08586f5.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.12-pr.335.08586f5.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.54.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.54.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.12-pr.335.08586f5.0","_integrity":"sha512-je0U3sV2+6otZoTS91I3MnyObt5oM54s5IICbsgBMaV+nVUdHUkSYZaPnSSN2oz+anfh3ZRq+Ic00RoCNfxzvw==","_resolved":"/tmp/482f12653fc611ba511bdceed3bd3c35/kong-ui-public-copy-uuid-0.3.12-pr.335.08586f5.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.12-pr.335.08586f5.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-je0U3sV2+6otZoTS91I3MnyObt5oM54s5IICbsgBMaV+nVUdHUkSYZaPnSSN2oz+anfh3ZRq+Ic00RoCNfxzvw==","shasum":"9f5f3a6c30b358b6a818ad71f802ba264d263b66","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.12-pr.335.08586f5.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEim4K5N68Fkk78jcOY+oloCQYKBmZ02RO//o9Sx/kTJAiAzlqyGUFHZEPArQEfOUIJckJufEMU/BvxL1IF9mGCaQA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkQsm1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo7hw/+MWIzZSSE451lLvjQw0ggg4kKHvVq5HILVjt9IkKQ+B2d9iB7\r\nCmLsaGiHQhNxmoqCeeFPrn8SxBRkxvFkmyZ8YrKuWhryfEMowVjkmmgasi6u\r\nDi7PJdMhw06ajjWDhD16Zw+jEzlki1hHUmyqkZFNa/EecDkBDgPSte5B29Y0\r\nBCD861FUKHkMnxv6Xbdvs4vNL893Xw6lfwmtYg1F//HeFVFh+cIXqLJd84H/\r\nZ1zpCrA5z/cUKT973iMHacOaDCrmSeYHJsNXgrQpcGTD/bTGr3uhP+NxePIa\r\navgB90AwF1SgKadhDCJDg3BCL0M2DShKK9ekzx/fvn921I1wO5nYEX7tctKu\r\nqvaxJJAnx3Fdr9onod06jIkxpoupe859bID9IEasoxCO08WccPEUeIguT73B\r\n2IXUKMTP274RgJ0OzJILRE/jm/zyHfMVdUU1q6GgqgJmm6kA1g66/lfIq1Pb\r\nxnnuDvz6vawSK+S7ke7GrzhTCtcMtTshLH1aHaC9cLTqb3kD/MC7tEoXT8+s\r\noSCulIjCQ69UPIlSv6krC/BweSuaNA/mzMxs0c1A++QdQpv8FFzBE/9A3+i7\r\nj0XTnI6TDWFkRZnFS6Hpr/pGT7h/dhiI4OVTqTvIp9AGFRRKsARK7mlvapRO\r\nPCEe/ivvoQG1Nj+mWSYa/wfCeb8cODru9xU=\r\n=xDT3\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.12-pr.335.08586f5.0_1682098613252_0.7778666349174734"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.12-pr.326.3d1e592.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.12-pr.326.3d1e592.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.53.1","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.53.1","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.12-pr.326.3d1e592.0","_integrity":"sha512-oMj8qeeGwOGFyyXMFU49n33e1STnsigNNaP+kYz3j2xFs+qm7hHDmee7CPBf5FPaBubWEMDpBpG1eciI+WG0WQ==","_resolved":"/tmp/03eb6903cbac11be252bbc7a3da86690/kong-ui-public-copy-uuid-0.3.12-pr.326.3d1e592.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.12-pr.326.3d1e592.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-oMj8qeeGwOGFyyXMFU49n33e1STnsigNNaP+kYz3j2xFs+qm7hHDmee7CPBf5FPaBubWEMDpBpG1eciI+WG0WQ==","shasum":"950e27a803a00b4bba9280effab1cf0e938d302a","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.12-pr.326.3d1e592.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDETqYeubuAuEkc8aPSOQjMZZNTmRQZJUkkNCqfV950KAIgRam23YwBtOVAz0hsOgpFXQthyov/bs3ZLXg48V9pmo8="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkQvh/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqYsRAAnBz93fW+g7Xgnn0Rr9CMkkoTlq19RUdOHTTeCQQgiJIWp2Jt\r\nG4CfvzyZX2LMRVIKXuyu7J73/hRHdsOJOgkgqTlw9zFPSAZRNaWTo0OBMN+8\r\n0b1eKDBS4SHebFlvBWFDCLY054WdTKJZmrw98CqI+XPiKNXIyvg97lHjTFSv\r\nnxi4xoR7SL6Y8ytavyjJQmsQrU48N0PvEzwLWBZkPoa7Gl6EJAUKXAOIlywo\r\nKwUxUH1fc316gu4+JPpwlmKkV1DEcq+XaIx4ci23M4uFQEBqI8zxAnIjPpZV\r\ndFExbsBH7LxWVKv7swiAfC04arbKLvcIQkLKKoxYtrY7I1dYxbsUdTZgihfi\r\nBc+skXvOJgS1D3b8Sgqw3OBamnEIplZfcmZj4zi2ZuL/JHpXn3nkZwz4NFWc\r\nvh/SS8czW8ufW6LF2LiopANRzd4wXz7bjaVbUcEDQ55rd7Ziueny0xjMwRO/\r\nxH3ptfEoiPPsq2pFb79P8Zx1lXM6CmLyK5CjTAaHfL16zVphMdPhIJxB5TcI\r\nr+NB+kwu6pW8rbHuA2kz3ZhntZpFqdiqlbUBUPmI5iGp3qPz6Uz6a0ncLIZr\r\nioOwVaDXWfNnCIMFgVnBuOtmS4/4WwhrUnT51C4cacR0wPATD+AyflQyb/lw\r\nraKaZN36w9Ks7Wq8nQpwwfIIE7JOCfZ5+AQ=\r\n=GmWP\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.12-pr.326.3d1e592.0_1682110591589_0.930988307986903"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.12-pr.326.522320c.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.12-pr.326.522320c.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.53.1","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.53.1","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.12-pr.326.522320c.0","_integrity":"sha512-zODknsi0L1JIBik9U35LHXCPvLTHiLlDJxR8aKB8vWIKia+aEDBTsBsS76vvWu9IDDDNIMr+fDHkcNOR1nU/Sg==","_resolved":"/tmp/b80a5bae664325bcaffbc6ea176d43bf/kong-ui-public-copy-uuid-0.3.12-pr.326.522320c.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.12-pr.326.522320c.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-zODknsi0L1JIBik9U35LHXCPvLTHiLlDJxR8aKB8vWIKia+aEDBTsBsS76vvWu9IDDDNIMr+fDHkcNOR1nU/Sg==","shasum":"03dd6bb29fda251cdb933ae2a7f8148c67c228c7","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.12-pr.326.522320c.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAebx2okpC3SpZG3czyZjbTXJ+JYR9qSDbn7k+FDitoXAiEAtaLcJ7bgOvjmlqhUcrWnJ/si+s69USPAEZ/hLqCol3M="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkQv93ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrhbA//er8eeDsPrpafzX3nbvztqGNPFtlmW1pAJZm7ELke/EuMpzoa\r\nFNNzRe8v+MMPbw9BtEQY+Y0U6ybqxksTso58HN1JuDr2WcASbCDetYu4Uggj\r\nOZnVd6+GQwHKWW5gniZH+ZFwX4bIIkU8KYlF55OpAjSt/vg2P8IH2bdWnxXY\r\ngRbAjnBYQNOagWP5etazLVQ8p2OsxbhyR6BUuLTo0GLsCJkTapzV2mZwJGAC\r\n1/TSe2E85eAx1o4AyLnMsS7RJ0T8DHTp4JlWuAQszfNViruGvpULTBM1j3Xh\r\nyUA6NN5r949glJmN5dLnwzGrWo5QfSoWOq/jfvHQcPhDjbZqTrMXexfCDNDr\r\nB+6hpguU4Pm5oU5Mf+IqrxLYliiXiCkN7Po5u8WJu0N86oejy2hQ53tSXPjJ\r\nUi8F366icymw6C8B+HzsJTatc7AjjzTsWL83s4o592DOYOoeTTlMFYzb5V/M\r\nXhTAGECGp1HqHz6iR2vHD9UQe5EpjeCzPyRD3wHpMQI6iqzgk5ISO2xFrNk9\r\nxFVGPeyoGO0aC5FUemLGh4/FuL5fUZHsXyvj8+ri2E5VHhujubDNKkErZW8t\r\nB/+VtSvGivtlKDrjWK/6Iaw0ihEj14Pk7nPqBzqbZFsUX2yC1Jlj9s8aagWQ\r\n6s3uh8YsMDSShPT272bLaNX8Kgdzdc42P7w=\r\n=ZWKv\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.12-pr.326.522320c.0_1682112375368_0.246614058066156"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.12-pr.335.3c86bae.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.12-pr.335.3c86bae.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.55.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.55.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.12-pr.335.3c86bae.0","_integrity":"sha512-aaA2UaUmegaJ42wWYP+nrmrRymTtJ0ttLPChO/ASe0zC29eaFEsEcynZZFSYZZU2RCc6AY08vOJn3TJVzIkCsw==","_resolved":"/tmp/cfcb5fbca2106a6bb8345177d51ad7be/kong-ui-public-copy-uuid-0.3.12-pr.335.3c86bae.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.12-pr.335.3c86bae.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-aaA2UaUmegaJ42wWYP+nrmrRymTtJ0ttLPChO/ASe0zC29eaFEsEcynZZFSYZZU2RCc6AY08vOJn3TJVzIkCsw==","shasum":"7275a76299cfe4cad9ddf608c006e10ae3d230c3","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.12-pr.335.3c86bae.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAlyn0sOXYSjoKSfm5u+3ws5rY+d5fxjtxWAOZbCXl1WAiEA2bvGoel5yCfAmcH9ZYMcLFdMhpA9gKRRBT0FxqxVKug="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkQwblACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrUaQ//VszyLn8o6BFsAyk8jEFcyQKi4sc0mJxg6uMglkY8H+y1GVTr\r\ntP40vOTjf5dH5reaxczbkLTqay2rhMAP+7DjFES+8s5/xQ2g48k4R5m2zwwd\r\nJNdXdqjXPjY203z5kWEX/kii8TyD0wQPDATaEsTD7Hi5ANIWDzKvjbbg7UKu\r\n3Ex3AhG0dJ2RBK4VZ19/yqLeagmndtX+r/7p1e4l50mRmkYHoaBGkq+ui7vz\r\njHkL1n5IcWvDl+DAmwzyMZUp9jnjtp+/MEyBCs9FqWaO5RNOOhSY+iSuAfTu\r\nNadVcyDupNQhxoxbr+jH9tvlAjhqR6MQQsVo0rS8VW1aHY7nKPABmm3a7vMS\r\nw1wGP0QzhUL/xb4X01msI2yDo2TJlPM9m2xdRslEMgy/cAR5goqHEVQ7neIo\r\nFZUZ34NKkH2G77vw6ylaEKINnHZDpelIRm1EdTpzUJnnlmbhzc2ZcPyTKHBV\r\n/4bQw/kWXUsreER/xvmyNGvTm4KZeqW44EEONT96IzY8xjTxVmM8y87w0+wz\r\nrsXQ3dyKMxG8N5jnLo9auRNMQQJugc4ufbo2F6YxRQTLmuwzT2kyN4npNjRP\r\n/BSKt/y8FdUkBBiUwP0DRAI1y9PCBrFI+b+d0fWNdNReGxG1iHSuMnEBvlOG\r\nOATYgG/kPMRfQBUByh+A2q3+nOvvt4+vErU=\r\n=6pAy\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.12-pr.335.3c86bae.0_1682114276990_0.2888848540420077"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.12":{"name":"@kong-ui-public/copy-uuid","version":"0.3.12","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.55.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.55.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.12","_integrity":"sha512-nr94rpmPgge6GNSxZp1zu5jN5I6qrYQMHpjEgep7c20PGs03SHB4QVo3JypcO6UqH6TxypXVFtBQJI0b3HLdQQ==","_resolved":"/tmp/4e4eb0e52f630da5b4da98030d93a2cb/kong-ui-public-copy-uuid-0.3.12.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.12.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-nr94rpmPgge6GNSxZp1zu5jN5I6qrYQMHpjEgep7c20PGs03SHB4QVo3JypcO6UqH6TxypXVFtBQJI0b3HLdQQ==","shasum":"1215f568ae3bcff738d30c7222e3c92e869b9996","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.12.tgz","fileCount":19,"unpackedSize":556756,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCLveUtkqu7aMJ7Sj+7d1GYAz6MZ9OaQDRzH/Z2C5FSdAIgdXRTtv02+MXZqwydEFpuNSw2ejYaG1XZs2Yne1/mBFA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkQwoAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqAuQ/+J5KUIa3SvIzwfsXn+BZkMfLKKhnwM824FkOSb3lHtcD95w2v\r\n1QdpZ2jmtqxa7wcxJvWgFggzdZ8tT4hmEsqF4eV1HZbcKtUDZodyMqJy34Iw\r\n7szOVp2Eucc6aOLHgjv2M49jHK2+cH6uG6IpBK/LLRUX+zbnrtyuxGM5lCYg\r\nwQRYSk8yvYNx5fS/eDRSCOgK/keuMgpspV4TYmY9K37ihhOpmUzxAH9bhlWw\r\nd33OS+bLgV+7c7M91l2nZSI8vMSfczR6PFqAa2lwiUTx8N8gx3jg4rAkMZce\r\nWkV13cR++GTKQyC2yuk1R9SvHgRXJwHFn/bIu/OVDw2tFXShCRy9jHJng6XX\r\n4oAd3aBqP6URzOIQEmPC+/TNIGPQbaOLz5UIh2/qxMOXXvlfw+wC8xKRF55h\r\nzkFLGq3G1IOlgIoBaBkvHZRBEvT/5VVjvykuL7SWDmSImoV03H/YhTa1NjBr\r\nO07Pi3SZexbY7XjvFbW+FecGXlXAEv2dWc1EuETt8ax7Ks+NZsShX6oXAKPm\r\nX31qVxAsk6N+gSOQhgxrkt5wJXomd1CQGleesMlJdjRfjvXgwXd949H842VO\r\nawfnbhg7CBt1XD4qXlNuuWhHza9vkvB2BIc+LnLgBwBbabmf64wjp0L+Tj9/\r\nWBVTOUxze+AmTuAMVQmHnqBADe/XStrH9yw=\r\n=V3Oo\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.12_1682115071914_0.6401185191872811"},"_hasShrinkwrap":false},"0.3.12-pr.195.6c4628b.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.12-pr.195.6c4628b.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.55.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.55.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.12-pr.195.6c4628b.0","_integrity":"sha512-GMN0dP40j/CIQfl59ifuZ+8rH6dNIzWnUYH74Vwwu//e1wQA63vdg695DlTTNOkiVwX/KA5frN0np90mjxEXoQ==","_resolved":"/tmp/9ccfa5268f4643d3498e773acb791105/kong-ui-public-copy-uuid-0.3.12-pr.195.6c4628b.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.12-pr.195.6c4628b.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-GMN0dP40j/CIQfl59ifuZ+8rH6dNIzWnUYH74Vwwu//e1wQA63vdg695DlTTNOkiVwX/KA5frN0np90mjxEXoQ==","shasum":"94547bbea1a606eae8429575074a60386a7c027d","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.12-pr.195.6c4628b.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCK4TM5/sSlxdr1akgv57lCr76z8YHhblk9UKOcVAoKZgIhANWD4ooRugcoNHGQ8ClDeK9DTagF4uaYTjnNJ0hyIcdl"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkQwogACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoGyA/5AMpWQePVvbohdMCorMS6jmkjg8jNEQ3DshYFKlpmf5n9iSxz\r\nbJfDFXOQBMg6AGUewM+TuQimTSo+HGJI7zBDuirQWuoH6o0rVIZJHgIyfqPx\r\nML62OAhElaXEjvklhVsoyckqDCszTCH3OJFQWYsHCgMsHa4MOsi0H8FmbLAN\r\nqgEc7RZmoQGgcZ89/tdwecgyj+cExhb+suXDtvL4oJdWXIo/WVN1R2isJMwz\r\nvEcSh/pddrLuld16yNUKW4xzXgVHQtEPAqV1KuoE3utPCyf+gHBklQZt+t0z\r\nQ1yRwxiiyLwp3vM1Jv39wk5zxXlftPW+J0Mxtmn+f9lJ87FJz4beKPKXBhLv\r\n1pS4JrGOEuX/Uvyt57ZfThfow5AM0IYLLT7HT/lwVGzF3ARE9zwzD6Kmqg16\r\n/1xq5VtB9HkXvY3fL5w3DRJlRZbJcNzUhhy5NCdHkXH0yBo+HoY9rsUKEfEG\r\nBIper7k2RD7x4YLMi/825Xl3i/GVPBVXUw6keZgLhCTKqmCTxRH9TltYn0bj\r\npflMcZAxrTGcV4ItSXRc0mNip6JFMII7cSmqcNqjB/XdlQJpLn4WCQ0Lpcgb\r\nNdSw+ubhhdiIGaArsqEzPMa3bGC1Px21CC5OA9W8tFlmsg4CTaLDgOR0lpEr\r\nnZQv78owbPhZeuBHlZl+sRgLtISEIKbbemE=\r\n=oVzY\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.12-pr.195.6c4628b.0_1682115103855_0.2825812570579167"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.12-pr.269.8913e7a.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.12-pr.269.8913e7a.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.55.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.55.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.12-pr.269.8913e7a.0","_integrity":"sha512-GGaqHZunKR+T6qrC7sTjMpD8oOuw6i1FW+Jk0NeCWPjaXBfiuDxcp5ThEPdPz1ywCsxLOiGTSk83OudXXyOqlA==","_resolved":"/tmp/6996437e9de9f1a53eeed5501fcca4a0/kong-ui-public-copy-uuid-0.3.12-pr.269.8913e7a.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.12-pr.269.8913e7a.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-GGaqHZunKR+T6qrC7sTjMpD8oOuw6i1FW+Jk0NeCWPjaXBfiuDxcp5ThEPdPz1ywCsxLOiGTSk83OudXXyOqlA==","shasum":"33bc80213084e84f3c2d9d8349f79a10e0b68b06","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.12-pr.269.8913e7a.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC8/f49ttQFYaiIK3fejBrDb5kmdw0Kk/+hiIHZP9nzPwIgSYs+jLC2g/i8esV2uwD7jdcuQNpd73nEd0VsTGELHqI="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkQwrmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrYng//Se4yUePncR5ZxrktftuT7qrXW2X3CvSY/fPIZu0crbTiHGMn\r\nHDhbKIyLpzYQIjz/cp/OlFK34sqfTpR6SXsIMOnqDJFusM7IgOCnQzVsBTTr\r\n9hYQ/i7YeV1RdT/bQaMJdwrkKY7KgtxfnMSSR9kzH9TlUpZJchenXxdaw2AS\r\nOmS37LoPq5i3stdRuLW0YSe4lqfPz+vlwGeXnoFfXfLbnqJ/z6DFdnqdHm/x\r\nUF2FhwOjSj8bFZxsT3IuC0k00xAxjsqZ9Di1cnvUYt3FzySh6WiPruN3lBfv\r\nP4q7iZzuHsRcmbKRyznbJP91TtNIr3coTsB6QfHqfwD0zpna/AcMi9iv1ofg\r\nMSz5yVtgPLSiel6uHbnP2NNtafbxHWxuKXEX6bjas1LSESLQfNtMQPzAfQip\r\nGPI0f0WrQe+FAQQw/sG9/h5hshIRJupoUq1GhpONO0pFvScjkPZY8Jtdrxro\r\nsbxhITrKxHAoAHaTcvrOzZU4SJHXZr6ryN8Yv2ibHX/ywbHKVdvcV1LBdCmq\r\n8jZbihm9tSeSo1w1HGJ124YJcMssEFBY77gwRJQuSHq96ovJqSdqdhRlJs6d\r\nDIQ42ZuQtWGbt7TxXXFnfL506A7JzZ/m53w169zTiH9n+fmhs4dfLSR9WeyL\r\n5OKc920vGcRdH1OBZ2bJ1e/2gv+rs8HTgI8=\r\n=HlAz\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.12-pr.269.8913e7a.0_1682115302248_0.8291306995154495"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.12-pr.326.da40b47.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.12-pr.326.da40b47.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.53.1","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.53.1","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.12-pr.326.da40b47.0","_integrity":"sha512-j/afK7x91jlRoC5ioAd9CACjRhBMqj5H+r2z/4LzZo3ckikAHVHL9AhZNy1ZcNS43YY4L8KXuY99swRMtPxWyA==","_resolved":"/tmp/cdb77b1e2722ce310096aa8104ef25be/kong-ui-public-copy-uuid-0.3.12-pr.326.da40b47.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.12-pr.326.da40b47.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-j/afK7x91jlRoC5ioAd9CACjRhBMqj5H+r2z/4LzZo3ckikAHVHL9AhZNy1ZcNS43YY4L8KXuY99swRMtPxWyA==","shasum":"69266a5606dfcf6475b6603b2bd43f96dbfa13fc","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.12-pr.326.da40b47.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCAwJu9XI18KXwV3upBPrrbeTOxBZTUUdTtfZcvCch5PgIhAMVV04NxowFuTpX8a9okiEDgXp+R3Hi5Cg+qZ8i09yt7"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkRrxHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoOBxAAlZn7Vqn/t85NhY3wqcZbSSJ6qdRJtqgBtt9mSVvnMhXHR186\r\nCX2EIa82+vGsHwScJSFBhPAb0jeeaLMp1G0rLLKfFTrADz3pjL/WG/JL86Gg\r\nK36SPa7vbBKhWjg/jh5rfCi3c8NTDDc0c18JNg1KC2mkRw+bdLzECFAAlQU+\r\nH2/IzMXGPY2U75V7qP61jJFXH2H1vLTTf2NuGUS20xBvbhE5W6gqBngNCObM\r\nvVvB2YgutkKHXMvwAHEvFedqlOkC6pv9cBf9e1swo3SCiPaX8q8FJ70ljYE+\r\nIm4R/DrxCw9mKBaayzPBTF2BZzzs9L9mLnLiahbX56WvoevTLkFCy+OFDAnY\r\nIadJLtgnJrPxclT8UptNYplEkEMWQP1Cab3VhqsXqpeXCh9Y5AbxzJl8GEmq\r\n3VmvDixk2+fWN0zoC+jbXgLIR6C4nLbH8neGW94nhopr+12G8wMUYjzLV+uv\r\n8tEx6+L0zQqQr+yVryB/NwDixisQbn9tpuzFppjA0YTSnyxqQwEW2Fcy1HIi\r\nqQhqrAmuOUWGqUmQvQX6Pkw/QIOBLeu8EdcQp1y/77wTn0l7EvHOzVc/BS/3\r\nYJFpdQPrhaHv43ZeqVTmujy+JDkaQRp3lIfWW50I9hnwwVncGrXyb+ojceAJ\r\nYD6NileMB/qfuBN1e2AIgjiNZW6/fP5IYb0=\r\n=Dyg3\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.12-pr.326.da40b47.0_1682357319070_0.7213012547238229"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.12-pr.326.5c62987.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.12-pr.326.5c62987.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.53.1","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.53.1","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.12-pr.326.5c62987.0","_integrity":"sha512-9d16m7Lego0t8+WF5WFJeAVNUkyXrN50HlBPFiU9Z4ZZdQLXXdtNRefs5q/F9WOhosNcZlCOqkITRpmHC8kPcw==","_resolved":"/tmp/83c321a1cd6eabb51855476bbe508d02/kong-ui-public-copy-uuid-0.3.12-pr.326.5c62987.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.12-pr.326.5c62987.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-9d16m7Lego0t8+WF5WFJeAVNUkyXrN50HlBPFiU9Z4ZZdQLXXdtNRefs5q/F9WOhosNcZlCOqkITRpmHC8kPcw==","shasum":"192798ecdb7b52204d8d94b59bcad53fe2b6024b","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.12-pr.326.5c62987.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDgtC4ZmZ1VI88QGMFammhWNMIa9n4ODw9mOeVEV1VdyAiEA13GwwHdETpcJLQ/PtFRH2Ar8Zc2pjAFwdeV+QdXFQjM="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkRsdMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq3xw/+PWqXmfSjHE+yafoWdVKMnRg1z7JeFSC1LcQ7tMGe3kzcn0Pq\r\nt1qyZjr++RypYkXnFP4NgcqP22zBeiURFhaYBJGg3ORVkL7bqIJ0F4JLs0UL\r\na1F0nLxjm0IpPjM7vCn0FphQV37RUX1p8qkNr+KdwLCkelk4G6gi924JVgmn\r\nS9fq9sOBj9Wn5wj2V3NKeUhwjzKqu+i4dALOllLJI1EiqXGy1NCj6VvsSQYn\r\n98NQslLI6Or3GtUQjh6WGppP+60H6XdtbsAyROc4plsE3Ee0RHW11hc4a1A8\r\nCL/9B+Ue7ov1Up4+jzACpilIeecmyNEAEGu/NjKeJTVRwc4tbaef6gDH27ro\r\nyCCJoui7Qh4iscMkhxduMxyYtKsOV5nlFpJbqme9zBUp8mLgcpoxzgQQdUBv\r\nVbkSTYMpKs9983P6UilEQTeNR68ztgAZRdYQJQUjI5FjxghDhfFoXq/ItE3b\r\nPwqlqkooNGmkdotRd7HSvB68KQva4FE3m9V5O1kvnL/FxdBoEg+I1YkNMlnV\r\n/LodLskWD1toD0UpTEiW9u7nUJo9tLvt+qltprfqmrti59hakOr/mELcgu/6\r\nJ2/uEIf2ymN9eOlD6MgKvbeB3+e8HEnTb6C5awrqmBeCiVKtDOLgu+v5LqAk\r\nh6v6tHMw9ekcc8qsQMDJLUm01YDuSaBps9g=\r\n=7kfs\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.12-pr.326.5c62987.0_1682360140118_0.08408504680393314"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.12-pr.326.bbf567a.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.12-pr.326.bbf567a.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.53.1","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.53.1","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.12-pr.326.bbf567a.0","_integrity":"sha512-G7OaXPRpRKjkUhv9/S0FAMYmuFPXajM/OjTCMSbBt2M5qwFXRRG9/Hsb6kYt8tPkSbDAGkr8YjAZMRXyulebow==","_resolved":"/tmp/5106980eff3e2bae33cf7822707e4115/kong-ui-public-copy-uuid-0.3.12-pr.326.bbf567a.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.12-pr.326.bbf567a.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-G7OaXPRpRKjkUhv9/S0FAMYmuFPXajM/OjTCMSbBt2M5qwFXRRG9/Hsb6kYt8tPkSbDAGkr8YjAZMRXyulebow==","shasum":"79f303f3be04b6d4b314ed0cfbec40fbdb702674","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.12-pr.326.bbf567a.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGhMVvcGDZDsJ2u2h3YhF5uXUUqJBpa94/kSXaRQPoYFAiAjXuhS5OHuJOlCZspUkBNXF9E9RuB2SqaOVnYngzkYLA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkRuPYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrsCw//VFk2ok28atKpQANsTkROi5jHwoURBmiA6fu8F3kVVKURhamL\r\nAWiBUAMKYRkr+QNEQwK3ZEyNDM749siKKr5lpMc+tHgxO6l4RMqiGjs4PAP9\r\nd+TCmyggRMFLPYlMfwbBX+gtI7M3rMEowQxIqasHFJ5UOSDW5C6hBU3BUD+5\r\npj2PLgjby2z6U6dmjVOp6CCc/CsnNzzrbSNAjOuBKfcVJ7Fq0zcyxsYV5u7h\r\n41k9cNpM6Bb1FTOQ82mMxH7q3jrqzBKC5U7vmI3NSxA1h3C5eeLGDkX7M3XN\r\nW8MwdxvTwKb1ZqcrNL54drXfuWJKOz4b8TM2hDcYQpz9LbIWmbIOFCsueU0R\r\ntnveh1ckmvQc0Thr6jx0Jf0rnU8QBw6XcMdZy3dFcGIaCfuT6Uuu2rZRnK29\r\n0V1cFPKedq2cQPJaxqE+StFxSWDb/drQF0wNWsND/IMe4ppuYLDONl0LgCsH\r\nLEuWxZJ0IqYE8tQpaxOWIgxihBivcVGoyiCRiUZPV4qC4LA8OzkvgzGQfWVT\r\nYTnvi0rU8+4z6/1Opqlvwi9tizc8AwwPXc+zhgvGooEyRRrP+qVd0WKbKiv/\r\naGYCN7PvNUY//0Y1SRZ8aSxOQKcmLCYsh8eDbIUzj2T/TSvE9+6ykps/xSwF\r\nxIdPDGWWdUiUklBwtzVOgNOk1hEkHZuA2t4=\r\n=1wfS\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.12-pr.326.bbf567a.0_1682367448513_0.6419602075885777"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.12-pr.326.f94c6a4.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.12-pr.326.f94c6a4.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.53.1","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.53.1","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.12-pr.326.f94c6a4.0","_integrity":"sha512-r1LGh1JyQ/oVjncyoMQZ6J+BwtgqKjop3wUFXQmGAhVmqGqOEtVC2t5Z+9DYzEq3taTrjKeR7wYygthoGLiGxg==","_resolved":"/tmp/f3b5c568bcf84b0a48edfffc254155cf/kong-ui-public-copy-uuid-0.3.12-pr.326.f94c6a4.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.12-pr.326.f94c6a4.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-r1LGh1JyQ/oVjncyoMQZ6J+BwtgqKjop3wUFXQmGAhVmqGqOEtVC2t5Z+9DYzEq3taTrjKeR7wYygthoGLiGxg==","shasum":"c6a14b63f18159b136d1c0266833a8d2c942bc2c","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.12-pr.326.f94c6a4.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDs8fNpvrYAoTszbuSjqAVktaYp8dBWrBJ5H7q57hWihAiAyQTuDP0avTq90pENPBqPGaWMwMwleLDha+A683i8pXA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkRuvKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqaDA//XgS3+zDubQ6/3ULdltuAEX4V7ivuIIxthwU928iYoovVU5sM\r\najCSFpb4hOeUnFIc92dXnIHdI4uq10AQh/qP7cUeJQkMl4tA/Aznu8wHifsp\r\nfPY2or93/7iZjBBKZg82+Vyw4BzNSHtB7ktsWAfooFDTKA3RNRez6LRLHV6r\r\ng1KR28Hd0nfluWOtTgrlLzVotc0TpDvOzwkCwy5Jlt0qr3NcCwODJK4bwOmr\r\n2I3FWLORvHlm40e5FPu6mPTumVwuVqGvH/c3HyP4bm7toqJYdCOSAGJBoSqD\r\nS93rLKvABu5/D9ByUmXfR+GtZJTA/pQMqxRrTujHm6udRzeJCvzSlMOFIb4t\r\nuDy9VO18HIPlMPbwULZzzgYgHzTcBoLkLK4d9VADPOtQhcy9ojB+FDX1SXTb\r\nzbOzIn+7qvuR8wFykiQng+ztKR+CHJjEtEast2fzaD4gCFOjSH4RqYbq27uj\r\npiiTvQIKf2Y7VFN0EpXCwCTZsIi5H8OBDef8jF4lvdnTDWoDygZSojDJqF1d\r\nnrlTMLBrjjILP1p0pl2W6A6s1vno3205oNb/kyfPotyvvFinIIIs6Xl9f9xX\r\nL4ZKDQf4FLZoCefDTGuOyQmBxO61XA+AN8vkFpKTuIKcF7S0w11sPqwhO1dL\r\nYtFoxRZEhrwpqRj4mqra2sdQZkcpJmM3n7g=\r\n=osGA\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.12-pr.326.f94c6a4.0_1682369482592_0.4237209792126755"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.12-pr.326.6075c85.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.12-pr.326.6075c85.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.53.1","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.53.1","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.12-pr.326.6075c85.0","_integrity":"sha512-2NgaMJMInmqx8yebrK0sIyY7h+sx7+a8/qJf8oZqwDzYRRHFYbERto4ufGy7MkU7GqELj9wiyzMpLJFfKbuV3w==","_resolved":"/tmp/f2780b70b72fb937647087a2a6b384f5/kong-ui-public-copy-uuid-0.3.12-pr.326.6075c85.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.12-pr.326.6075c85.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-2NgaMJMInmqx8yebrK0sIyY7h+sx7+a8/qJf8oZqwDzYRRHFYbERto4ufGy7MkU7GqELj9wiyzMpLJFfKbuV3w==","shasum":"c10b73d06f356d9027c712ac9e2e9374f8440db1","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.12-pr.326.6075c85.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDMSHSZC213PBRmTr7/6u8Wwdc5DIYBryVfhixKuFLgIQIhAIVTknrc/GVOYFzE6VcNKgBv0wzWB38WcrgWz9iX4Gkd"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkRvrOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo0Hg//SysADIgG5uHtOUyU/LkApXTcG/tum0z/t8DBD1LlAeDQtCDa\r\njbr9Og1yd+P93HziRRvUL6DP2Xc8cMBqH5eOs1xVVBjOKa7ymma5UHY15Lqo\r\nKT8Ws49YUhx21TldmMsqslpjgNDFYBOjQ3v3ovwFZgjnyzVbfDzFxDv2VfvG\r\nDxOPmRT/xAu43CGBqkz34e3DvoBuYNyAHuC4WpeplWftmKtPW9JwKeG7w5QI\r\nnVV+tCkNJ1NqGffFS5mwzIDpxok0ab8jlBgMD4QmWGO/jYZn9kJDrePXw1FV\r\nJ/zsQJOTiFftiraSmsgOUj2oGAFqCEWqAFGjp2j9faaiNoPmiQw8qXD03UM2\r\nszgR7/NExkzdEn9leubE16dAq58haZTVcN+VCAV4PX3rRsdnbUshLzMtzIrc\r\n34FQP0knqvcNk6y920IDruIGiYM4/hltVmF/oKkQ9EFZK9t6KyM260XGxmJV\r\nQCtAX5xPik7vMkKa/TW6Vc0LpzAEKda2pg6ThnByZ7Hr+To4kNcF6MtRvdaH\r\nQChcPXqWfwTWMrHbzP0ye+UjYkYq5/+o/s331VHIbxPBf7FyPY5KrccjALal\r\nwQIAxZcdycdfQfbaat66ZayiBFfnHSkPTcgTEL74ikJwnP7i1ICDvIevSC1J\r\nvTTNBHLMh04mYgcH2iLl5goG5zfawUuT/Ek=\r\n=M+y7\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.12-pr.326.6075c85.0_1682373325769_0.057944926129777086"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.12-pr.326.f4dacdd.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.12-pr.326.f4dacdd.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.53.1","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.53.1","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.12-pr.326.f4dacdd.0","_integrity":"sha512-/BxR0QtBcFFjLSpGzNSWNuCFuvRQoBOoM5nCSHdcPPO1jFnEFxvx4L48/haJNXuph3AvAocX3zojFyeckvmsOw==","_resolved":"/tmp/9c88456bf7219bd1b18233b5e56ace5e/kong-ui-public-copy-uuid-0.3.12-pr.326.f4dacdd.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.12-pr.326.f4dacdd.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-/BxR0QtBcFFjLSpGzNSWNuCFuvRQoBOoM5nCSHdcPPO1jFnEFxvx4L48/haJNXuph3AvAocX3zojFyeckvmsOw==","shasum":"6cacd0c566969105d57c266055c63d759ab6b409","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.12-pr.326.f4dacdd.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDAdsxkDMwhVHd5D+vwjoK8ZORbJH22HCbS5CStloBgUgIhAIW0ckfJ1eqoneEmw/vU1L1WCHR6o0yk4gwF/BXEg2MW"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkRvuLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo46w//aX+QdO+mpwNy+jN9Lm2jkD/oCQR0Hi8sWXL8Bs2sZKvz8g6C\r\nE0Kzo2tlhKqEMUmR5NRriVGAf1e/qVYKwSn5jo2F7HCN+kvUTu5JqlrGgxXB\r\n3TRc5ODqkofwJaD4qbpDquz+I/F/ZhwPKFj05UnFaWDTrKDL39IzfYpopjZ1\r\n11CU+c8f7aP4L/6Bsf9EVluE39moOOFvEPUnwpytA0kINcr+G8nwrtMpUDUp\r\njUbgPAqXrmu+OMBOlaDI6ptRBA+o995xCaEpg6IhUJuB5DYfgtR6amJ1zrQe\r\nqptf4tTvhMbnONUIN6G6Dj5cLlTj4KQRjdkvt1FAPHcAMp2BXcHFegoeF8za\r\nsb0hILiKb1J63AXO6G8fKI1YywqcGi9A9rFbwGnokzghps5RJ/lq998B1ht+\r\nYc+/7avOjfLuj1GmPAlShTtLSph7g/Isdbplz8sdHWyESg/b90lE3pGwv+ER\r\nWml8ulae9TR9Ed7haqk1TSf4bN8jI1A2zBT7ydqOWPYXmUbvxNQij2SBnvx0\r\nkvXIHJ5xyMpTcb3lHlgf+98S0ZKvNpMVmRP5PAFBu5RKyVqzdhf4pZ2XJ0yU\r\njiKqtqQ418r+VEXA9PlEARhaJwbiJWCvd3UTBws9Veh7Sfr0u6xiDU7Si6mN\r\nPhAKTVq4avzhm/KzLvLbWKjkXe7Uo+MnCXs=\r\n=+7nd\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.12-pr.326.f4dacdd.0_1682373515655_0.6056409472265087"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.12-pr.326.8a0c5c6.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.12-pr.326.8a0c5c6.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.53.1","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.53.1","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.12-pr.326.8a0c5c6.0","_integrity":"sha512-gM44f6ZYyzZSbv2J7fL74+r4I/7Y8M7hSNc3rVmf7KBzUdS8pIYAo60E+CcNJg+esPQwL/CKLNwK1p1PqVzJ7A==","_resolved":"/tmp/48e4acb31c1596dd0fef97facedfc98c/kong-ui-public-copy-uuid-0.3.12-pr.326.8a0c5c6.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.12-pr.326.8a0c5c6.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-gM44f6ZYyzZSbv2J7fL74+r4I/7Y8M7hSNc3rVmf7KBzUdS8pIYAo60E+CcNJg+esPQwL/CKLNwK1p1PqVzJ7A==","shasum":"f0f2ecec15f51001a1aff125e31fc89562d1065f","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.12-pr.326.8a0c5c6.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID2ndO7wY/xUSiG7lFpV9WnH9RC+EaP6aKicFUk5LJJeAiAJI6m1sWAYl8P09I5SbBK6whgc/rMB8J/Y1lqkr634EA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkRvz8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpg7w/9Eex3RIvUkkoXD1jHzOIv7pHmpGD5VgYCTJ+8Ebyvpv6Wn3Fh\r\nH8ZwE18jDKLwCjU4xlGKPEg1ecrCisACocqOLd4h0Zm8PceFWjsiPHDr3rn7\r\nqEiM/4wLlqSsawBMg6ovgwZai9iKTFS8KqWs0Y5q4JjKHc0fGRe0a7yG6INV\r\nu+6A+iZeY5nyQzZs1yrIgOY5RxIWXeoX6PTWlVSDlpphDkK1a2xxIweYG1Sm\r\nwFVEIS/VhVwedzF9SiQaSrUZBTYA7DF0tClQm24NRHGUJ9DFuBZnmMJO0fD3\r\ngewAkVuXlhyI2biutCo4eexD7ok3uV3HnVAU7UzkVYqhAFhXvHUJtWmxfgtx\r\nzr3JEusbF7SdHdquo3dbnxhD/MCSChyWsBwjpIy6bNtpZwujhRHhbz1uRJO4\r\n6VlZvZEcrr4SERwX0P/h8FyoOyTCAUT7wwQ6xCaykTg+akUfgPK2dDNKYeEN\r\n2rJPqpyNP6QDpdiFF4HQuFJiDAyU2crLtSWcHfcng3yMqpg9tvMN2aZZUYDm\r\nhp5DK/LGTEZ39i4UrmhNRivUR1NPU6xE7mDC3e7oqya8Y5jfnq+/rU8qKGP1\r\nujQUoAPE4EZaKNyemJkY5YrlOYpbn1XsvKp1ShEwZaJhgV76x4LdGvxgvDT1\r\nbFMm1m43HxbFpONaGGpCiSPKC4wwl0ESzt4=\r\n=D6YQ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.12-pr.326.8a0c5c6.0_1682373884598_0.7604387823013146"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.12-pr.326.3b08817.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.12-pr.326.3b08817.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.53.1","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.53.1","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.12-pr.326.3b08817.0","_integrity":"sha512-5gi5SDIfa41H+uty+nwiwy1VMSqJKTvy8vRcbrkcneuZDCSL+gOWlHrG6aIi+B6Xlyuq2S2hYamIdS3M/xz9WA==","_resolved":"/tmp/74a23de4b66ba301d9141c8d00fa2a07/kong-ui-public-copy-uuid-0.3.12-pr.326.3b08817.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.12-pr.326.3b08817.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-5gi5SDIfa41H+uty+nwiwy1VMSqJKTvy8vRcbrkcneuZDCSL+gOWlHrG6aIi+B6Xlyuq2S2hYamIdS3M/xz9WA==","shasum":"db3918ce5a1b0eaec7f491588f3094aa99928e5f","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.12-pr.326.3b08817.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDWuifvQH53tOizTithbUgGscOYCI6Fn/q3zPzJs+Xd8AiBMwAMzyFYe8L+jbT+ao7jitMqr15o7JzagmSYJwFvkdA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkRwXnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoVUQ/8CVYej7Ctv9sfxAnppHAsaAaO6Tt0IqyHJdnyNJ0ViZBIfhPJ\r\nsPKM2cTMjLqqZa05bt7tEUzeV1oWa8isPVu0q4143Ahow/jXDABPwiIGVPHO\r\nvuOqeamdCIdi3cRtEFivaERwFuPD0Sn2OLYf75kVTHQp5nRRMkGuvfWLglb2\r\nVZqA+QVTAfn5YZCz95MNJgLsxt2kwbJV8DYVjeHNxglv99/mOqLkjxt8H2Lo\r\nr5lfrcVDI9ZNT7YVBNpYCUMMvTDqyIu/IPmYBJ2eMU9G/PRLKaj/qWcteapL\r\nUMyIovuFVqmZfifTRm2cKE6Q5iDJT83K0YMt1U0FnCH9QLjta519B2pqPKGn\r\nXUJ3lYua1zwXYkSNO41iiYIZM8N92YwOGzIA7SeGbnoX7jhWTaegeaAftdpt\r\nKJfUP6kIsFV+LbOdLRqcHBsQDELL8P0AyVvJpItKXPPXAWLWnhpdKQz3YegR\r\nUN0hJNODrvBo9d2VlLStSgiqW3kk6j6kZvviJrXgFO613+t0hv1fsC05cpnO\r\nYHLgFNaZjElV1D+jy42DZ6CcM+3jTvNV4tYfTv3b/25RkJmJ7ZepbGLpPQ3K\r\n2LoPX3pcRc9/H++qXS5E3rTsLe1XOf4TJYKy0CsonwnIWwFe3c8cXCTN9vGq\r\nezFKAx3s9srExbdhKLieO/uomiU9EEGC6TU=\r\n=wDeY\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.12-pr.326.3b08817.0_1682376167445_0.13372171949213385"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.12-pr.326.e3748bd.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.12-pr.326.e3748bd.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.53.1","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.53.1","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.12-pr.326.e3748bd.0","_integrity":"sha512-ce6GMMs/KMIpS/3zAstmceoP4Lf5/T3yyRi9Ql6hF6Q01eVsg7FRwCq+lXYbwhtbHSPTDlWLff+vdZ4/qfVtDQ==","_resolved":"/tmp/bb92247da36d9d387926f810efb526e8/kong-ui-public-copy-uuid-0.3.12-pr.326.e3748bd.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.12-pr.326.e3748bd.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-ce6GMMs/KMIpS/3zAstmceoP4Lf5/T3yyRi9Ql6hF6Q01eVsg7FRwCq+lXYbwhtbHSPTDlWLff+vdZ4/qfVtDQ==","shasum":"f24471e0f71569428b612deb8dd3431df16887d1","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.12-pr.326.e3748bd.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEyVGNqYeoghMTjDHpitpvOySeEwEeDIMynRYvL3QtW8AiEAuxvRl0GSk3UJ8d3CPVCLFfLfP/Fh7KRH9mFeAGCkndI="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkRwZ+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoXRQ/7BEWwxYueeMsM2NS42S3b8j1aH6OBHQMAFcUGJJcGW2YQ0wo7\r\nxszMfzZLe41ZM8DbyVZq5XWrCK6RIvKJpQaYQH+IGTRrm7SLILw8HP6phGWz\r\nINkIT1gdCgIVg2M1/qLwK7HlugduCEBDBlwEZjJSpXt/IpMSirUocxyCdd+t\r\nPRaa2cdMa/RuMIkFerOciGr2cCV+X3RHcuKJbFeBRp1oli1QlYytDq9mLAGD\r\nX6+4Vj2Fzr8ZQ4d4XEsUqEc3ExkUixQYitE41sRQp8Ud4jBrlJX7cpX/nwvZ\r\nDRcxsluc/u1c90Yly2rIeiDjfKKYI8sWNhCevBRhszQj5cPESlJo1Egpj0/C\r\nkWNamHXQVwht1VO6HtZmIol7L+DCRZQdn1vECU8Y8GNXeR2TpWUbuvVO/Hij\r\ndTt65shSYAr63iSCyzy5fKwXJnGaqfAnUD9qZg0v2J0sV0GfsbiUTlnZ/xri\r\nY0eiFNwKIUhjKedK1xDI0IfDe3tHHkc7bD2iA/X9+GUn7dThIGHTnJhC4C/p\r\nBOWSo/Mci7I2LHM3XwD54YKhAQF4IxYm5IdnoKhBpleWU9RLPu0U8qMvKE0b\r\ncR94BUIaHeqsVswBGu+IED5nWFozCWWQkHHBXJ9dEvBGeHDCf51Vzk6DgAS9\r\nzYJSK0Kl4eQtfS57mIbZ2usXSDkUBdLUKDo=\r\n=Q4M4\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.12-pr.326.e3748bd.0_1682376318223_0.007125155453883147"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.13-pr.343.d143c16.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.13-pr.343.d143c16.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.55.1","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.55.1","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.13-pr.343.d143c16.0","_integrity":"sha512-BDszpWaHJ3ZN3HXvdETdLy4SCg8+/G5eG4itWe1YznqJhL7H0H6Of9s0HJQSgyHRq1MalVavdm1YsAqCudpBtA==","_resolved":"/tmp/6c09d28ba6d8a0bf708c32f4ae01e1b4/kong-ui-public-copy-uuid-0.3.13-pr.343.d143c16.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.13-pr.343.d143c16.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-BDszpWaHJ3ZN3HXvdETdLy4SCg8+/G5eG4itWe1YznqJhL7H0H6Of9s0HJQSgyHRq1MalVavdm1YsAqCudpBtA==","shasum":"8004d2ddbc64b3a4e0dedbc4c00f7ce13544e4bf","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.13-pr.343.d143c16.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDADlw3RXpfrSlRdG+d3CSHnSxWdWaUpnGF8F19wqr4GAiB/AAC1CRP4h1hUy6lyqTgl1gsVINQmcyYmMUdmRzavgg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkR5xiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq3Eg/9ESj9Wql+qhMdyoEOSkZThB08Jxk0BIvXsFat/dJiXwMht1QU\r\nDu8BKYvXYs4nsbBJOhaOKBxDfb8SwxguJWYCmcD6Q8GXZhIfyY44+R2/CRE3\r\nvo5O+n/ESys9nRSkqaVGtVZq30DZuYfNUJzbhPSehbZwFs1MLeAJVkUhs13K\r\n0oWS+KrDpZCnw+oTlNiJAvgqlDq8/ZmyKbWSYQTctnrNyztHMdrR1kQf8ffY\r\nTKiJpbnJRkK1ocU55WeLUS3H1o5NT183Gnn6tIm8lrB+JNSR6oiuTmE28Dl9\r\nHFAPVz1EzGhHXV1x7y0hUkrcrc4GJeAecpop/cRcniRYOjXMZm4uVNKRBwUo\r\n9IaOQNNjvzJ4rAweU19D2IbdHeSxAUg71HXBJuW1+6zZ5VHdrrW3Fp+PyNsU\r\n/+4yH61WivavlMygGqiv8NoV/lxOiiEd9Y/3SD9O9Jd/JQtKv9J6SJ+YA7ew\r\nWuKEOJUmQ93AJK/rLUOMr9Tvs78HlMcypqRzkwTFfVxEnt8jxXTmW545iC5Q\r\npvmO7QIS6ZJvBJ7oT3s6RZPZbsDN/21t4s0gC8Fs/ejrL2sstjo2t4QoC1g0\r\n/uAb5yprapmMJkcfZMzZXx/olV/0O7GSja0aCOGtqELO1SC0PqY0rf8d3R6f\r\ndoPAjr5XSK/687ay2YSXoMo0B2od4YsCPzE=\r\n=PxB4\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.13-pr.343.d143c16.0_1682414689775_0.13398948390778087"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.13":{"name":"@kong-ui-public/copy-uuid","version":"0.3.13","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.55.1","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.55.1","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.13","_integrity":"sha512-aYjNKo/fUiTkkpA2HacT3rqOskHkt4gpPAXvcle/H1n6anQjHml2GZhTNdEihBaEC04hUxeb+Gk733pdnsa8lA==","_resolved":"/tmp/632a75a9a06c427b7807c35ad4a5a967/kong-ui-public-copy-uuid-0.3.13.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.13.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-aYjNKo/fUiTkkpA2HacT3rqOskHkt4gpPAXvcle/H1n6anQjHml2GZhTNdEihBaEC04hUxeb+Gk733pdnsa8lA==","shasum":"7d2e16a77b652c9ffef9806377a66debaeb4d253","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.13.tgz","fileCount":19,"unpackedSize":556756,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHRXGIBcf+y4dIss9IOdlzDkbxZyOit6LbW+001MqrWoAiBn9KLLCTz2yQkxeR64mzsY1H03m2VmISNLbV2/9w7o8g=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkR57aACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoH/hAAjmtTiV2WTdz36UsEG6SQza0OPJVnsKdGrXyGVH9Bql2W13G+\r\npFSkZiW8FW0fIuua4krEO7TRRAJgawa74NcWGFwm/CkT+emITREEW/66sndS\r\n1gEt4z4RjcSDfGruUBjNDwxXN1v4EhhBIMewLlxsV4IGkwto+6WLXH5wbNCn\r\nibd0M7cGKFh2z2BZWjxvtxI2BeEZ68+CJtve6H/j8PsHA4SW7oRNb581Ryyv\r\nDHJt+mTjgvHRihXfXlkujUDnSE8N6GY1lAJzxQTvJrmJEpX72ruE5MQQURiZ\r\nMQoHGaSN4+if/iaUM43b0qj41dZVPpedKibwUn5NKQVpYHoNH3wTi93SttX+\r\nlYeAttNP9WVUm+d/FP/pC8BTMc3EL0vPe72F9m5e2XqwKJHIyM8MhoNth0o7\r\nfHkmsDVZRVmAN9rA1LKCSyRCC2xeVyAVv2eh9w88lzSR1uqZUndLle4un/H2\r\nIyy20Uj6hRHe11IihfHUxT55mWhYzUeZ8XguI66hnzTsaoYfoPOiiWpWekJB\r\nKHpen1ChhVcEOz7XQ5MbZX+wbFYaRKEaS7GLq3Hf9rDZJby/C/e7bKJH2kbm\r\nQO3A4ACLjHoU60QcKQDM9gRVyqLrMn9ybcrM3PAizBhj+819DXzH2j5PSzH2\r\nE2CAIkBO/l8xVBtht/bNM/a2dkemnXXpOSk=\r\n=hlkM\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.13_1682415322691_0.09752928679559303"},"_hasShrinkwrap":false},"0.3.13-pr.195.482e498.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.13-pr.195.482e498.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.55.1","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.55.1","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.13-pr.195.482e498.0","_integrity":"sha512-RJONgUXsJphTs1DCVy0fWNGFWg05jRTLVfZHWs04K+ZogzofvZubia2ywd9IBSw9Wkio+NxkRwk1+sVgtIH3xQ==","_resolved":"/tmp/03dd69c39ffe626c65f0a819f15e80ad/kong-ui-public-copy-uuid-0.3.13-pr.195.482e498.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.13-pr.195.482e498.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-RJONgUXsJphTs1DCVy0fWNGFWg05jRTLVfZHWs04K+ZogzofvZubia2ywd9IBSw9Wkio+NxkRwk1+sVgtIH3xQ==","shasum":"9d4f48d734401b5b17f65bc4e08d17b17e17f567","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.13-pr.195.482e498.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDGw8zXOTduwB66xOCYsbiCWXUXv86jKTPLLeiWr3LiDgIhALrAm3L6f6mx8hRV8njQcL5K7B5YBrMI/rVcs69EHItm"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkR6A/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo3ug/+JVNYpYcfgh+X6vkMcEKRG2EkT7pzqw+l5E5HOvVBmsVSM5wy\r\nke05XY1d779P5cYsyM4BfBbjzy3cNSA2w+xY1J0jA2WWO0Ux6/V3/fMPVHIi\r\nuyCtqxddXMb5W46hva0V/yCnQY3GAqot+IOCoFmoOj/JmWcsXYqCkxOmV3Qo\r\nn4FD02XvNqttb03sM+clJCtCo0b5vIPOJztOECGDD5RGVp8FwSYARQxOjoYk\r\nOhDKo1psS5l/QPlnpLRaQBQ8f0D1rsJ+h4XKLBZjIqJ+oo5NggXlybvdtX87\r\nK4/tutVwyjBajpHbThvou0Jj7V5/Nruz9cFU7ZTWKCCIAgiqL0ao5lAfCgak\r\nI6ZFIceDuFFEUHZqSZc4zsjA86hHi3GKlNAjbhqSZ0lU2eV9wzoI6MZeFJ+U\r\noq/34iZ6qDLQcAygwU2dTCfefY7WjaRJDaP04yfFManNQb6yFN1Wx/IIRFnB\r\nExaEpOinMNvYkLb/LKrWXFdf6FHklVvgb+5ydwKjYgrG+bS61P+2csO4gL7m\r\nO2XIJFrlknl1N2lUH9ecLEir3DP4EQBCj8WGX1Xup5E27X0eNxKopOtHFMXs\r\nO9H680RVZqHSJau2bJiGr94Ejzj2QaqZQRAEg70ZXfGSt0IbzZoFPh9xCRt5\r\n6MBitNjJ00Jz04jwmtZQCUm7CvzaOxt/OPM=\r\n=QF54\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.13-pr.195.482e498.0_1682415679094_0.5122297736310037"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.13-pr.269.a1226dc.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.13-pr.269.a1226dc.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.55.1","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.55.1","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.13-pr.269.a1226dc.0","_integrity":"sha512-L/CpKwyXmP9AfgdL3LpWHDh+gAFKYceDxQC5bfJEbZPyHvlNg03kq4NLwDaWgp9/soJwlGevfrqrkp8umJfElA==","_resolved":"/tmp/a784e9bba766239c4d0dec97394fb723/kong-ui-public-copy-uuid-0.3.13-pr.269.a1226dc.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.13-pr.269.a1226dc.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-L/CpKwyXmP9AfgdL3LpWHDh+gAFKYceDxQC5bfJEbZPyHvlNg03kq4NLwDaWgp9/soJwlGevfrqrkp8umJfElA==","shasum":"22c5ad3da16505e11d384ebbb6f2837e2a94a9f4","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.13-pr.269.a1226dc.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDwKdX0UNUVM74L+2cA41Hu/qV3B/0PQz05zfD1TJqSjAIhAPi9L72b8Hth1VN5NQihIQcP0xypdVIHhx8wUnLDkGTL"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkR6G1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoggRAAiFEQyLSsiN/kjVpgPO3sTvKeVec0x3wTijPLFxXu9E/tCkWu\r\n23OxFVX4vlzu1uKwJlmY1LYZTAfSteLMFU81FhJhZmay7jglgPQ1eKH4hrxP\r\n+h98uLpQsn3mwCVlV7rvZ5RgcgrGiJwid011cPHUFF9xACBDvSkklWbkyHfL\r\nNV1ZxmTv9XAl5G8g/bF0ZOn6mxDXbmMdBe8BO7ILGn31oJqL2IRdQ4++KmtK\r\nXE5m5DyLAPWypqZ1JYmis095bmrwplbY6pet6ycvNY9ep9ltjcEWzKVpvSGU\r\ngkm4hB1oXyXAI3Ur+YDMgoHyZdfExzSZJbU/EvOrdYqqdcQf3vF8VMPHK6ng\r\nVchgvAdDBPPO7CUrkifFbpJPhdnPpoXGxYXUOSJtsk/zkA2klAADamQCGrvr\r\nrPratheyqaOPQB/m6PrxaJq40H86dfWSJXrX28YuoMFS+1e01IJL6nk37fud\r\ncZMIpKCUaQCwB9fMtS2x12LkdZFeiaMp9TrmA8xlqNkFqfBZBKoZMcvkx8tV\r\na04gGidKObrwbxpBBdzqIedHG5Qd/12LEpTzU5BMwH/QZvZXxd4eMzSQBNdc\r\n532AG0cpnHW89Ec1sjRQXJev7opiGwinfgPRyLPCPd00mJMdZPVjm3TPlsQS\r\nGjQ4B9CpOxJWmvY7+iylqjpLbtt3SmapYFM=\r\n=ZUpw\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.13-pr.269.a1226dc.0_1682416053047_0.31433056718408103"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.14-pr.349.bfa604a.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.14-pr.349.bfa604a.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.56.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.14-pr.349.bfa604a.0","_integrity":"sha512-msb7sUAgzuo8ion6SSCrHkcQakG5wLfjNgiYRACQAFKUi4o2WGlg6kVi9bgUxI3Qsz58dCf9DwWPeuBcgl7sPA==","_resolved":"/tmp/91957b136632a6ff3eecfc9cac8ae6d5/kong-ui-public-copy-uuid-0.3.14-pr.349.bfa604a.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.14-pr.349.bfa604a.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-msb7sUAgzuo8ion6SSCrHkcQakG5wLfjNgiYRACQAFKUi4o2WGlg6kVi9bgUxI3Qsz58dCf9DwWPeuBcgl7sPA==","shasum":"1ee9eedb517df540ec277d4a934d13f5850c3027","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.14-pr.349.bfa604a.0.tgz","fileCount":19,"unpackedSize":556798,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCvUUnlXw9/MpIjQJzrK+5mJXZMbaaLHikntVGIZyssZgIgLVYuBz3UUiggpzvwGrRTj2SYyO55w1RdmWQQvPNCWhc="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkSG22ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp2mw/+LdRfyMRRzGIAUHihI2Obf6cftsFl7SoYruMxnglDJsVt0RKr\r\ncB3hFGo9y1hlYpxj7sElrbW5EjTuRxkLbTUbr3vOMkYXZE57c3x5a3WqVim0\r\njkEfvWtkmu81WtI1PxZnjpARJPTc/vRZ1fOZYwCUwmll0lrJlBk+gV9lySOz\r\nhUuKNaYDvIvGzeTEansGGt8fBWsYCas9YEBrqRmmN4hU5hoyAbBIH2dqo9zR\r\ncSc7akiVugoZtpDneG8zq/oCpVYSVBR0bH44GrLJotdQsEfhnjJB/MDKJkzt\r\nw3TbKl7bP2Yua4a3Vmr/v3MZdi3bpR3KGC3kTDKNE6tr/Jgf89CZNjZJ9oPl\r\ngcLvh3N/t05EM9IxuMzu5TwGq6pklgTZX94QXayBtZtJ6nDeyi2jUMNjZsDB\r\nzpYFQouWNRyGMkvolUcu75gOTPG8l00RL0rth3zHPbKZJYhUTxexybBppvGv\r\nE9LXxeJRfh8AsiTX9tDKuQROlBzJzviPmglIGe0AAgFkxVp5n3SYclbkj7np\r\nIOXnU1sxp8BSlyuuPsreEdKpn7JJZ8Hpt7y1ecyRcH8ApErctB8umUM4ee5s\r\nzuFIRPeY7xwkAbV2XPPIwSIK4KSup4SNQsTUOM+lrxajNEF3kxz8/iGIrirL\r\nBuNh8gOJTeSGh+fWcluzAizXGVj8a6Sb6eQ=\r\n=yQB0\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.14-pr.349.bfa604a.0_1682468277756_0.7262760553989478"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.14-pr.195.58fd428.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.14-pr.195.58fd428.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.56.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.14-pr.195.58fd428.0","_integrity":"sha512-bTe/Zirfoi76KOk56KPn4eaB7PZODutHsrSMBJ/rRlH764F6ToP4lsurMVkemhHPrD93qE5EHfikfyzagJnjVQ==","_resolved":"/tmp/222501acac67facf1ec0a60018000d5e/kong-ui-public-copy-uuid-0.3.14-pr.195.58fd428.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.14-pr.195.58fd428.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-bTe/Zirfoi76KOk56KPn4eaB7PZODutHsrSMBJ/rRlH764F6ToP4lsurMVkemhHPrD93qE5EHfikfyzagJnjVQ==","shasum":"95502f15360121d1e36ded648c5934901e54cb2f","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.14-pr.195.58fd428.0.tgz","fileCount":19,"unpackedSize":556798,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCYnw11KTfFXuDdvDOnaBwSG9lVqp0pxwPzv2avSb43zgIgAZkllFH001u4CPRz4sRTPCod/OXErR9iUTTcmPmnjZw="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkSHA1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrqCg//aNywoBdU3iLbGNPlrsCeE2o9SAY2na5YggRYtDnSjJiLPUN/\r\n2oiDQqQVmkzWPaEgxiPgarkajPNKYM6bTORsUBPpkXvug1ewkZm5+zCOPOq2\r\nz4QoF3qzQk9uoJw6gY4mb/bFx/hs/dkawhld/Qhlom67/CVvZrvV9huE+8rR\r\ncSDEHGXnmWbgAhzt10jht0zg1/gbDwo2WzQXSQMuK2ScpPy+igNwladodI3B\r\nOOIw034f2cEWiwlXcG9K+IrwRT06bNsNQBYTnD+0LjPs5Plqy/R61Rz6waI/\r\npj9TDPrVqAkSqvpB3Y4QLqGxL/X/0SShY6B+oiusgXUEtXl6V0oATyBmI3p+\r\nLH2xY35fDs9MXjQBnsItQNhKcuVyn6frn9RjBVVQFbQQj0g6wbB64aulJYln\r\nocTyoFe6U+myZ6BWgaqNndpquJtk9xCmn1vzke2VsfKxCC35fXF0Qy0Vji2e\r\nmy3bsrnlawSw+X1gCofnZ+dLHWaIcm9yzVYkJtyCjchuOMDz9HUqExd7BYee\r\nnXnLoT2jPjykfpIbtQtDnMw6dwl9DtxcXnZWya8VhVBQSh44SmeslCdgdif9\r\ncN33xYLMa/zmjJ/QtOqbRLinMLb7m/MsDREY5fPqnDT85un05DCJBsBoKBKf\r\noPiWbbzixxIyj9k1u0kOG3yV7pnilpnSzGw=\r\n=HqZz\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.14-pr.195.58fd428.0_1682468917115_0.5547603714388947"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.14-pr.350.686b4e2.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.14-pr.350.686b4e2.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.56.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.14-pr.350.686b4e2.0","_integrity":"sha512-J34Xz0Xt3a85hFGXJUDabLpbpr896jR55/6j2/wjDgcSWoQ0WE8svUzoPkbH0X3fO0O5s5V/S9AhLI+IPAix1Q==","_resolved":"/tmp/b9ecf9fcbf4700da7f499e2ba8788684/kong-ui-public-copy-uuid-0.3.14-pr.350.686b4e2.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.14-pr.350.686b4e2.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-J34Xz0Xt3a85hFGXJUDabLpbpr896jR55/6j2/wjDgcSWoQ0WE8svUzoPkbH0X3fO0O5s5V/S9AhLI+IPAix1Q==","shasum":"04bf8f2450832a8506047c9cddfb4d754c25ac2b","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.14-pr.350.686b4e2.0.tgz","fileCount":19,"unpackedSize":556798,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDDsKwGo2So/s9drNuxiJtMtNlgphwy21U8QvEYXys81QIgEUU4d4lS/ZPkoEQWcS+K66Aw0tt3oiBTLPjrQ3NAr6w="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkSHEQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqfXQ//fKJGQxxirNfusQSQiKdqUjjfd2pjCCzHADHx2Bx13uoXVwH3\r\nxjzvwNivDOy7cmkEkyJh+VmqnO8TJUQXG98xPiGPDOABvIofOwyUzRdER0z2\r\nnXwhL7p4u/kjw0rUIlAdpOkhnPrgxohbW9X/fmh/oO55kDBfinUDE0so1INK\r\ngYVp4UUR9YWgTVubCZs1b1aB+4kDQpZUjJ24ds3U3SQ7nzgmVF7acqsmWDQf\r\n8zgudvTMtPTpMkXRCTkgCrTWozH7M1ESMY41fdkUHHtue8CXX6E/TvbS8yL9\r\n+2GgekFvuvsysj1obR3fQP418JqqkY0YWBjeErt+P7o4wEdq7If6wwBiFEBk\r\nkw7D3CtdiR8ySw7rljsYR9AzCk0wjf2isnICMhdbDlN0t9v/qRVVveoBVI9A\r\n9cUUTH9ZUWPrMOu/tLaOzeHGasg5/0kp6NC73ROTBbJ2nVX9nbKR6ej58bRR\r\njnhzVrCk/gRcKOPu0nutUid2qZ7bCpj3mk59okn58EanUpo6a3+MqrEhY9kF\r\npUEMWNSTwBZD6rORcelPD51yUn3VdXnz0LyKmo2cp3TsQDuEwNpoeF7A9EKo\r\ntP9eSGefrBwvFgnbC1F+gC7BWgrufmDp9zIJcbQn66gwDj58uYLvP0Va5/VX\r\ngn7CVq/qkdpiW6tu81GRyRq0p6bNfihwuKE=\r\n=6fEK\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.14-pr.350.686b4e2.0_1682469136714_0.09310316201633384"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.14-pr.269.3892149.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.14-pr.269.3892149.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.56.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.14-pr.269.3892149.0","_integrity":"sha512-Ckz7aqUpbuiYw6psH2FvefS6zFPrZ8aqDryBdDuCuMLySen0Q3u+Wgp1tOhB02gUnSHfsD2coJK7faMQa76EXA==","_resolved":"/tmp/a3d08e417a3d18198a229bbf5f4658d0/kong-ui-public-copy-uuid-0.3.14-pr.269.3892149.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.14-pr.269.3892149.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-Ckz7aqUpbuiYw6psH2FvefS6zFPrZ8aqDryBdDuCuMLySen0Q3u+Wgp1tOhB02gUnSHfsD2coJK7faMQa76EXA==","shasum":"3c488fc7c59d3f3269137e4c3bd2cb3f2bd35c4e","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.14-pr.269.3892149.0.tgz","fileCount":19,"unpackedSize":556798,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAmbQtfs6VUpqMId0WNbkxng5nfNAJgPo5thrMTf8r2hAiBM5cW2Ait6w8aE66EMUcgtj2aU/cm0GEv7fblIv3OOrw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkSHGYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqROQ/+KsgSDwpKUfl1GS6AC09aH1v8u9qEHvV394S1hIEyAquwzg/W\r\nnfWaVFPt86blWd+650a3k3BGORX8aOjRmrvdwEp7JvYNJEYlp6Luuo5Xc1u+\r\nipWR6awPDdUHZVUMPjcTpZhc/mZ2COffooQ78RzyXRKz4m8jIQKvdknB8maN\r\nAkhtdAA8RNlhsntL9RL1To1L0gC+KUa7ag4xS3ZVE4gb9qay7GzePWvAYzrc\r\nJFjVx7M0vfnyiBOCZrEaH9jZKV5r5w4vdphW2p3R0mxpgqmAgY7Q0l5m4fuM\r\naXgBOjQ4JYdTKDhTaUWJ83QoHURWFRlPshi5UjpWoYpDywkROAaDLTp8bs0j\r\nJV5pA/rrvNybmqrhg44XgUc0yR146+XAcn4qTX9xTAdyC4HeoK3W7L+P9kux\r\nkqSEwNkklLCvy/+zpwsM4Zi8SlUgDTKrG8HlWoQv2u4Gk9w4/YB8J86AEDlF\r\nQKaNaOnNDBg+bQl56mc8zaVESRDdmvZKLZstT1GnblXREkrR4XsT7adTvKnt\r\n7a3b6PVUdI9b5JcV8LhJBn9/elD7zNm+UeS9yk9WbTeY1OFjtSLxsiRh3LyU\r\ngVDqTuYYPpaQHtucHIqCsjvpDX6FfL99Gr2kNs7dTzOP22ZpVF7DdxaCFNwN\r\nJeq0uYRZrGQNBLZbYokeUKqHArtOXrcCqp8=\r\n=/OcO\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.14-pr.269.3892149.0_1682469271857_0.10183758793704434"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.14":{"name":"@kong-ui-public/copy-uuid","version":"0.3.14","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.56.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.14","_integrity":"sha512-5N4pHqLzNL+AEBV6BhrKx3nAkxO653qQQyu0AxzDVLglezxMC3w9dsyR8ZsFeW3bZAKQmb7nnFN8aEoLJemDaQ==","_resolved":"/tmp/d81e9934e3b7323c0a0abf7d1c149f06/kong-ui-public-copy-uuid-0.3.14.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.14.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-5N4pHqLzNL+AEBV6BhrKx3nAkxO653qQQyu0AxzDVLglezxMC3w9dsyR8ZsFeW3bZAKQmb7nnFN8aEoLJemDaQ==","shasum":"213a2ee9d154f7325184b5a9fe1ba2a8c8a27d92","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.14.tgz","fileCount":19,"unpackedSize":556781,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAybMPb5iNP/+CLMsijGrYlw3qD/G2sfyJ3m8e2hbkLvAiBNgrHVVPd/Nd7Ko1gSeX6VASxeU1Ys5B04hDjZ7oE1gQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkSHPMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqWhw/7BZ0PDwTSNw/OliSNqeK2W93B9Rww4WglXuZs5Q8/haSp9Jel\r\n79pC4vt6GmXay/PK7NSXFFfpq86XZJ3CslD7KzqvUX2kIQcbBcEuFs+yoXmB\r\nGwfczDbImNhh+vmh1ezdGX6xKu4s8buaKfoMiFwHMXlWtnPb8UoMpvhoHn8V\r\nSeBweyQVdD2GsVCE8uwCWNU5gVayTZlSDLX/sFIly5Zwc7rcU1V0Vxz3Aepn\r\nDnQrKM1kyeQrvUNgGBdoDyaY1a6FSxn636klaIIkOP3xqwuh1y08+Pzrzb9y\r\nz/sFRcVN1J5WErDbx+RkhFVcSTsrNhuvaGylqwbIGzhtgYTiAnzwctaTLRS+\r\n2ArO4FlORPiXa9UJMeLC9zb1QOyngX2WL08kZeNyOttzDGdL7K5LUAOk1OG+\r\nazhHu8oX53qQcNDdg6stEN9lYFgswYm/qL9h+UAeGy2OeXs9oPqKoNDizIzu\r\nu/t5NUo8sFkeedxZ9XgC/oa1E4OeOnF1xZvbg9xtG6+55CmZi6OZKwdF1cbW\r\nLmMTv2hiVqRCKIEcWWENNFmijgAT03L8B0rrpkLoLGB8Nk6gFlVgEfQDGaBZ\r\nTK+5kuPBhZEs4vmPoPBxhMUMSLIGq2zqYac6p8irrcU/zWSRuha3ZiZBSNqd\r\nZaQPrtZe7GkIk9+u4v2ykfo8Dcj6gXvJw94=\r\n=Luyx\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.14_1682469836255_0.33865624486907886"},"_hasShrinkwrap":false},"0.3.14-pr.195.695b787.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.14-pr.195.695b787.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.56.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.14-pr.195.695b787.0","_integrity":"sha512-YN4O+UIRzXD1EWEVKZSsWTPMT8VESnU7a1EjPJLOXAI3yQnwX41kklmucvwrHxvqPI0OrVm5U289TGeynzgz5Q==","_resolved":"/tmp/9716cc50fec9e6209c85f0df5eb75053/kong-ui-public-copy-uuid-0.3.14-pr.195.695b787.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.14-pr.195.695b787.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-YN4O+UIRzXD1EWEVKZSsWTPMT8VESnU7a1EjPJLOXAI3yQnwX41kklmucvwrHxvqPI0OrVm5U289TGeynzgz5Q==","shasum":"31a52decb4bbe44875e383b1aff990cca669444b","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.14-pr.195.695b787.0.tgz","fileCount":19,"unpackedSize":556798,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICpSE3Q9uK94T/VIzzy4XBLoyY8CuXukI0vdNnnOAEWIAiBwJaL5bJWkG/AqOYV0YcXSkNxToKyJuPpo/1YEUD8R7g=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkSHQ4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqgsQ//QsZCiCx54jlNrE4PdjugkRf92zp1yDSQw5SBG0PubePwJ4xm\r\nvGxmPtQ9LvukScZPXD3mOj2dL/vukFaKec9/v9X9oxkjRwTR8JbgcV7bE57i\r\n164nYPtUPG6k8zm9ci/JEOVr2kMjp1qymUOQqzjBuvwuDnDARcWXR6dv/2yK\r\n2/0f/eiDPUc7XWue2EUTVYKNJQLRs2morq9WeVa19YjkdLqPACS7uuGOwveg\r\n4Wf9T++caUJgIZKMgP8G2AR47n0UEPXp6aCHtoevcOuyWQGtQtegE3CV4qr9\r\nzL4PhJaHWYbrhYCTRelVEqXoa67a65mIrSIFvuplcUJVMX9d98Gm+C3bIFID\r\nzYRHYi591jtDZU7Zuwn9fMMBsxWKp/B6712q1bEGAv1yFAtpLq3wy88DBk3q\r\n8PcqTOsWrhjQML3skk6zS9yWUACd1xc9dKfq4ajnIi5hO9OCWezYN0V2yVxT\r\nPvzE9Obe39nddtS2S5+9atQkAo2ai1M27gVJLyN7GERqjFe5ZdTkvBWNhW3E\r\nyYn84f5IV2DvENzk9qMKbONkrESm5uGrBM9CEXAs4hs173vcNmd5hMJe6/VS\r\nC7eKU2KWTBTfCVOckJ5FyCmOB1CG743MlyPfKgpeEfy0HzFU6uS72GosTnEC\r\necvxa9yMZmvfsTUyXys08pMNHGh+hv23uT8=\r\n=A+Qm\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.14-pr.195.695b787.0_1682469944239_0.10949765261022115"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.14-pr.269.c422dfe.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.14-pr.269.c422dfe.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.56.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.14-pr.269.c422dfe.0","_integrity":"sha512-s9Bnw9isyHDSBmHBzY4lqTbD/9uHgUsjB0nxAmZIboxUyS33r86do4awkmRxh+oDZR5kELmaXBjd9e6nPT/C8g==","_resolved":"/tmp/06a6340ae134ede01d67dc864498fdb2/kong-ui-public-copy-uuid-0.3.14-pr.269.c422dfe.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.14-pr.269.c422dfe.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-s9Bnw9isyHDSBmHBzY4lqTbD/9uHgUsjB0nxAmZIboxUyS33r86do4awkmRxh+oDZR5kELmaXBjd9e6nPT/C8g==","shasum":"54dff916aa5465b9312598e5ede79e10dccc1c62","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.14-pr.269.c422dfe.0.tgz","fileCount":19,"unpackedSize":556798,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFK0EyWExT2iokeMpulbXHFafF4HZhOQ08RIndiBUWTbAiA4b2K/lQPpObWU/ve1iy/gy5JgBdCR4B/+5X5hffvZMQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkSHUmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpDvBAAk2xwXI8JmhOA50WqonxBhusFmLuhDP73fHXt5OIMbIN3OF8M\r\nZM8OZPvGMkRVtY6jtomobrJpZLJPmyVNDiiygReVT0KAYaaKx+SuKgR/Djc2\r\njjWMVR4+UUhCXeXqkVirKm0lHpcmpl8CB/6vyOnmMIEgvXUrTX061Q/seY0D\r\nl1/T+2L/bQAHBd2uMIths8rdmeVtERYpbXYr6fYVcO/+rcbp06eeOj22C1X4\r\nzadOrjFxQDu3QBK2YgB+2xBonqGds0mk3w4FaBtc4+rnIE7C0e2PwAlCvo8t\r\n087/KDFF1npW6O5jUXoP8c6p/c7YhNP6wn2MhtgGK2Pp4ruvMtt1mEbK1/1l\r\nER6qGCI7tgh1lK5WSVLR4DzHNYJeoZeTjyBTgGGgLhaGl5Z2ZMXtXVqUdMhf\r\nnz15RjTOSE+YjxboxR+JlQLMMMfszaqcTlEpkSbaA/dDt4MVsZvkoN/6KQM7\r\n38e6hYKuZTqJgN6rGWs1BwTHUYHYCPHi0LH38uexjfyr4G6bFprkaUc6bn1l\r\nR5o0HhpOgDaXpCisPwyZZ92qOmJ+0JQp626wt3WWsp0k0xUnqs3lzilVfq7V\r\nUTrx13Sxk3CUpF8yy5JaWg0Xjm/mNQk1o2WF/hIZ0l0SBzXti1eGa2cxVbvV\r\nEcI4Ftmc5ITStyYbJ8XoBgOqhH5RB/qmfdY=\r\n=G/EV\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.14-pr.269.c422dfe.0_1682470182636_0.6734823576646798"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.14-pr.132.268e61f.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.14-pr.132.268e61f.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.56.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.14-pr.132.268e61f.0","_integrity":"sha512-woGQHxYxDA1PHKElOIDkPUJCLdRb94abtIAHGgGpk3PI3jFGg+TnXOiIaGNL0RCU8i9DsTzrc61XkjtCs244/w==","_resolved":"/tmp/1c6a76d396fdc1db9bcea6edd97637d8/kong-ui-public-copy-uuid-0.3.14-pr.132.268e61f.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.14-pr.132.268e61f.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-woGQHxYxDA1PHKElOIDkPUJCLdRb94abtIAHGgGpk3PI3jFGg+TnXOiIaGNL0RCU8i9DsTzrc61XkjtCs244/w==","shasum":"cfcadfee08cf9e8e1048d7722115a84df17942ec","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.14-pr.132.268e61f.0.tgz","fileCount":19,"unpackedSize":556798,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCht/rgl+3CZMiT1g1tfPns6T7n8LltZCegmnaSB1vMTwIgIZGP5G84jNQNLvpEJ+7XrNuojJEZdyQ90AMSba/BGu4="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkSHYPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr/hBAAnMBulPwYY2HOkn+IgwuFEJdFIQrGdtIXmVKN43k6s46k+3kT\r\nFIuIYnHkFhrdSrY17FhJWFqdDEl4ODiYTMqOUv/DzNY0P9lAULABvrDOX1uF\r\nRWOXQw6qrQFvHhLfX5nal9VvsaCLJFeE2QnAnvdjN59oeQlhiGqEZ7CXjljx\r\npgbN4ac7Shl/mwZN7+scbvqTiy4BDYtAwY1aaMf+M/so6+zElrrJstvyeRyG\r\nEKUPSAfG7pHHMbUw9S94HSy7v3BFfxKmunqmuTfN1MiKvl2NXKuh+kswm7I4\r\nXrjCdx3RVoxzVSMG/mOvH27XGHi3zAch5KSGIfHP0FXBfpOH3ktHlCNgg57O\r\ndyutjU1EEezYo+vGeHzb1U9mDQj805krydcbQ8JZcx3bBbsbEQy+/KXSV+kb\r\nIHGizBFFJEV7+J2CSaeWJVmVX0Txpaz5r3kSyzwxll7/32WoYJUoD1nBLOqD\r\naw5+ihrqKA6A/u2a2NF/bpSIBZdMryeAohSt3JLrNWKz2IhHkCfyLkvq20m4\r\n7yAMqbREHRhZTqbm2mqpeX6SxoxlWKPMHTOYK30DglgPMlWdbA+zj+Ky22Me\r\n0okR0rlovHbMeIiOut9V4wa4jdbNv4NUcDkzRHt/Q994x5NsiJ+MBqKloUp3\r\nVvWjJoPd/TL1eRHv36jIiQe03MlMfFcsHQE=\r\n=X3mq\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.14-pr.132.268e61f.0_1682470415233_0.7366838544921754"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.15-pr.353.736a418.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.15-pr.353.736a418.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.1","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.56.1","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.15-pr.353.736a418.0","_integrity":"sha512-NGNcQAC33kSddFW+B3SgDodnqNTuQHi+6FjxptFD/p+GTI3hwEI2+O1KJprlP8ixPDPHNGOy3P+oVmf2cjGKLQ==","_resolved":"/tmp/39093c5877490335c8cb153ed231813b/kong-ui-public-copy-uuid-0.3.15-pr.353.736a418.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.15-pr.353.736a418.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-NGNcQAC33kSddFW+B3SgDodnqNTuQHi+6FjxptFD/p+GTI3hwEI2+O1KJprlP8ixPDPHNGOy3P+oVmf2cjGKLQ==","shasum":"7f7366ad9cae9c56895da86ca05c19181963a4f3","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.15-pr.353.736a418.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCOJXrFxZQhjxjuhp1cp1djiiqc48BfaDAglWe2F7bNlwIhAMLvF7Hn7KQN3MM9YjXqtS8ibvJWpNwBzTTZOLy0BTKp"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkSXB2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqmog/+KadHaLdNvY2INX3LnY6bF2nl5jbgAiSNygV3qfA1luaA9cHL\r\nn/8hJ0rj79/84eO7oEQIJxKILU953ZvqVNKLGYrAOsSowmq0b8LHh8W5D5QC\r\n0/t1tgBk9XWn8baM0Hri4j2VRclYhddi/RIyPxUH3vXzq29TfVYnvwg5dq+6\r\ntUgmL8iNBCEwV1KqqvLPoJYIcQvqa8YulMpqrR6/35x1+F0uu66Goh3xXQe4\r\ndlBZ8GruZEc1ZmcvDcWtI+4OGvdMBdKk7xyj9lzjrLyb36RZx1oFq1asW+jL\r\n5YHFZFYZNwtUvLmDkRNhSu+2Y5hoYQIqJn1XqOQjhPgJ7iLaZI2Dxqxh+zg1\r\nwuXVPFkAkhMD+LwgxOPkzH5ufGVomwYm5PbzbyE5AEAjIpViYiJYRf+Buxgh\r\ndP00v69rI1r9MtrmWu7RRYhXpXpJevD7d1j7PHPFyPQhVCDJbczR/DVPmKQK\r\nkMuHJNw17JFbdXirI9ZD93GlOlTIRWz3g0CA6A8KWGOU5z5Imc/gLW+FGprL\r\nC9n8Utk7PU/VRcitaNRmVuCpQNL+m0/dwtbGJCu6fvWliuZQ0+1R7TWgh9Xc\r\nTzsDf5hzVru3DFfpVpXAs1sKyFnv3k3+yy7yQD76X+i7MxitY6JVODTsjTq1\r\n3zDW/HRzn3uB3qd2pHGlE78IKOG8iXNrXi4=\r\n=rTdo\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.15-pr.353.736a418.0_1682534518330_0.2951784887895743"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.15-pr.195.d0292b9.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.15-pr.195.d0292b9.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.1","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.56.1","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.15-pr.195.d0292b9.0","_integrity":"sha512-w1HJwl36MgPH5DSOuqOq+t8w3hpfV5oudIABkqOV2eGptzfyX3VGoH92t5HcsNR6Flc5R9i0DubFnP4MJGTytQ==","_resolved":"/tmp/327d68c982dbac563fff6b19a466c6b3/kong-ui-public-copy-uuid-0.3.15-pr.195.d0292b9.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.15-pr.195.d0292b9.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-w1HJwl36MgPH5DSOuqOq+t8w3hpfV5oudIABkqOV2eGptzfyX3VGoH92t5HcsNR6Flc5R9i0DubFnP4MJGTytQ==","shasum":"4a76ce780960fec5898932eb910acf4bc1bf484b","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.15-pr.195.d0292b9.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGOtPd+DD3ci4xDduzRpW7/WRmzKIKZYJC54FOxPO0U0AiEA3FY2NWiN/Wzz0bVfhyrITmWWpflvl0G+UbFGyWGQVAk="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkSXMvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpcQw//YVt02zKameeSdA1G4VdZCsClpgRrkr2BEeY6iIktAlfDCdcg\r\n8j+qSD4wbC9cxoN7lJbtk2X/3uNZC3lFUu+pE706renm5VxmsT7afnmhA3xi\r\nLtSKEokl/XOtmLr5S6HetC9mBd/YSpT5tIS2rkMvRpSWSSWk1qKH3eMnutmm\r\nCCmgwOp/ONitxvL9yn7G1ZozdG9jrRa10x81bQGKWAkpA7mlw1bYgZoj5hwa\r\njllXXZZOhWXU0leFP6/9HdNrE9RUzliAKrBcDfZh9W9NiHAXvfT5Fbzu1ne8\r\niduYQJdjvtMzHKSSgyUBGQRxi5fn8sXhi0xOrw8O3XELhqFl4wtl5D6LJbq6\r\niKJ4/Z9Jtpk2AK/wFfgKcy+93FdwEwdMpf5xGFeZkZGusOxYTukFB6vvPY9O\r\nDTSW0H9OvqECDhmjVBv2O12gf5cAym7yF2WmlOK6wzYUZlNZDxR4SWd9Zma9\r\nsLB5dugybgcX0MTtasT5XErQVnzr8m6Bg8+Na51KVRsGiC15Rs1NcvnTavQK\r\nXT3HIz1ByKvxJaljIZlQL84O4BGvsP65PLlnLwTbIQ4aE+jE+x9SukLn2Zeh\r\nxtB+LKLpOK6V7pIjbSvov5/89QiArAVwujMqGSl33nuQgon8lKlIRoDZZrL2\r\nKWpFAqVVtR3qHniDRjQ7wDZe6bKYnBvxO9Q=\r\n=5g81\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.15-pr.195.d0292b9.0_1682535215009_0.9335316694518121"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.15":{"name":"@kong-ui-public/copy-uuid","version":"0.3.15","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.1","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.56.1","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.15","_integrity":"sha512-XCPVTvieK9qBIDgsGfjrBd0lxwF0mUJxxqVpewOhn4x/++mNEjDJ5+mNdgTHAQ+5uvf3OY/9EIlVjkDk5Iio/g==","_resolved":"/tmp/9fe404c427df3d45255896b5ad2508eb/kong-ui-public-copy-uuid-0.3.15.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.15.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-XCPVTvieK9qBIDgsGfjrBd0lxwF0mUJxxqVpewOhn4x/++mNEjDJ5+mNdgTHAQ+5uvf3OY/9EIlVjkDk5Iio/g==","shasum":"c8c8fc9b98529a984315fe98cb8f470959e72ff2","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.15.tgz","fileCount":19,"unpackedSize":556756,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDjOW1zA/OrQF7wdMJ2pE5/klOpLjVN1gINfcOTHhbL9gIgVXHepL1LYR9JS8zoeoczHBJoKUWzmL0l9rCZl9B/rHg="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkSXOOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpHgw/+JgXH9XqdOtzzABH9H9L2DXJ9PbIO7z/fqeued6N2+tpJEx/f\r\nFBHj2MJCO8hE+ArstKO7JxQcJFk8AlYoXgGV5/psqNFonOXUCzjrNtMK26Ak\r\nQDZUz5Zcj9RqFptOvKOQsonfKR/soUP7p5bmtVFhDMoNr/28IzUBfdpaRQib\r\n/dam266WWIl3BVqZj4rLZ3/qqZQqmg2CH9jLX+XHZaLLV3kCMSpM/ZhG6hDs\r\ncYpLbZZvd5r5dFOkH/36yyBq6pvO3UTxm8okhpaIAZwfrw0XkyN0Q6mI6MrD\r\nSrQfArs1j7vjhj0MSHoNB2SCudqlqEFAMRsG3wX7h/b/9SGWnT0oGxmPWa4S\r\nWGwFnTkq4OFHr0TkAVerPGwbBMVZ5a8+8b3dsq6Ce7jR7jRuK5iRvXx6cUeA\r\nbmXb2uApG1rHqt7BMiViQ58dvXmws/wpTFUmDVLloBBwpO1AD+BPwaY+q1Ac\r\ngG3slFnc8Bq7A5Dp/XjsZ74p4ctT0Fswd65JyNPLaKPlFJSn15TIWaCHbGDn\r\nAyavSemQKnY43L1/bMvKJsB6ZvoST65DMAuI94/nBlc8rZLz0uW+obMT6Wz8\r\n6vWIWLk7iLDKVW9gr6rLxCX4p3B6MZpemUVXyS63HeuGFgPN7gaPEDycYJM6\r\nGsAgymB9sHkONQdqSw1BkGIkBTWV5E4Vfls=\r\n=Bbys\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.15_1682535310541_0.28304169537624135"},"_hasShrinkwrap":false},"0.3.15-pr.269.b9bdfb4.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.15-pr.269.b9bdfb4.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.1","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.56.1","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.15-pr.269.b9bdfb4.0","_integrity":"sha512-oJ2bc8UmBdNwCMJnjZW2TpIdI8rmdjSZZkhxA0j8gpJ5H0TlSq1CNcInswbIUZ8bzypTgJIkt75D+CREjEuT+A==","_resolved":"/tmp/d0dbf31bdec25d4287bab2a24cf5accb/kong-ui-public-copy-uuid-0.3.15-pr.269.b9bdfb4.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.15-pr.269.b9bdfb4.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-oJ2bc8UmBdNwCMJnjZW2TpIdI8rmdjSZZkhxA0j8gpJ5H0TlSq1CNcInswbIUZ8bzypTgJIkt75D+CREjEuT+A==","shasum":"3c8d99028e294af78254eb78446ffec2dc4acc87","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.15-pr.269.b9bdfb4.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBHEhf/GNlqou6W5U7PTwLKcwJCs9WSCLh60tnhzShjeAiEAwLAdLtZLONVxBbBDFw02ibCikNF4HN/OWZWt8nkooXg="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkSXSNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpI3xAAouEkqBrv3kFtK5QO21o2EchPJaCITB2P4c0/zEWL0IAvLuha\r\nJNEHdF4V33nllhE/TmkAd7F5Emw5WfvG+YGEr4kUf0wnXeWmgejfeapqn2d0\r\ndcvfesy/WPs5o77wntgJMIc2fQXxm6pXbh+k2yGobcZ0sjLK79JFN6bm6K1K\r\nXcfYvIWT2xXrhH7xNS6IH48Y2jZlVZriYsPzATwjF/+/CMnzXB+iiCyYmUbJ\r\nbStEUYIK3cGAwhjeMy7FAL2j4sIQblDxW4ZtaA2cy6NYsZGZiP63QRd/iOma\r\nQkFu9p/uryaKVTsYXc2QLckrvdtzdDe2grRUkBdppuTLo9X4fW+llBeaws8O\r\n95i8fpro82X5CY0B4sCepquafNrSbz/CuIIxPTXsw7kHLEeu+b6pixv4nNeZ\r\n0ee0oxH/xPpOiFXi7uXY7ouuji5EpynIEoRrQ5GY4fkAz+yzBfWC9KHBM2rI\r\n1ATJebRE3CwHJFvh43CdK0xa1Rk+YKcID6L7uNVe9onDt2KKkOZfYT2dhZxe\r\nfx7Qezqn82tzQc9T7S4EQuCN2LmC6zE6uAsuwua3Ob0rpo5iCAKcLBNagI4E\r\nxbT9+u1ynbYwZnagGNaTy3n/PIYI2bPlHYkMoXzqPHCtFUjqIIEjXDbuFGUV\r\n9J9+z2OnFTvGdnKft4kJwToGJI2o8pwcewU=\r\n=FbYC\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.15-pr.269.b9bdfb4.0_1682535565546_0.30514460739312654"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.15-pr.355.3255af6.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.15-pr.355.3255af6.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.1","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.56.1","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.15-pr.355.3255af6.0","_integrity":"sha512-lGfPwRoNS5Z/5qRqg18B4eNXdduMcSWmfE6hrzJO1PMtson1pTdTWqjoRPG1UgYc5MKwMfJsvA1IhQdi7u+qdg==","_resolved":"/tmp/72ee0dabb33214a3920ec916379b2983/kong-ui-public-copy-uuid-0.3.15-pr.355.3255af6.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.15-pr.355.3255af6.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-lGfPwRoNS5Z/5qRqg18B4eNXdduMcSWmfE6hrzJO1PMtson1pTdTWqjoRPG1UgYc5MKwMfJsvA1IhQdi7u+qdg==","shasum":"bd695032553baea076f5bb1e017bcf1c96e0d92b","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.15-pr.355.3255af6.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICu/4u0wwLYnaait4RU8y457uEnR8jdcYzicYAm/U+HAAiEA4Ok8a/dpaflaq+K6bRNFGI7t7+E6s3cfEbqRQT1DhfM="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkSXSyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrL7RAAiFvYh0/yClLVainCMkvvzaCjPDnoNxh6fRV3TQH27ua+m86H\r\n3jW9B0CdwIVlTu0knlfyABx/vINUL9NgIS3bg6oiEdFEXr7PlL6jwSvstMjZ\r\ngB1Vcl3HIP7QsOrCHXE0ucQahi9snnWcszyhrGL+/s2ttCK3tO9dzze282/j\r\naFLDMcg3zk8uOX6YXOLWAamsYanf11rbK/yhhwwgvKMziSLc8svxtc9NifPz\r\nNOKeh5v5Htoyx84K/cRW5HA0LiT2U9I/b+XMXYdxpbEWIYzOcGpOs1lUwbcQ\r\n27WBVjGD6SgR/Qowgyie5hTjayKgIaHGCfo/tNxaWOQHtvS7GkajKHAvfcNN\r\nCaclS1SpQFAqr7BjWrV+kgi5T/e/weJQKV/2PMlzgkkt/vX4v6fuy8em9GVG\r\nKySZX0d+ZfN+FaKK48F043H3uJKzr/21oeD0cPYOfg6XtRsas59hcBVgy5nM\r\n89zTHWA73b3GuDnKbpAYvMP1yvZJkcyB4bMfSo8fnyzqpKtWlbKV8hMdEsBL\r\nI+iVsUdftn8iR9rQlIZtTHTzz4HD/5l54rULhALV6BGoN9OZ9qjXdKIRa3He\r\nKdha3DcBFn4uEJ4EQgX26AtxQ/LKzlM8Z3C88BuzHKZU9F3v0dmBvgZIgd7H\r\naDBfCfUWdeFJXf4dzfSU8MtdrcRmztQxILA=\r\n=nitq\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.15-pr.355.3255af6.0_1682535602185_0.21660474369296367"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.16-pr.358.c985b2f.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.16-pr.358.c985b2f.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.2","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.56.2","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.16-pr.358.c985b2f.0","_integrity":"sha512-QUxgBHVLljEv0B3e6TRc/qOuSetkABXl9RGyolqQvOXU/uyGurhNZtD2POX/9HT0IBogPCfssgtM1umZqycE6g==","_resolved":"/tmp/65b23a92de364da14cc34beb4f629be7/kong-ui-public-copy-uuid-0.3.16-pr.358.c985b2f.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.16-pr.358.c985b2f.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-QUxgBHVLljEv0B3e6TRc/qOuSetkABXl9RGyolqQvOXU/uyGurhNZtD2POX/9HT0IBogPCfssgtM1umZqycE6g==","shasum":"9eefd0ebf1b8573bb1c23ab149bf2949b73a98f9","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.16-pr.358.c985b2f.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDTJq57r+tz7bjT3ot9/Mx4cxRk0j13xgsg4zDNlXgPnAIhAL3BheAx6eLTuJN+r+yBmaYkHAzi8ADO0BwDukairl2z"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkSsMIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqNNw//QyDe2gV3/V3qyPeac4oCMisVvIZeSngNYmkjqDw20QK4/M/L\r\n0ZuyIZ2AuDhIF7z4kMA27J23vt1M9N0IZ+uInrOi8hX+vSr8pfw55MnxMem8\r\ne3U0lZ+36n610zI1ESukDSFjVBMiETT6BxsktUF2MXM8D3/AHI5RFp8Vcs4T\r\nLbkg02UVqDZy6Mq2IDzehfYPsrHTgReWpRZw3fnTgjJeX82v4EB/ih+xggLE\r\nbCBrczfEoWMYda9YKZnczbA3Y7hm7sOCCSNZFzi+RerokCFxug4W1iqEPNTG\r\nlvkh4U/88UlOQrKPFDUCQcyPbudo4lcPR4vvd37GjKMMd1E7PzgrkWEuJZN/\r\nj/p8jElgHEGBDste5C0zyndPkVe+EBu6qHG/FP6Q5kEIHNHYoEjNOy5f3QLt\r\n2NJava5khjeGlDzzTV11h4h575fSmhwg8gboL98Q/PjPKa+uToXKxTzejFbp\r\n8KiZ9c3eu4iJhpuEMkfoyGEfBT+UmNuJU+rk3e0V063ivw/7JWNkPtKTpXVa\r\n5rQhqs0nJD5rBDECIB67obskFkBUDkUY7lW/Q1yCLndePCr1MOrl2aaY4Y60\r\nmewtdpf24kT2WO4IB6IkH+nTPD/i4DEksIKcMJpQP9NBAtgRPxSb1PfYBdgU\r\n9hYEAF4gth/brPZIclI+IYPP9hecQOQ8xIU=\r\n=gpYu\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.16-pr.358.c985b2f.0_1682621191902_0.8582942313905433"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.16":{"name":"@kong-ui-public/copy-uuid","version":"0.3.16","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.2","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.56.2","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.16","_integrity":"sha512-DfGT76ANF9mB9f2B8YJ6aDawLwwVE8+SErk5Dy8zTORjCshssL6FdZ/ezjMKe/g38ERi4AXJFYsvF7lgW26t2g==","_resolved":"/tmp/17d2c8d96e1f5c9adda0c756350d933c/kong-ui-public-copy-uuid-0.3.16.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.16.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-DfGT76ANF9mB9f2B8YJ6aDawLwwVE8+SErk5Dy8zTORjCshssL6FdZ/ezjMKe/g38ERi4AXJFYsvF7lgW26t2g==","shasum":"e9dfd552c14e001e446593572cf686d1c79d9bda","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.16.tgz","fileCount":19,"unpackedSize":556756,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFozj5MMpYvu+eT+z12Lp42AGuBflLG0e1ZmKX1yBs0PAiEA4ye2ZQ8MERVP2m0jAmXiV7H9VVg1XxjD5CCoJQ9xNgg="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkSsXDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrBhQ//QQKeclWbfQ1HHyg0J5n4PbepQCvRkzkjBCsBcv+roTZ669bt\r\n4F6QZYmAGB+sC9F1RfYc+quYuwbgwabIVLRJRDSHI5LtoAracSS6zzWmNv8B\r\n2OZRoOtzZ/uwsOBTFSnyT3811LPRjHes9TGcBdG1vVLEKXFKyi4QqwsGjyUh\r\ngecFHFITgmVOfE2MHedAadPde/FyDQxZ4RGUxwewtq1PrhK+SbnGfdIMBHpl\r\ntALZdArnTI/O+eCC/FXyx762vMXwYkrTgpnGTO0SB82qtYAzmzg8NL09E3UF\r\n6dKzIiOXu/Xb4EmG6QUe6feiT7K4qiGkf7aTb5x1g2+U4BL7Uykd3Dgn9IST\r\nUhC4ZAfRYu2Z2ZiIfpiMQSvshbbzbUd6dH2H+wJvlWKr9YMpKsvrgh44YxRs\r\nuLXGlmf8sqeGKMYpBer0uARXRnxeBTTenx3feQuv/fByP82kI4gE8ihG+Fb/\r\nNlmeNaSplj3izS5O7N3S2ywtUUfVfK7UQZWqFEsCYtWtnvjMl68/1Y/1b+pW\r\ny6/GBDItqtwKVt8qYe22qIdUoRHbaX5mlsa7D7SfbAU4YyMHDt+TYS+CFHdg\r\nXSclIPR5GSAF/JZzSHKaGENnth1kP1S5KyeNIlu3hZXnsbgTAnqV0Zir47Do\r\nVSX1R6dFFdIcPMTzc7tOTTfJkNW7nZr1Jis=\r\n=9JoK\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.16_1682621891736_0.7779790743130774"},"_hasShrinkwrap":false},"0.3.16-pr.195.4e6b088.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.16-pr.195.4e6b088.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.2","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.56.2","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.16-pr.195.4e6b088.0","_integrity":"sha512-69A1a5Dz5/1fpNHQ2P2FLe8Wkik+4htjVGqru8xBFaKEJd++tKijblY0ZeaCAfJVeD+ss4X+mgxHiw1EtHXQcg==","_resolved":"/tmp/f6d4aedb4c66291a564cc736143b5481/kong-ui-public-copy-uuid-0.3.16-pr.195.4e6b088.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.16-pr.195.4e6b088.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-69A1a5Dz5/1fpNHQ2P2FLe8Wkik+4htjVGqru8xBFaKEJd++tKijblY0ZeaCAfJVeD+ss4X+mgxHiw1EtHXQcg==","shasum":"eeddadc3915c2661aa7a0a23cdf8840648b27a49","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.16-pr.195.4e6b088.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCVumowv0fH2MYyfbMRqKYCuyutph7ZjesMgJIT92zXlwIhALtbJ91gN8TMy/+/13ST5t8yrbHBY1xT4kfvg+2G5J6M"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkSsZkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpwJxAAh/4QWZtAG8b903Hx4+Rle4M3fxyuTcKZBPYKEQpkrKpvBwzW\r\njnRN0o8fYR89oLD7fg2BZsGlVY8vfzsNkf4A5dVV5npi6/6IMVL9ntBkjUG2\r\nC/CVSqH7e2UWp68+tyjM8G0Z5QGfpFBaVCPs+EinmErRvz2jrHPDkHNrK0Sj\r\nFV/3NRDemZIOM7ZMCzjebnecrvPiurx1ZGKWeyG9Rd1NNDdnak9XXD4tA+qP\r\nNimq1L7NkU2D++qxiD/UCrd+8C/rDaZIhZr8COWOt7mz2zjvREuDqx57y9A2\r\nRKoIg+eipTStN6gYnsgLRTsdUblYJtAR9XCq7euPWFie5CK1LB3lNKfLeUye\r\n/BVJbtFF/98vBqiU4r3aoVV/b62AEQAnUqGMo8/LCeu6SZWktxv69AkL9btQ\r\npawpaUjIrQAtmAvwuTDM9iJ97e0K+qckRXBPLjL7/gNk1Lb84YifVvKHBX0l\r\n34X7dPxQkknt7U0bQGH218Zt0hhGpUNuGghak3hjwXQgD+9NX6+pMCwh17ah\r\nI6aqcVcZDngs9Fl/5vrms1IsL4nZ68yW9gVVRTUaQ42R8kUozyLpjsNbsQt6\r\ncnz96O54qe+zXiwEdnhNd9J/DL/i53vkiwa+LZL7NdVir8vS3EQ8Jy5wSKVA\r\nJ3XCvqvzJtc3BDRYwDDwwJyLaVFvUtVb20o=\r\n=buR5\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.16-pr.195.4e6b088.0_1682622051789_0.8764297961174585"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.16-pr.269.b99fce4.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.16-pr.269.b99fce4.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.2","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.56.2","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.16-pr.269.b99fce4.0","_integrity":"sha512-f9oTCs17KL+W5U77EVRhO4nf1vhsvr/L2tNaNmFFdEKvMzmBOkqwIVvWVmPOnohU/oP8OV0vCeseXkYgaGDqKw==","_resolved":"/tmp/4bebff595b091edfbcb280689adf7b91/kong-ui-public-copy-uuid-0.3.16-pr.269.b99fce4.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.16-pr.269.b99fce4.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-f9oTCs17KL+W5U77EVRhO4nf1vhsvr/L2tNaNmFFdEKvMzmBOkqwIVvWVmPOnohU/oP8OV0vCeseXkYgaGDqKw==","shasum":"743ffa04b05d5466eb1f891bb57fed86e4c47a60","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.16-pr.269.b99fce4.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDW0ql22pU3mjP5aPYEFAryoJghaY1HDdJYgMwvaNDL5wIhALt0RP+VffskoNIsejqWhv0CTm7fKL4l8yqnCutYXMP1"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkSsa7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpA9BAAgJk+xYEKDsXrIIr1exi951eOyi5oRRosn13GFJY46SF9TD2N\r\nnskKyeaGk4l9ViHN1vy2Ebv62ocgzpUNgnV0MtYYyYFOyN4Zhukq3KW4FBhe\r\nM2s2VDBAgUIWTiiV7/J8LL5Fv+Jkqxp/7TWQ2tZVFIGYXiFU66Vl8Y2CnThF\r\n71ztJQ3LhzzhvxcVYhdSEFLnmhEaLcCs66Bjq/wbRykkSc6az0Wc1mtUk9Pj\r\nFjl+bALxb1pmnJN32ZV+N1W4poNrnEHbbHb9PmEWEcStecxjLpz8OaFV95xd\r\nw6TXoU3vByx4ebRaCMLUCBH3zsTEun8DpxljL7a/pHk/BhdWHfNtoUf7hud/\r\ny0q2FgUVncX3EWMEyjB3QMlcAaaRCx82ieStkJh0jFZAj81x/NX+qcWWx81H\r\njoSEJ+OeyTcktw3IPH2LZJ2LyfEw0/uH9RERwRsGy7NxwSwsaruM061iU3/f\r\nmt1nKLcuZjJZtipDHHXzwmoxXjTNvticJMomYbE3mdv+EjkL1ZDLEwdvWeW2\r\nQnS9BZ86a2nOUYqtLBzb/cE72lsFTrP2AuMpXGPh+b6zdwgqGjVwJzdcyQHJ\r\nq6BsvK1TQzpFSbrZT0UiLdoSp4t0CiIWwA30eAUKHloHkSUHsn9edpvgbI0M\r\nXTjkPgp/hhidmRomyObEIzMUdh2N5/V0on4=\r\n=bkp5\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.16-pr.269.b99fce4.0_1682622139542_0.07033176755282788"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.17-pr.365.745fa32.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.17-pr.365.745fa32.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.2","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.4-pr.365.745fa32.0","@kong/kongponents":"^8.56.2","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.17-pr.365.745fa32.0","_integrity":"sha512-z4/Troq26dKT+eXHVOfX8uw4tlF5wBZBhftotuJcGUNtF7AFTnEDmzkuORUpw7c0Ko4gznOEaR+2It2Up9O8dQ==","_resolved":"/tmp/34aac15400cd29dfa7cd076bed5d3b13/kong-ui-public-copy-uuid-0.3.17-pr.365.745fa32.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.17-pr.365.745fa32.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-z4/Troq26dKT+eXHVOfX8uw4tlF5wBZBhftotuJcGUNtF7AFTnEDmzkuORUpw7c0Ko4gznOEaR+2It2Up9O8dQ==","shasum":"35bb96b1b6d8023e37a63a8f6d68eebb0371ceeb","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.17-pr.365.745fa32.0.tgz","fileCount":19,"unpackedSize":556790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCJgTkoR2rxUhydZA2DBokiaDHfakpIwjkopYUtTgd6QAIgBiPFFAAI/zT5i29D5nGh/axBcV7xGaIXUoBqWivrJ8k="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkT3xyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrj5w//VegDeWK4SRkW0LkZJWxJUYoEoESe5+i44mXsntQRfAesqidM\r\nKHGBHSsl3xJTI25kAJdP4i/qncTisKt13EOtmq9OJ/s7LGHDa1d+NXJyq067\r\nj1EcDOZ2aLemuBu63O5V7bHbPPcQsu51v51rP51gGwISCLBwi3QzcWb/MKY8\r\nlYQhsnAHuSjJTZME9ig+9AzQYOboe4jXzG/XtH8V359RBYg0P637oOl0jlu1\r\npj8XG/WKR22c4EuEfVSTzUSNfYWHCtofNXrGDPe+kMJp4FpHyE8mBNE3wtqZ\r\n3cYZstzxv24GF6g1/G83a0RrR7ifHQdh8KRsbOvLyHb0i6OpEUW9fopWtEJl\r\n+Yy9CuUSPkKzt6vceaWqiI12IskvQmCAq3a9OsXGDggs7fwvtvSIcrO+rfQh\r\nY1gfkDiaLTyTpqXga1wfVpCx7UcxDyaOeJQYKp/kKzGfiq1lrJyUjbtEGKDM\r\nDHClG0eoi5lIMuiIw4/dcFN17fMjy5r2wKgd50GvwqOp+SGRie9MbIn0yA8E\r\nRnJbThvwoHojIF4/JPMUg4rn0MslxgcEzeicPjMon/a3+3sZgkJ3b0xrBIMC\r\n7p24b8wFAC8StvCiiMaJ6b+0ZZ08kjl2wyr5E2FZYX1Iia++0XbqtcsaoT1W\r\nQDhQPqG4vXbsrB6Mc6KcHr1v1XwW3aoP6iA=\r\n=+3Ei\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.17-pr.365.745fa32.0_1682930802609_0.04459907120120188"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.17-pr.364.fd67bc8.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.17-pr.364.fd67bc8.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.3","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.3","@kong/kongponents":"^8.56.3","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.17-pr.364.fd67bc8.0","_integrity":"sha512-ArdlFOOV8Oa3/LyxqNErNvs3KH4HjPJLYB/mHWnujmPEiUiDfuKcXvol8jDBzPFNGaqxv/VXOb3aolWXch2YIQ==","_resolved":"/tmp/a6677302a1d713037354150b3c3602ed/kong-ui-public-copy-uuid-0.3.17-pr.364.fd67bc8.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.17-pr.364.fd67bc8.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-ArdlFOOV8Oa3/LyxqNErNvs3KH4HjPJLYB/mHWnujmPEiUiDfuKcXvol8jDBzPFNGaqxv/VXOb3aolWXch2YIQ==","shasum":"55ff313ca5dbf50e0e2bccb33a8be7ff65524301","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.17-pr.364.fd67bc8.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDjiNutzE0qnWZCIsXnZKZb+qxMWtqjxyFDL2wNA8mDLAiEA3WBd8CIwY1+q0twUYOzk3iKtzo63mTsEhkywUTDiASA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkT3x4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo9Lw//QJad2SChZ0qYO5l4LlOrRa+9UIx6Hys0tWCthWPgKgJGJy6f\r\n8xLM1eFZfHiI0uApJ1Zs8ldZueepchgCE4iVhGHoaYhnNs/NxS5mIPBEII/4\r\nSORHjltUV+qTyyyvLD6wdztui7Qs7DOmexfpJj6anJyjDlnJHwhxbKZ44It8\r\nDc1d3j3E+HUJ9B4fv8rtG1IHHyWvNSc3gqptlR677+Le73YJcUN7L8EqhsYL\r\nKiE+/doM2nB6QKGWKtRnYiFoiid4nyIxpJwfGc2ck2v35tO3Tb9n3dv/vVQw\r\nHF5Ne6JnELvoU/8w+9a+uxsQR4bxXMQkDZ0imCCNe9bNdziEaXeKYB/1R3f1\r\nRX0BzfaAlzwfykN7ckUR4b6JOhH0beSRvEWgMVRJ5/1HDGpr2+8Sfh1OKySM\r\nlNMw7wlgAFfkw+K9S4VnwSqK8z3y9R6o0vkzL2UzTS8r1QH/2BXWEiXebtjY\r\n/uCsY9UQVQ+7L0TRN/ZpiaE4f7RkEsBwwUO4vz+ObVLp8wrmckbvmCV+KgU8\r\n9gD+0jHbfVMWh/Z/FoTuPH/HG/sD7sLwvPN0tr8VzoN9FfWl/GpTHjIQrqxV\r\n438Sjw83pJR+FqmnirFNboSIaH0K/7D/C030eAV+/Vx/o/ufxcv1sae9pQTR\r\nR//o9AKibqwtRgTyHGYeYJsRYHBwZT6uUKk=\r\n=1bnf\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.17-pr.364.fd67bc8.0_1682930807783_0.47857849767435634"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.17-pr.195.2ff91e7.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.17-pr.195.2ff91e7.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.3","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.4-pr.195.2ff91e7.0","@kong/kongponents":"^8.56.3","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.17-pr.195.2ff91e7.0","_integrity":"sha512-TJ8YB0c2wlLggqaW/SJZrdKSmpk1eXLaZsx27PEm+/yfYCgy8s/BSfKnZrW0F0Rvehsfn/JSGakqONGgX2x0Gw==","_resolved":"/tmp/210debaa9bb5bcafe9cdeae856b4448d/kong-ui-public-copy-uuid-0.3.17-pr.195.2ff91e7.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.17-pr.195.2ff91e7.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-TJ8YB0c2wlLggqaW/SJZrdKSmpk1eXLaZsx27PEm+/yfYCgy8s/BSfKnZrW0F0Rvehsfn/JSGakqONGgX2x0Gw==","shasum":"9339a1e28a2dd5cd9f7bb7849e4486b035c69265","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.17-pr.195.2ff91e7.0.tgz","fileCount":19,"unpackedSize":556790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID9eVirH7TqBONjMNyBHWFRtT/wHVbrVe8eB4Nz1P53HAiEApQhx4WdHUzZaEFW6T034XxPaEus0QkZj7HcRsfsb4Bw="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkT39hACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrljQ/9HhmzlI/9o8aFzZH3S4Y2Dh0h9Zo53kdFg3ejBo5ju2wFpbbc\r\ndyWm7hXU4EvCXEx116AhcFJh0b/J0Kah5U6Rde2GLafJx0FWNoEDEh3xSv7c\r\n1txryOhvzXEXakmaqDXlleQcXH5+fOR6cciVLvf+dp4KfvBgBpjXvAST1/Ds\r\n5CQ7w95M2uqv+vXTHgh9pTLppgfsQ+WL9ygbsZ5sekt5SgV0YGqtUhyavS0e\r\nlWABdLEQUXssWR5BqjaI4IYPMQH1flzvFMsYX8sbFud4yYK+Jd2sCVkWVNF2\r\n1b1y/Fg9t5eo48xmI70Nnt9Qbyrm/hq8PytxkspiTVzCMZCWeMrya8AB79td\r\nSf5VaXa54zevkHL4qAr1ZoZY3iNx4MVEg68NqBF3u92U+uZKgKA0czLQZqJM\r\ne4Lbr+Va34CvZhqzR8pmRW1CkBbNploI7qIn/pKJhOs1yJ0ZKApbZl2NcS0f\r\nv1DFpQdPM3dBxW2GkLjhBOW+WVo6bcsoQx7HrX76qwrhG/2z6wuDTZcQn8Ss\r\nY2Jc7Tex5w3tlwVFT3EZCKCXGrpM0BQ841Zkt4XOdAM1xA0DfKHbsDktt3uL\r\ns/YT5KD+9rbmoR3JsxZPJdMfnfGKpGz8uOYn6m7xM8Wym7sZBWu7JMYttprL\r\nvbHWRsBUoadHW9gOtyeGhW42zqtRSLa8PFI=\r\n=bvYW\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.17-pr.195.2ff91e7.0_1682931552826_0.43295320259873793"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.17":{"name":"@kong-ui-public/copy-uuid","version":"0.3.17","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.3","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.4","@kong/kongponents":"^8.56.3","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.17","_integrity":"sha512-ET+NOipX9Ou96f+lgcUl6nY+JJV/efbpc+6awLgJZdIo3HDsjzT8Y7aoKdPBB+1ubDhUFjugoZy01sTZNxCV3w==","_resolved":"/tmp/f72bf1eea4a106fb184664ab275cea23/kong-ui-public-copy-uuid-0.3.17.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.17.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-ET+NOipX9Ou96f+lgcUl6nY+JJV/efbpc+6awLgJZdIo3HDsjzT8Y7aoKdPBB+1ubDhUFjugoZy01sTZNxCV3w==","shasum":"cc7a4e8cc47ef5b852e55bf6b74dd650be831cca","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.17.tgz","fileCount":19,"unpackedSize":556756,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC4E3kccBDH5pYtsqWngwTJo0BpNHWzVnB5Qkm5qXK47QIhAJzU4x2YGztmcco1/y5wbyaL77yAwTNbUiByg3q58IVK"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkT3/dACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqRmA/9E+lMqe4WEBSSk2myrCtiE0hoVm6msH8/yCdWjXsqp/gGrhXo\r\nQFPfLM+mgyPhJenrZR7vbICPGaZTVxvzw65uGoYgelSPWxo9gUAx9k6E7xum\r\nuWrgU1RKnZz0BI+RyDwWF+RJiovFNjkiH9inHxRi7CXRbcLjkwBPzc+T63ls\r\n5L7xV+HUR37r+DVToQgwe6Yj7f8eiKJ8xF6gVQAaGeEnm7pVOjwfv8WP2ULh\r\nyLD1tL/3+AtV6+5/ALZQ1taGBXc1dU7dXaYW0mOqEXRmu4Zgrh1hcpZof30A\r\nCgJT/1ERPuhXqtfs54cgjzpGJb9bvxcdQkXHkWtIAv/iqMq66CMpWBNSzaCX\r\ne/KLiZzuRv+v+KzoIh6ZlC6AUeX8XUgzrdb+t8discx0iQvDz4WEiRQIO0u+\r\npwPNkMCEOUC+eZyAIzK2Hr2P6sfXF807Z84KRlnpQ6qligT8zcwrWdw+OQkH\r\nWlzLwS7m70wPqYjVliCaJruoZcjaczzSzVXILHujr+M777CX1vPtptZyZPEz\r\n16wlTfrinxLD/MpJIcO9TQHbG+O7W/Vii0iokr84RMCWhIljWWuq31Lbx645\r\ntBUwXg/TOvUOGihESNtr0xHx92bnjnsYhzLoDRfW/ufTxWj0kNir1qS/Z97f\r\nRBZ9991Ui2d7zafhV1Ufrv7cSDahsHvj4Ag=\r\n=wFM0\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.17_1682931677062_0.37405674838732184"},"_hasShrinkwrap":false},"0.3.17-pr.269.c03683a.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.17-pr.269.c03683a.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.3","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.4-pr.269.c03683a.0","@kong/kongponents":"^8.56.3","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.17-pr.269.c03683a.0","_integrity":"sha512-RgypB3J1yO1bJfIAuci3MHBBdicjrA28edNngUCXVOkrQLMDm8+zVAPZyL+g1dt7XTMt39f0/oZtB2MdkYLLzg==","_resolved":"/tmp/8ca55bbccc6f01dba152c2b40d939f7a/kong-ui-public-copy-uuid-0.3.17-pr.269.c03683a.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.17-pr.269.c03683a.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-RgypB3J1yO1bJfIAuci3MHBBdicjrA28edNngUCXVOkrQLMDm8+zVAPZyL+g1dt7XTMt39f0/oZtB2MdkYLLzg==","shasum":"fbad0289aab4f7bdb2395021a63e0a43f313b6b1","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.17-pr.269.c03683a.0.tgz","fileCount":19,"unpackedSize":556790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICsktm+jAlEbsLFPFRi+SfAE3GUQNyjqAFRSPcleWpg1AiEA0jnNS1c8ZaM1b6SSHKaXx4zkQi85rJEQxHtpFCUoofE="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkT4DZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqqlQ/+I5bQ99jntIFEG6tVkXCANnUYYcBqOSlbBwNkFpoBu3L1ddSL\r\nCVIAAOSXp2WEGizOax4Tevz7oXGhq6zsajQx7jx1ic8mShx2jjY8jtvlBkhm\r\n5cVwjVAvXXcwwn1U9HvP9Dq480PUN7rLpRxqi6PyWdGcYMppM0xPE1aPP2mP\r\nRLm/y+KabBuyYTOOTBtM/mdjqu2XXXdSEqFB2vo3v5ceqVV+BbTlA9rayQmj\r\nn/Fml+5dgKrY2qA20vi3lULPkBnO2DOSVQW8NrJtGYO+KbN3afLNnVHRTNJy\r\nd3Gb2Ue9sUjUw71+CCF8oehALOT3Ou+AdIhY59u2V8tHWkPXLF3g4N+Y+LTm\r\nBzQhDjIcUaIxt/n8yPt11k5geYvv0PhooDntu8zYeyxZO1XGVPLNyKpx0LKI\r\n/kqn/xThENzq2d6sV0RYI795ryA0CtAVOzKm5CvUusiZGWsJqKoRH/PyEGRQ\r\ng+kwkiA+gPAZ3yU8GMsCk5j+JWnBw+zylSYHQ5Bj8kjiezlfwv/t41q8ZDpO\r\niE8veKmogRCp67mIDwQXIH0yHANhXhnuLW+xv1r7cCDPp0W56CJ7A9C418od\r\nBJibfFiA+I56NdwpHgaPTru4wqTohs++Cl+ri3pFRMrN/jtX9/fHGysDCnqt\r\noDcS6dKRGEwECXpVsf9gkSkL87Iik9DzW8s=\r\n=jgeA\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.17-pr.269.c03683a.0_1682931928872_0.9283587686488195"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.18-pr.366.cf609cc.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.18-pr.366.cf609cc.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.3","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.5-pr.366.cf609cc.0","@kong/kongponents":"^8.56.3","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.18-pr.366.cf609cc.0","_integrity":"sha512-ljZS3vo8jfe/1o2sok1tXWu9P30XBexNc/9oKxvLwtJgnqqTbXoFECnpCxpUE6ihF6+gKCS6rqgLQ75td70gXg==","_resolved":"/tmp/163b4cb65e3458bbdf29cbfac33dd553/kong-ui-public-copy-uuid-0.3.18-pr.366.cf609cc.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.18-pr.366.cf609cc.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-ljZS3vo8jfe/1o2sok1tXWu9P30XBexNc/9oKxvLwtJgnqqTbXoFECnpCxpUE6ihF6+gKCS6rqgLQ75td70gXg==","shasum":"df164664e2f49a6777175a36597b877fb1dac526","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.18-pr.366.cf609cc.0.tgz","fileCount":19,"unpackedSize":556790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD07hXrhWPI63IkAs4rARCaed30/lOJCLOAiU+nPWJ+/gIgEyQjxiv9s8sPRotfbG31IUGZ9Z8ZZ8EBK2LL3YJzLe0="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkT9cUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmovJBAAmX2mysNO6DBBvRSHedNbczITVKTJ/KrKED0SVw2sxvVr7Mge\r\nmSUyTEA6ELCVPvuzxgg4qngHx8QEtOmA3Q1B2ruO5Vqwn1PJ2XeWzPPdEu7s\r\nVv80SHchjdZ/S3asp+3ewdUd3dr2JEFdOy3maAYIcfsyqLPJ7u+fXH+6kDEj\r\nzOkMa9n1TnRTaE0VTME0VZ9R74Nsr6x4p9edpFdu8whxhsc3IWhUVuka2dlQ\r\n4QLmhBeXzuxNWStDvQsu1lSh89BBQYx02Xx5X0bzOn5rzmuXD3HO6I993yET\r\nW92g0ljJIVB1hwr5NpLF6yMJ4rnMMrpIeJv7vPE7zz4fkpcIPRqRTLgCluIj\r\nUNsIAQqJ7QtSWEFYpUybX5yEh/TDjn4nCtSiuK4MmiRbykqFwyDUqBsgWrfW\r\nMVQv4QsTbsvsVISWELxsCyzq7fUIMeps4rYBiEKBlCX3IYXX9SWFym9p7aKI\r\nYd1M7W2Y/1TOOt+53YbPfNXTFdspmgStpk9OPaJO3BVMuiF+3gQhrg+se7ni\r\nK4RArB+gwOKd4x9YTN0mjUR6GPvyOd+Ke6xowZ44tt4X3HKYyV20oiNQ9DUG\r\n5IqNvKw21c1FffmlDOxPeU9JvXo2r+rTjlRFTNYblQVwiFFuq3vZfnwZ3com\r\nC3f6oCLbxsvMHW9lCinx/nX06+AUcrtNrOQ=\r\n=O8j9\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.18-pr.366.cf609cc.0_1682954004052_0.9946535137904327"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.18-pr.366.6f45353.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.18-pr.366.6f45353.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.3","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.5-pr.366.6f45353.0","@kong/kongponents":"^8.56.3","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.18-pr.366.6f45353.0","_integrity":"sha512-EihNI4vqI+tteO9YNohBgI4HISafO1QW4BNN3BhCtZxo4nn2x9Vr4KVWk+Eg/chiT3ilcSC5YD6qaxiygpcdJw==","_resolved":"/tmp/578d56e2ea72043a37e39ff6b95617c1/kong-ui-public-copy-uuid-0.3.18-pr.366.6f45353.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.18-pr.366.6f45353.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-EihNI4vqI+tteO9YNohBgI4HISafO1QW4BNN3BhCtZxo4nn2x9Vr4KVWk+Eg/chiT3ilcSC5YD6qaxiygpcdJw==","shasum":"9481aa8d3dc0bd903da18b376d9a55854069a2ef","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.18-pr.366.6f45353.0.tgz","fileCount":19,"unpackedSize":556790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDWXA9zvnE8NksbDvtXMk+AP/3k2GGcaGgARk5mqk3OXAIgbWB3f77e0K3fuFqjbAccrBVRVFdm4PBxfxLSdC+ZJCE="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkT+AyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp3DxAAmOqybCNYzjqrcbE77+8LbJAWrAP6zmphU49W8p/HrzHUHVHR\r\nvFHg1qWMG4jazmv2QM2WIkznqg4aWqe5sUIIxIq351Bf84jtaNrnglSSTKzu\r\nKxHIlZGIOgFaTYqO3OmycJw3Bcit7URg/YRF0M7TRhnnqiJ7JkeauZT6Q9R8\r\nyQOis0nHzCb1c8T+fYqmymZy5GintQGdBqb6cdSQKtyTLGLYVq2KgdVrNysP\r\nm99IQOU/oB8mBY8ILTgGr7YixT0ZLPaT3f4dgz4f9g8B+rG/I0JFMWIVWPYL\r\nh4wrlq7+qQZaJ1IjGbeCQng0jVUMLMcIfRs38mfs9HkiN/M9bx0A2tdyirJs\r\naKbKQc3s1lGROijExwMpvw1BDTFaBc0Qh2HyNdl5m9GiWRtfam+CrjaMVRUQ\r\ntlm6yRTBZ7LsCNJ2hcwZnnQUlcsjpd57vUb4QW4nNb1UEHCCVMl4qw3++N7Y\r\nzqTrq8p7M5UM/8Ox2d4jxMk9KZq9/xXgiv0gIZzN7PGztrL4lcW7m4hj6p82\r\nnw+O62IOriLzlXLEIFGDELSmMTnxFrp5GzIu8n410sH4HgCY9dsTk5pV2iUH\r\n6ZVbje9eeBoTnjcKe3YSv2DfPCtVfK6XQJwYpjkswBSyL9Nl8VTW/djCbwZ9\r\npos4iV1eV0C6mRMHA6OXAByeBxgw/R1S4AQ=\r\n=LC7e\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.18-pr.366.6f45353.0_1682956337999_0.6485746972516155"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.18-pr.366.51b7b78.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.18-pr.366.51b7b78.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.3","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.5-pr.366.51b7b78.0","@kong/kongponents":"^8.56.3","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.18-pr.366.51b7b78.0","_integrity":"sha512-Q/ocnX0KAYJYtIf091UMYSzeJ+ZYFcokeGS775JkYH85E1QpXDIAJnbMV3gNTwdMsy/OMNYdG8a3HZv16FsDyQ==","_resolved":"/tmp/d0c6f72f488651272098c360bf4b4d84/kong-ui-public-copy-uuid-0.3.18-pr.366.51b7b78.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.18-pr.366.51b7b78.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-Q/ocnX0KAYJYtIf091UMYSzeJ+ZYFcokeGS775JkYH85E1QpXDIAJnbMV3gNTwdMsy/OMNYdG8a3HZv16FsDyQ==","shasum":"57e37aa2f1025b8f738a9c66df3f7d75475b052e","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.18-pr.366.51b7b78.0.tgz","fileCount":19,"unpackedSize":556790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBy0Mw2nusBnnmzHrMaGdvLWWeq0BxUcGJ3VtmJ0eU4JAiEA/Ic3zdmHDAsYDRMCnWOUm2e0pOtK7bgjvpwO4+b71RI="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkT+OHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqKsw/9H187Y8cmHSToTUPQdrREy9GhuBwmkl3R7WSbp7S2TaaigXEp\r\nYzdCEXA2NgtJdv7WAqZ92bcmrV4UQy0JHQ01s80Lr4VN+TPNwaNSzKJ3mmgk\r\nvHXjqtlcoV6d1llJSYTGmQOobKx/IOF15qgrr6TkQon5RzdEzBmGe81C6VeY\r\n2kb3TVbRrUWn+SKG4j7baehgvpUWJIh0ZMYfUeb0m23F89WFItzsIMQhgCY0\r\nDNcQBGkAlWivN2y/zv13Xzi2FaBr6VC8fcqzLeTtaOANKXHNNjmHH0lqEWMf\r\n2CihWp7Pj0FNcPS/P/2sawtLJQ1F1auUvoJ4bmSkcGRPzjYi1nkOf7wgfn4i\r\nUEg9JI4/MlFH8Kc8O0flmTuTV92tSjO4rjnpAL2CdVZcqJ1lbVuXLhmlnl0q\r\nzEWCCT93jL4dPhoQ9GV+6+LvLeRJXg2kydivcL2yjy2QPiWlJYA/LyQG7Srx\r\np4aF3o4gYCidBt9dW8NdVX0KwfFpBbRjxr5y3qWgEGbTZMyPOVjYfQm3JlrU\r\n5o+b02y4nSgIfPp8eXdhOxcjdQUqKtig34YCTaUuwjijnL3Yuc7OsILVkNy1\r\nBKCQQJwU0aUBm+hkKnTKT5TX9AGWWbIlItvBF9FC7V2TJTDLZlsM9PczmOPb\r\nIr+oBfhze3oFhSyKUrJCHLsR18x68+w/CQc=\r\n=QgGP\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.18-pr.366.51b7b78.0_1682957191605_0.6622646391639717"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.18-pr.366.fdcba5a.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.18-pr.366.fdcba5a.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.3","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.5-pr.366.fdcba5a.0","@kong/kongponents":"^8.56.3","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.18-pr.366.fdcba5a.0","_integrity":"sha512-pHoId6j+GLJPqeAHYuZ2zt5qQZ/RMRQ2n3hUMZxJiDUzLiyXBw8VgKS3mm8AbcsEl17yFcTtBdSWFTfdyGy1TQ==","_resolved":"/tmp/077e3f64f4634967cce5fe708f790b68/kong-ui-public-copy-uuid-0.3.18-pr.366.fdcba5a.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.18-pr.366.fdcba5a.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-pHoId6j+GLJPqeAHYuZ2zt5qQZ/RMRQ2n3hUMZxJiDUzLiyXBw8VgKS3mm8AbcsEl17yFcTtBdSWFTfdyGy1TQ==","shasum":"0ca61310fa340be0d24f3e8c09fd2f99e2320787","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.18-pr.366.fdcba5a.0.tgz","fileCount":19,"unpackedSize":556790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQChJ5OiQmwZut8pNGWcMnF3/X70v8UfsybEoLJWcB84EAIgE2Q8lyKD/cZk8FBESwx4ZBCeXHZazCJnXGttUp8bx7w="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkT+SeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo9RQ/9Fh77Ip7at28Lc8LIezjfljkKmuXVa8FBze9SXN6408PtPhso\r\n323IW9YNuxVXvdaWH1/RX40KGSe+f8cyLVS+u2voGhB5Urv5x/mfO1sJlujL\r\n+hR8ovcses/dhUto8T7PFJq3osjcrZL42u+Jj51ziJjWaMtn8+RgI2zYUI5N\r\n5kHsePfx1WpvbS7CwneL6DzZTjJZRU1lmYNBUY0DmJK7PAs1EWWdK2aH95ZO\r\nHcjeuiGi7IK+ketb2idJGkelTcEj6IL61HSuwzM5BMtcp5ZKPvuTQ9ptVyID\r\nwIeOY4UHH7BIN1xBg32FNkmYZDhCuU9poL+iWSUNKpTzRot/mLkglX7QkI3Z\r\njuhwnNwlZAG6286xjLxeQC55kevj9bwHPJYOWnruPFEKvxloAIMVis2oRquW\r\njhNd+GGkl4xDTYogc4FB6yK3SLdYx/BHLS8uD9HaUb+SBaJEVSkNax395/TS\r\nDIdHK1CaGOWSrjyv/oNu5PuPnn3EvxLl1d3JGTnkr1w6FCYF1hmJt6wXObYg\r\nKeyq/ZsAdb6Sm7h83KjWW1CizqAVNsUU3SmEzNAK6Z6VuFD5w+E8fhHSEvWw\r\nQB/ypaDX6srCRM1Tbz8hwnKaFTLDTkyqZ3NngHEgfGPXeRFsjZvLG4FElsrk\r\n6yJL9+zxMC/DPtTQ8QbN0KmhEWwLLAbIctc=\r\n=e/Em\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.18-pr.366.fdcba5a.0_1682957470428_0.27876404388767995"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.18-pr.366.75e7afc.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.18-pr.366.75e7afc.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.3","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.5-pr.366.75e7afc.0","@kong/kongponents":"^8.56.3","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.18-pr.366.75e7afc.0","_integrity":"sha512-G+SH2Epfaj0gxoQtJHkH3eM/HILZIaUThm20NG2x0GUkyCN44/zc1QETlZ47E1Sutt0bAja5S+DyUOHNfDjvYQ==","_resolved":"/tmp/5f3eccac5b488420af4b559dc5383743/kong-ui-public-copy-uuid-0.3.18-pr.366.75e7afc.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.18-pr.366.75e7afc.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-G+SH2Epfaj0gxoQtJHkH3eM/HILZIaUThm20NG2x0GUkyCN44/zc1QETlZ47E1Sutt0bAja5S+DyUOHNfDjvYQ==","shasum":"b25aa36f328fe676c00338dedb60284da83a7b33","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.18-pr.366.75e7afc.0.tgz","fileCount":19,"unpackedSize":556790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCAaa8GRrNkU1ZisVg+jsomy2Cp2OpwngGetURWCX2raQIgLeHo+v1enKu4AQamZzQePbs1gL1LPOQ1Mc0V7mu3sMY="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkT+XtACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoR2Q/8CgAHzKnV1K+LjYeOvQPJjkqBhre+b1k0QLjW+DI2wEcoChQU\r\nvZpJ84w/Dtj8/VPa/dXsoQNBKJ2P2wEM1BAonlyehstKfbfay5wSyDJEaru6\r\nsHp+KmXi8L7l5RDKOs2hplZsDhBWqNiR/krIOvgOHecNW4Sf3sxcX3Yq8Db2\r\n/g7iIg4BHUhCLeMna0PbdeSglk2Igozk6mu43kenvSDjXok2sv5TJ/4XisKg\r\nDOeJB2kTtnL3sO1KAlx0IoLZodGH7S9zuFpwcafVYbPzqSYnqnMfgbWLUlMb\r\naevMm0c5K2YkoJRKczhti38okoUsJnqWuL2oXCgdga8G+sTnoHzbCWCvUnTs\r\nuRB+iLMCuM8QxDWIn+jzEQOPzMmMSYaCWmNuurSV0WkGwzcjKg56lbR/INZw\r\nOgcZBj8bMVHaRps3zXkc8pfCVMd0faTTUqNErzMP09vSfoRggs7dKqDDFq8Q\r\nCfCLZCACd1+u3YQeeoJ+fbLS+iqzq5N5TghYhZSTPOI6Uj7jyXQdujQg3dpC\r\n+9IKil3hpocY1qy1r7COLspfNgkpOUCPZtZ205zu5AI73piNoZp9dJ1cPClo\r\nk3VbkbxHaP8DC9YsFB4Tst4T/FYv9UKBYig5O4cGZ1gOlHXoMM6jw76icXZ7\r\nBT0O8qt1GSQYNJJLUIW8ZI5QMV26DKc731s=\r\n=99Tj\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.18-pr.366.75e7afc.0_1682957804969_0.6655349559735413"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.18-pr.366.36277fd.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.18-pr.366.36277fd.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.3","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.5-pr.366.36277fd.0","@kong/kongponents":"^8.56.3","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.18-pr.366.36277fd.0","_integrity":"sha512-g1HhYLBDL3tGMxiTHFTYAQ84xdlo1VLVqE4UM37/cutgqtfOSFqlEOBPfi3gTeWHg0BtGukJ+34I5ysMe/1M/g==","_resolved":"/tmp/03d6d6ac97871e908c5e67bde8847d04/kong-ui-public-copy-uuid-0.3.18-pr.366.36277fd.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.18-pr.366.36277fd.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-g1HhYLBDL3tGMxiTHFTYAQ84xdlo1VLVqE4UM37/cutgqtfOSFqlEOBPfi3gTeWHg0BtGukJ+34I5ysMe/1M/g==","shasum":"3b37aa9ec04e5b14df934d05a72b5b5b55d9ec18","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.18-pr.366.36277fd.0.tgz","fileCount":19,"unpackedSize":556790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICLU5pAZ9ECbOR+sSZbHzklpBTemg/VtTjKaV2DqOMOgAiEApMQWPtyRc1+P1C8+YUZqgvD/bM9t5HYvaDcUL+ADgIQ="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkT/ZrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp2rQ//dBIC5szfc/TEjQvxuPZet1AvcPhFsk+LKap5byr2c8Tg0wGv\r\nmb/vlxhiQ+w2LUXkyVNfJbAzP3mUhahuDp3IVeEMMBnDVHacIll4duD9A/ph\r\nrmGFk4Wh3iQFUxgsopO44tA5y5/+Pg/CZBICXN4acT+O2rUugec1ebNDZFId\r\nyd3XkYHh9hDR7DA42mHhRluLLMK5Ecwbf+wvMydYgIDa2bjY85HdkYAf/sQk\r\n85Ry6UYzBnQEyd4+o3SPTsPMoWgIKtjVStY9poh/XLpC8x60YF/NJ0u0n2Zq\r\nhkFAaThdI0XYIINeI/97IKK6aNO1bgieX0rwaBIRQnS8/W0VDyLlcbKlew5B\r\nfWg2p+FnsScXTqO3xWpBlGE/PyXjcFzO2CDD3UAzWqjcL5tNjcIMti0kXfwh\r\n+jdoreNUCjcHyLDWd4sI/l0yMUPbQcOndG372lodvOVAEiaSKVAfMkVlPrah\r\no1ozwN9ppSC9nHJMY1YiCWAuOJFG9duQfjnDn0HXeI0K+6nFtPNVmsX5hyyJ\r\n99coJLta0rSsmJ4zIAdIIzZYbZuk/eGV5eUP9gatpr6KZL2Ww9FuanvRa6t5\r\ncSbXtZyPphtEeywqdwJP4ocdIK5AMhIH45I5nhoo74xYbethUrLyjyPCOHzp\r\n1utJoe+Klv5TrKOj6egnGhwTTnOqRiJXnyE=\r\n=1oma\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.18-pr.366.36277fd.0_1682962026751_0.24777246560698374"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.18-pr.369.c45786b.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.18-pr.369.c45786b.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.4","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.4","@kong/kongponents":"^8.56.4","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.18-pr.369.c45786b.0","_integrity":"sha512-h5xVsp1GUz3ANgeFSXxsT+FE4CXN5IBzNGosh+8vc408eG0Z9e4mSEDCItYesTlzAthLRQKM5ENymHFvCA7Ixg==","_resolved":"/tmp/0f06060c75bfe859afbe8ca7e81ffa56/kong-ui-public-copy-uuid-0.3.18-pr.369.c45786b.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.18-pr.369.c45786b.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-h5xVsp1GUz3ANgeFSXxsT+FE4CXN5IBzNGosh+8vc408eG0Z9e4mSEDCItYesTlzAthLRQKM5ENymHFvCA7Ixg==","shasum":"96ed79378ab97ecd0f7be2e9c5cfec4b0baacd18","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.18-pr.369.c45786b.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAi0f4B8dbW2dn0am+Cl+VyaplGMGj2FKDdZyKH9UhEwAiA98hb6wFBN6qNe0vkmUWsJDLo8TdhMA5FJPNpwzVi09w=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkUBbgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpSGw//QKpY93g+LDUoEZz3Euem5L4f72rAWBIkc/WyNNzKC2dEocOL\r\nDJlwP5IUhFOCIt/y9sYPFQDkLKkIN4Lrx5Rbk/LCSWdRsK3lYqaQ0p0/q5ks\r\nXqy8ljpp/wXq/QP108xlk0/ePLOBGhScFtMz6dCPugf2pEs6J8Nt5LyJPYYW\r\ni+aMj9TqKzErrUKIUDGuH1QWZfP9NJc85eCQs0nIgQnC/7plNUU7f2tWsBOL\r\nE0OxW7h5RQMQ0Ol0PXLrTxiwfLFZOJVgZbvd+Bg3FAorhWULErHGYvQcViEK\r\naS8U7N5p0zVU5/oGMR2AIiZrpzesKEj2SsWllE9dTqfqHX65yK9dse2o3+QL\r\nyorDmQIcsGoBZSIjRXYUwdcIFkfkHe/WTO1H3tQM8O6f1WAGS/fYyPM/7BXZ\r\nWLIIdHBodhZmIJRtVFem7aA3T8dgA5wp+OybbyN+TMBM7jHBfjXXgZaYIXYZ\r\nEpaN2Ys3Q6V1HcQQgJuytxKxWv7asjOMpeD1wFjl67qRvyyfloInVWfnOuDE\r\nxYXlah2t4wbxPT0bpRIUlB24Fnhu2mmijxA8meTdozrAw9/bU4iC06UI+6ch\r\nCSbCSB73e91+/cs7pTrEf9S36YS5dBDM8iiH7SC2d3v5k4/IL/0MkeABKpdb\r\naHz3DNMztbnCzfWZF2cnJoGNkSBnQ4SkvE0=\r\n=Xf4h\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.18-pr.369.c45786b.0_1682970336030_0.1463136305688948"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.18-pr.369.adcf0e7.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.18-pr.369.adcf0e7.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.4","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.4","@kong/kongponents":"^8.56.4","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.18-pr.369.adcf0e7.0","_integrity":"sha512-c9TslXBqbJzZf9jGcjD7NVfGtyvOFpQQg0h4TCI4Aai3yOqMEY2muUkoReVsA19Vt533HP5DQns+bWDtQnHD+Q==","_resolved":"/tmp/f91f3d5caabce7c56d48af2dc4684439/kong-ui-public-copy-uuid-0.3.18-pr.369.adcf0e7.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.18-pr.369.adcf0e7.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-c9TslXBqbJzZf9jGcjD7NVfGtyvOFpQQg0h4TCI4Aai3yOqMEY2muUkoReVsA19Vt533HP5DQns+bWDtQnHD+Q==","shasum":"19e1ff6a7c90e49d3346617d39641f9c45785c48","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.18-pr.369.adcf0e7.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIF6wemFC1774J9laEeudLeIsN3eS6R0sVUftjOidCy5PAiATuZxvUJuaSEpph8MOi0YAMgt5Z7ZcfkLobuGZR6LFBA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkUBnfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqnqRAAndDv1S5VDXh8QRcIr8PPdNLM632ooo/+4ISwKuq3w/1tk+K8\r\n9qaTe0ZaMhlGr+tAgmS4gEQAwWT+Tu0yjYlyNIclP1ywQiQm0FTwXiTXBnSO\r\ndIMJdlBJBKlbIFneRnpvivJ0FO+T1qz/VIUG8Pxyhfq6ufftQnkHYLPrcJnD\r\neTPUjU7WTYQDLRN3khx5v4QWbuYm9BvrplUS3gdRhzU+GxGPkqls7MZwft6R\r\nkx7fGf/gcAMLJfqxosrU7cFhYINACU1kI2bHpL+zVDJv7xc7SgCVroUQsVJU\r\nG9V+wON7y+eCvt1yslV37vX9DGTqkmXuHY8p0Bb9i8NEfpRUAAPSqoF5KGGG\r\nogaJPMtN1+5Qqqwze26MVIUOnW6xb9dsYCIRJ5Gzw1HVtt3JysRqZYBsxEX/\r\nzpdbvTZ5tTYOltqp0SnhKrRtyBRYXSOFBHPCCaia2C3ugOSuJSZx17cQl0oE\r\nh5iVP/y8n7zzxinUYMYoi6pxEpL8zfUPVths/UdtmaLZrX0W9FZB8dFjCT5n\r\nNnjbzuSOS05WLq0CSO3y/LBlymKGCTW2FSnZMtSoMxDlMKrS2eAhX7bTgI7L\r\n19kSEkDxGJvqbfts/bQtKI99zgs7OOy6MEhX36xLyU1QjhzTJd+v2A2yZeUx\r\nruWSV46AHZvsuqif4ZtA5lskEduLwyRNmwc=\r\n=Bjxn\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.18-pr.369.adcf0e7.0_1682971103608_0.6052897005760354"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.18-pr.195.86dff43.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.18-pr.195.86dff43.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.4","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.4","@kong/kongponents":"^8.56.4","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.18-pr.195.86dff43.0","_integrity":"sha512-aPr8n4aiVg/nMeGmSdcDMPDVSjLNrXSAaC9xRtOv1Rwa+tgPHd8Ad5rkThBjhiDdywjWz/O/AQKG5Q0bXO/7zA==","_resolved":"/tmp/6d938525ec816786e430eca795f824f9/kong-ui-public-copy-uuid-0.3.18-pr.195.86dff43.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.18-pr.195.86dff43.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-aPr8n4aiVg/nMeGmSdcDMPDVSjLNrXSAaC9xRtOv1Rwa+tgPHd8Ad5rkThBjhiDdywjWz/O/AQKG5Q0bXO/7zA==","shasum":"9df2fd3cfb70e7ccafa20f11d9245e5503d0db0f","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.18-pr.195.86dff43.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDNOr3NwGsWanY9epYXQ3tTeI9IOBwnAa5HbLS/vMu1MAIgP8Ujc0/5ol+bl1yywHia64lQ9FmUWpaY8XkeaZX+pTI="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkUBzAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrz+w//Yr34Bdv6pehrfvx9vXUF15oDG38w8bM48I7Nu3N0Cx/0z8vP\r\n2ufr7OQOBJCsrTMZNioYxaJz1OELXA5gSdV47q2Zen0utEILgc6jVe3Z765z\r\n9dY1IvAKiVMxhysd2m3V7ABVeqZeZ+ZqhWPv2rIYuzm/M/0C091Mktqy5c59\r\nC5U3x7+lmHx7kNKDvqwDcYXVTG8o6B2ehbmPOX73q/DLqPJGSBahV8BOJZRR\r\n60kUq0e+VqkBvfP2y50VLJnqhL83rWvlpPIXMOYjNcGqbPXiccC/orN0CFc6\r\nB6dIrdT4HmhbM8B7SSJzztcLYPyOglQfn7p+oSjE8KTr75FyXA3N3YOuaShw\r\nfrllK/qoXD38TTXfuB6ZKNeF38vRbUGjcJZcvVsVxBtX+CSjrdVqtyjz2ZlO\r\nZScYQfAFQsMCI1sRHv9us9WUZ3qwCqYipgj2MVCp5lIjxg6rfLYKR/SxmH/s\r\n8WfJoe9Yyes2FoxdZt7C8nCa+YZM1NfEfEmerGhqocCsX0rovWR5FneCovPC\r\nNQVFfSENBFvBuLxgnSrN2g6+ZbRSNyIG2lRbf3mdtSmUAkQqzZo+4bMy2Lqh\r\nW9T96tEkGLo37dyCPeGK+o7TWmvxBuGxf6CKrOvWP1rKZuFNOCXXG81S9E9a\r\nV5noQ3YBs3sBeV7OwJZDwFSfOeyHQyCMYCE=\r\n=zHOA\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.18-pr.195.86dff43.0_1682971840681_0.26726907908671316"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.18":{"name":"@kong-ui-public/copy-uuid","version":"0.3.18","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.4","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.4","@kong/kongponents":"^8.56.4","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.18","_integrity":"sha512-DYSNPh6/X0aiGl1udLXCWNR1g3OgOz0AGbDMg6ku5ID/b3gEudAwb5UD4fALmoQA4GwNN9xi2s67QZ+XqM3BYQ==","_resolved":"/tmp/7784e54b014b915c505d767bcfba90cb/kong-ui-public-copy-uuid-0.3.18.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.18.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-DYSNPh6/X0aiGl1udLXCWNR1g3OgOz0AGbDMg6ku5ID/b3gEudAwb5UD4fALmoQA4GwNN9xi2s67QZ+XqM3BYQ==","shasum":"9c6ded30be88db67632e9af3457038ba94bc8499","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.18.tgz","fileCount":19,"unpackedSize":556756,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDZZ02fpOB4uCaFZubSdhaiHZ6XLeCiKLHFjz090N14YwIgXqdSXD1rDxEZnNi5P7Y1KNQw110fJu2nZJ0JqtALSQU="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkUBzRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoJDw//Vdga3+xLPWfAb7kk9MyQ/rFywEatl0Jng+zA/dTTrH9KGyFb\r\n0fQrN0APdLm6Y38FSVNqivfqwcQX937oeHA3B4VVi0nRo29lDdpSZZlSOX1L\r\nnZYURUvMzCc9z8/T/njn/O/UZAthj4vn7AHt3Wtd4IfnB5b60egLBKun/mNR\r\nEWXK4EKbZUIHq9fnGhkFVVDUEjVclMNaUnfbfSUBPVZ1VE2dXr8xTEw6DTcW\r\nhBvifq0mfTSdkqYbkwOM4UtfB2KZb3ejhRZynEnQVhtvW83VyGEUEsXyLC7k\r\nt+eZyqhWOQmbV/ZKHCuqoTw4WPwuIf18tzl+7SeHSMM6dwJTuvoJ/ICJBi3C\r\nTDDWerfY4F0yS4+VuNSW64NfjpgXSbNMj03R6Wj2EFUJvPV5nkvGKZxw/7lp\r\nr/dL6UCh8Xi9NMg4pXmwadPDr5OZqA/2GzCec8aGR9tr8b7mUcXSF/tAnIws\r\n4/tBS7kMHlj8xXbe+vqtimal+REIk01pBeXHdi0hNFXgKYNN9PHjaOTuymko\r\nUBClU44GcOYjq931X5vqsQaV2sWEyX12x2XZ3mrxo/Ak34hd/I9nBeJb2L1W\r\n65IBoUH161imjsTq0kadBXLrXcI/rabo05ZRPdO8JrXgAUIECH/YnML706OQ\r\namq6ikeV0GR1hkJP/yfaYR2umWYqnJm1jQs=\r\n=vohH\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.18_1682971857731_0.006371820466739342"},"_hasShrinkwrap":false},"0.3.18-pr.269.900f853.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.18-pr.269.900f853.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.4","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.4","@kong/kongponents":"^8.56.4","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.18-pr.269.900f853.0","_integrity":"sha512-AvSphWd1sBf6dGmix6JpJAZCIu4Qpg63seDPFSR/39D0V0VVoJwfDExI1ofR0eZ7GepUBPtxz66PHaNFDWUzVg==","_resolved":"/tmp/25265102b56a545dbb0e349692a9d8e0/kong-ui-public-copy-uuid-0.3.18-pr.269.900f853.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.18-pr.269.900f853.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-AvSphWd1sBf6dGmix6JpJAZCIu4Qpg63seDPFSR/39D0V0VVoJwfDExI1ofR0eZ7GepUBPtxz66PHaNFDWUzVg==","shasum":"362d3d0435743312387c9dacf1eeaae1ed148069","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.18-pr.269.900f853.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD4XJoPDybHpfcVdaZsuqvXYlasjgHpw8dla8OqkPCkoAIgYKr08NV9HATvVWH0yhdMFyUGVzOCvDSIpI07k4NO/XI="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkUB20ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq7cQ//TMo7fY2HIfdqWIsifN8Ae9DPuiQjG2oTR1zErtg5ot48KcJ/\r\nDaqzgPQminzTSS56m5ui5UTbB//jkBaI5zueA5OQKqHQAnGcE3kaI5gL9oNC\r\nSrB/gw+C57qzDZR33OmLjjRSjYd0v+hFA2G5QodMtHCWsV167nYd7qMKq/4n\r\n4f+cpevKmNSfEKx4GfjNU3xbcudktxdQLVI5vBqctYqe5OixaTNBiII2QV6T\r\n//3lD5ZKv10jbfDzd0jCT8hnZ+85VVCPOyIxniIR5/GcNp1BqVfe2gt05Vtx\r\nvRWnMVhyUx0l+oAdCiW6SmUs27W1NUS779PScT77DoXjuuIcEwXeLemWSCNZ\r\n3WU0tgUSx5bPh/Q5fLG7oAJGm64kmsYlmo91jtlaaS+k3ZClwM2h2W9MiTit\r\nnNytHQR8LdiaAN7ALHEjR08VVtmimhddN9M4TL4Jlc97hw8XWb+HCKuyvl5c\r\nHJZXGPHgBqYMgHzyVJVuAwFr/fwRLHbJlMEI+m+MZYMjUtaukbVuDZ60uoBR\r\nNxaA44yVZrtBvhR2zItKVqFEKgdErkzHNcSVX7bfCrLRG31mC/XstJy8iygN\r\nn73Ec1Kc90tWkctGhfS9H1W497ecMJMc/ueQZS4M/ds9MfPZ8Fs5TMiFUNG+\r\ncSd/b8KQT9XfY2Ck4OooKEd8TDqbc3r4+P8=\r\n=nhZL\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.18-pr.269.900f853.0_1682972084770_0.8796450175860642"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.19-pr.366.34541f5.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.19-pr.366.34541f5.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.4","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.5-pr.366.34541f5.0","@kong/kongponents":"^8.56.4","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.19-pr.366.34541f5.0","_integrity":"sha512-cz5oeK9akgRkks2ScQOnxLCBq3ILr8PD0tPWkQlodM/Wlyf48adWWeQD2PFS4nz4Jm+bVcj1CK0hrsNVQocmqA==","_resolved":"/tmp/07279c9f3f285ad34d72dbcef3b96265/kong-ui-public-copy-uuid-0.3.19-pr.366.34541f5.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.19-pr.366.34541f5.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-cz5oeK9akgRkks2ScQOnxLCBq3ILr8PD0tPWkQlodM/Wlyf48adWWeQD2PFS4nz4Jm+bVcj1CK0hrsNVQocmqA==","shasum":"b087a796a6abd86937d0a7d0f68a61b4b1da6249","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.19-pr.366.34541f5.0.tgz","fileCount":19,"unpackedSize":556790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHpMFrV9fZz8WQIoQVv1r64hRfhH/ky7M/+wV3ht7Jp6AiBOPLEGQPcjt7mIt3yjeC1RIc8t/qlvhIr7cLIcEo8xrw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkUCVpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqdahAAlye4PJ3DxsRXwy+/9DnJDK/OvIK3me/5oGdMNvjMKAwsR6a5\r\ni9TLGDemENedaIBzfdhI6rrrDeCndDhWU1hLegRtmGJW+jLh0IN6YJNsa8zI\r\nMe72wGemDyIc4rRqmQLsZbmV3LrW2nqXHlrWVh37dv/yqxAgBF9WB9H6BB6F\r\nccNdsP9RGRxtWWn3PJFo2e1C359TKA9hhf73VRicJLs6dY06TWiaeYhwnFvO\r\nn1u5RCx6qAOK27I2bVEwwxWKutk7ixBNdk8ucigTPMWG6OZE32KDb7zl3Jss\r\ngYOqsuQpvWOOWwj4OTxrXhR6nRk4nLrLQQbsla2jJI+jioKqXmkiM2Hj/YmE\r\ndK0XML9pAyPjziMYfVf2Q4CcSuZ+cvAAhbthIrsQuIWMF2/OWJLFGXMCk00q\r\nSO/IzEbCrUI6QD7dJ7FcNler4kPY0DYxKl6H3VN//AKbukhtAaZN3a+DJN1t\r\nqMvcyCLFipTCWRdhsknR9fe85K1kxMwrKuQk3lgNU6qNHoCGNiB5jnMgsE8u\r\nA+gGLKVNQuXPVZysqdXiWDiyyoVdEdMOQn50cNZltERFTmeura7Pm520OkOh\r\njCmLWVoN5iAGyIJNYhOXV4RzSxghCcRhRavAeZH3FcvpW61xfYowHCzb4FCd\r\nQUkxyEfzRXi4+4Is2+8l/FPiiKomcMG6H5g=\r\n=6qj6\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.19-pr.366.34541f5.0_1682974056939_0.4853260607595655"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.19":{"name":"@kong-ui-public/copy-uuid","version":"0.3.19","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.4","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.5","@kong/kongponents":"^8.56.4","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.19","_integrity":"sha512-UhzOjvD9sQRLK3HR6FEDt/wo5JvHzpD0LIqZ2nNY6rBU1e3+1WxT0TO5QoSW1BMbHPaUu6pu8MtBTNBxoqja1w==","_resolved":"/tmp/1b9e01fdd30ab18a7fb20f9adeeb8d77/kong-ui-public-copy-uuid-0.3.19.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.19.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-UhzOjvD9sQRLK3HR6FEDt/wo5JvHzpD0LIqZ2nNY6rBU1e3+1WxT0TO5QoSW1BMbHPaUu6pu8MtBTNBxoqja1w==","shasum":"e1bb7648e73c06071fe97f839330c5c648f555ca","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.19.tgz","fileCount":19,"unpackedSize":556756,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAVZ18Vz/CxLjSa8nkh6w3y5N5TYtLn+4VlceLIsyI/dAiEAoFW/VZDZfPgqHKhAkqW9QqcwnttlJEyOwUs4G8gSAK4="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkUCpAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqU/Q/9EwhsmXEBWva/27mYJPt6HIl7PIDoraE5o+RfhUJhSGw4QV4V\r\ned3bwtXjzRAqW/Gd4kN0yDsy4CTRLvUf4R8CtfIUMlpsCCb8dYWSXJ02nu6W\r\nSUWH3KpyyrwQdYmFbRERqKKtLK71P65aQQEFozFJLb0zHu9m0Mr6x+j8VD7f\r\nvBcJvPJvMw65v8UWrnCBhMYoIUXnGaTbfANjLllrp2UFS7MMFaynqlFzeDzf\r\nZ5TaXYS00uREwCBYVQxtUO8wMrNdeUr50TExeW9zLMf2WI4YVzFTMYmHNxPb\r\nS0/unucAv54vpotZSioRK50ffPJEOdEzVbyes/OreSB+eSn1oEW29JVf47TK\r\n0pZd5QDQkjsI4HKOIkhIRbx5fsrDcgQlettAonxuUF6Wr98BcdPcUt+kWGdd\r\now2m02XJuUhqDtzG6mLs7EjPG8zFm2WPOHDUy/7QN+rxNOz0mfkJJU1xJ8nB\r\nD7nPMIaZAkuBaDqLU8F4NRWWMTjLXJxv5YbxJPaKsBy9urEcBFGvhQLGu87N\r\ni12feo6FwzdVi5NZX0bSKdleg//k1epDq0saWmI979MWe5/pk3BFZS0qNoHl\r\ncvEGqi6a/twf88eTFwGDgnbrEF/vo5xB8WmJYbhsAelkaTqFiwkbVosqmyd9\r\nh0bUoQuDPswvpJpAoAQqJffNsCBERCBe580=\r\n=dc4Q\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.19_1682975295971_0.012551057168605162"},"_hasShrinkwrap":false},"0.3.19-pr.195.8e81caa.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.19-pr.195.8e81caa.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.4","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.5-pr.195.8e81caa.0","@kong/kongponents":"^8.56.4","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.19-pr.195.8e81caa.0","_integrity":"sha512-wv27JDiyppo/x/djxCCLy7M/SNIvVqWDugHgynBbXw/F0ZuZvnC1e1wMonL2URQnqikiwu3P12vw//41yy/+TA==","_resolved":"/tmp/183e73f121bf9c058126fd161bf69731/kong-ui-public-copy-uuid-0.3.19-pr.195.8e81caa.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.19-pr.195.8e81caa.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-wv27JDiyppo/x/djxCCLy7M/SNIvVqWDugHgynBbXw/F0ZuZvnC1e1wMonL2URQnqikiwu3P12vw//41yy/+TA==","shasum":"c197a1046a930264be978ed27075bcf22f227841","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.19-pr.195.8e81caa.0.tgz","fileCount":19,"unpackedSize":556790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICBRW/MrbuqNXELo6twgXUCleucsNCmLJ9DX+MUlpbiiAiA7F5rwDvgdXM+pYMs/GZYtwNhpfCgv8sbAE4wLAaBs1w=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkUCruACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrsCw//fFFD9zthhu/9hGS9Xv4XdV+6OY5DcrBJ9h6wr5Wjvqz4t7+S\r\nj4/Zbpi5y83LatcMO+0KUqYzkjOli6hjX74lkOAKRVCyW+XPyZQxHHLu0TNV\r\n+2uIy0T/qMnvbZ9FJ8VBUW+VyItBoICiyNW36q1AWhnYknrxdDXKgnHWI/y9\r\nyVY4JKeNiJNMeDGmErkvWMKBgH3UMDr9Rx7yLj340gjHtA8WMocTNPAhiz/Z\r\nAjYzQWWHOf2iwT7F63IlYYxgtbHTtsJu0lFCazOJJx5dw+aMHFRUlf0ApsAH\r\n/FA8pFUt5BkLj5Mi3+RoRyxCElWGorNk/iPSjKWgYkygkKNm0JlJ6jE5WQPV\r\ncImvWVRQnCv7/i8mreOEgJYFcIHsdROnOpw+cLZuIqhErWgiMuDEMQgl4QYW\r\nOPbgmA9mBjPi7w+En9sSmm8ST6THQxmOq+/iBjHReTaQ2zxVi8EDCjoYy9DG\r\niNfWLXZFFW9es3Pmw8vxu7nUVZD9VAZDhEF1JgABHTmaFNMiNgVX/cSfmuDG\r\nd/tTMzjeMRrnsnG2d3Nt4shN2f3RfvLwMfBKQmw2TUl827a/MJwPv/f7DSkL\r\nx9FZB81YgGE5FeohkYuWSgVLJYUSA1Hnw5NytxUzr81/XNQdEp7k+BgrkU2C\r\nBQfCPPKjoKp736C/NFeuZw6mxb418o9xEbA=\r\n=ufxu\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.19-pr.195.8e81caa.0_1682975470226_0.17355124093199126"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.19-pr.269.33bdd51.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.19-pr.269.33bdd51.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.4","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.5-pr.269.33bdd51.0","@kong/kongponents":"^8.56.4","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.19-pr.269.33bdd51.0","_integrity":"sha512-WxnnlRrOYr1m4wsjy+e1wfzcfdczuEtkJPVham1KUgEOolkPIEa7M3X1pCXD7yr6WJsvm/k0Gcdmk3xvbDh6BA==","_resolved":"/tmp/22ba4eaeadb6306545900445f1160ad4/kong-ui-public-copy-uuid-0.3.19-pr.269.33bdd51.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.19-pr.269.33bdd51.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-WxnnlRrOYr1m4wsjy+e1wfzcfdczuEtkJPVham1KUgEOolkPIEa7M3X1pCXD7yr6WJsvm/k0Gcdmk3xvbDh6BA==","shasum":"435c1f55438868e75a1359c3277d15f93c25b580","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.19-pr.269.33bdd51.0.tgz","fileCount":19,"unpackedSize":556790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHV6y8KbYWA4DTwFQdXDGMX74O5W+ZwgguttOxrLr/uTAiBxETj0DbWs+Ie6wQE7niO+Bi965L7j2p4hXXAe9jDYWw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkUCubACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpWYg/7BOk0RcgwFAk+3s8EBBNNEWwglVRFGT5li7q/oWZuTc4HCHR+\r\n/eJJxUp2eyCjG72mzVwLtVV72NWKLTHZAwdbBuUAc9D3CTbrHo75MEozp2+e\r\nK8Ilm23NnbeQRazj9x7BYX37JwYfAaAlcPm0rQp1tVq8bqIq/if/sRXy4QVc\r\ngTq022E8i5mgSdfmGCueeLbijBEnl3YvRu8UjqPxQh4J7RAeyry0gkss0R7q\r\nqGy4oZVO5UZxoNBH/LIynOsyeXJJ/ojULp/BCBNs2IT+3PdFX5cfjkyyJofl\r\nGnqyJ4MDan6Weo4p8QC3rAq37XkfxWLD9ilXU+YJEgxUk+Lrxx7Bsf+uCrEp\r\nqPBwD6VOtREXCyk+k6FBs28EnjLwiQCLnGlY4rSgOtN9jy9cZbKPxL0rQsjc\r\nGYgpeGO78eEw+5iq3BbXikFRqarLcXTRiLsw1YV0d0RzZmq/jPTz26ifZL61\r\n1wsq2X5i9gjyORZ7bHHRGcbnfjYa/ujjdO7pzO1Qmo0afP5irN9rYygDYLHq\r\nhl0eEFrHhUCK+Wr6KBV6eV12wA+6+bCEIas2z8nDtvm8TyzSxpyJv8RDV+Uw\r\nxXkXxvYTb6l92MG2ysmZZ+rYp0i3GFfHAFnblQCXYJX4iY6YKBX3bSY/HzQE\r\n8+mY6jxoYbFquFNBl7EBi0uc9uAuS8D4L0E=\r\n=6vjO\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.19-pr.269.33bdd51.0_1682975643707_0.7323579538586036"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.20-pr.371.dddb0e7.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.20-pr.371.dddb0e7.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.5","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.20-pr.371.dddb0e7.0","_integrity":"sha512-oElu9FuPn+A0i+heieiw8/ViC2E8ddSrphMh5XLfTTpJEfRSXHgEysKrUhP1xQAH/27bDyWXxnwdjB+ztAC8Ww==","_resolved":"/tmp/c262c9e69a5b79b887941d35d6c22271/kong-ui-public-copy-uuid-0.3.20-pr.371.dddb0e7.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.20-pr.371.dddb0e7.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-oElu9FuPn+A0i+heieiw8/ViC2E8ddSrphMh5XLfTTpJEfRSXHgEysKrUhP1xQAH/27bDyWXxnwdjB+ztAC8Ww==","shasum":"401ecb85f5e3ab6abc440340fae415c91592c36b","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.20-pr.371.dddb0e7.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGJtdY5367b0fv1fUtL1EL4nfmLb2Vm1VssVdPFm8IrkAiA4tnajSbFkK2+znoTMCKLI2yWl8NEztx0S1fsdZg8w5w=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.20-pr.371.dddb0e7.0_1683035136334_0.32743138294926655"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.20-pr.195.fe12b98.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.20-pr.195.fe12b98.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.5","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.20-pr.195.fe12b98.0","_integrity":"sha512-5lc8v970H0or+lJ1D3VtzyBmpejfvny2MC8MJuBJp5un/nnwOb7Pc0hGgPwQAzMnnyDNOuPI1hHJ/4G/ixrcoQ==","_resolved":"/tmp/23eaacfad0c6a9a22b6753dbe9fbea5c/kong-ui-public-copy-uuid-0.3.20-pr.195.fe12b98.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.20-pr.195.fe12b98.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-5lc8v970H0or+lJ1D3VtzyBmpejfvny2MC8MJuBJp5un/nnwOb7Pc0hGgPwQAzMnnyDNOuPI1hHJ/4G/ixrcoQ==","shasum":"f8aae3e11be439ccf493b6edc148b117cc3614c9","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.20-pr.195.fe12b98.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCZ1JMqdfPumJdT7wQg/b0qtoZfPNFNTScUibCinOz27gIhAKO/uZWjHK+rMbEH9yVz0G+qlKTlbRDXITI9Mi9L6hqL"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.20-pr.195.fe12b98.0_1683035929265_0.8154129920015576"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.20":{"name":"@kong-ui-public/copy-uuid","version":"0.3.20","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.5","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.20","_integrity":"sha512-JpUwLT4BdA1yYKHZpbqdqORy0hPUSPTselc2lHr11EXGvowfR8kxOx1lk6I2OCyWDTRdMltiGN+H1q0Bh1cUkw==","_resolved":"/tmp/2641a8de04952ec5b3e47a0fcb415a06/kong-ui-public-copy-uuid-0.3.20.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.20.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-JpUwLT4BdA1yYKHZpbqdqORy0hPUSPTselc2lHr11EXGvowfR8kxOx1lk6I2OCyWDTRdMltiGN+H1q0Bh1cUkw==","shasum":"8aaf8fb04b3ec78c54b1548ea3eee1c667c90670","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.20.tgz","fileCount":19,"unpackedSize":556756,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH9aeEBPFbErPYCsOYGzQ1u/JH+bACbVoM+glkFg0QLCAiEAyDg4P3Sk2BiCDb28fTY3lBeeuC4bQlTCspOtEkr2mh4="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.20_1683035948132_0.7333533830243726"},"_hasShrinkwrap":false},"0.3.20-pr.269.12f0e04.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.20-pr.269.12f0e04.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.5","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.20-pr.269.12f0e04.0","_integrity":"sha512-gd7KA/T2li4wnoy/OpVTyRIIXXbYA2mO7si8V+jjhfS7A9IgK1c8PaOSwy8zNUuFide8/YgLw8vu5ksmcWk1QA==","_resolved":"/tmp/ce4146464d4cf23f9ef467ea5c9295e4/kong-ui-public-copy-uuid-0.3.20-pr.269.12f0e04.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.20-pr.269.12f0e04.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-gd7KA/T2li4wnoy/OpVTyRIIXXbYA2mO7si8V+jjhfS7A9IgK1c8PaOSwy8zNUuFide8/YgLw8vu5ksmcWk1QA==","shasum":"368b39a25d7f1245ed52129108f1edde9c18efe7","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.20-pr.269.12f0e04.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHD/p7EKJEXeVqR3QG8lsZDWLTbOPxEmh7qNzj/1vyhkAiA19Gli1FTsYjo0mPOLmd7+KqSUd2r4pWvf7AbmW0aAeA=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.20-pr.269.12f0e04.0_1683036156524_0.9696707962961018"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.20-pr.195.d53c163.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.20-pr.195.d53c163.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.5","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.20-pr.195.d53c163.0","_integrity":"sha512-hzs2i7LPzNd2BB135d4JqK0QNa+6tSxNkNRHZUBUp2615MreRjA4U8wpjagLzV4SYKK3IypN0ew0J67Cqq3PBw==","_resolved":"/tmp/397386defae5c881e316798e42ac7db9/kong-ui-public-copy-uuid-0.3.20-pr.195.d53c163.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.20-pr.195.d53c163.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-hzs2i7LPzNd2BB135d4JqK0QNa+6tSxNkNRHZUBUp2615MreRjA4U8wpjagLzV4SYKK3IypN0ew0J67Cqq3PBw==","shasum":"4fb01fc4e36571c15649af7e6e3457dd0645cb91","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.20-pr.195.d53c163.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDHhUlzzLSmga9Y9fJAjmOfQlS1YO+ZNlTz3vXGnUwimgIhANPZ2DVt+QrErdP0r0UyE9/X6AqNGD+tSLlhtHERYvqc"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.20-pr.195.d53c163.0_1683036200392_0.3189636859905214"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.20-pr.269.2f81e2f.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.20-pr.269.2f81e2f.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.5","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.20-pr.269.2f81e2f.0","_integrity":"sha512-rBg/33ZyHlC15TVKKmW+QGnsoTiKbeCsXT3exJ6S9bxGrEYcev73g+uZiozVVP9M1DJ97K85nkKivAx+1OZJKQ==","_resolved":"/tmp/b409911867d8a4bbbbe12924b7b16cb0/kong-ui-public-copy-uuid-0.3.20-pr.269.2f81e2f.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.20-pr.269.2f81e2f.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-rBg/33ZyHlC15TVKKmW+QGnsoTiKbeCsXT3exJ6S9bxGrEYcev73g+uZiozVVP9M1DJ97K85nkKivAx+1OZJKQ==","shasum":"500dd061a51fae54c057576aa9f4824a73461327","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.20-pr.269.2f81e2f.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCgqX5lEBbpLpU8CTZrrwM0GvXg08mrGYDDNCwime91XgIhAKpyh0ptQtHPDqc68G7xL0QdzuqmgKYUhGypDIn7s+G3"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.20-pr.269.2f81e2f.0_1683036538885_0.032960119397293486"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.21-pr.377.6418ef7.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.21-pr.377.6418ef7.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.6-pr.377.6418ef7.0","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.21-pr.377.6418ef7.0","_integrity":"sha512-Hpkl+6kDFG2r3cRFY0Ri4Z9ibYXXiLY6OjCuWlxrmAXMXun/hT3TzuMotkxYspFFpFKHzl5dk9+7JCHajj4zjg==","_resolved":"/tmp/51b5f5757e228f264edcc07825fe745a/kong-ui-public-copy-uuid-0.3.21-pr.377.6418ef7.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.21-pr.377.6418ef7.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-Hpkl+6kDFG2r3cRFY0Ri4Z9ibYXXiLY6OjCuWlxrmAXMXun/hT3TzuMotkxYspFFpFKHzl5dk9+7JCHajj4zjg==","shasum":"95fcc4f96b38f47bd9903958cf230aa90f6ee9fa","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.21-pr.377.6418ef7.0.tgz","fileCount":19,"unpackedSize":556790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDT+NsFpdVkVOxgc1u3w3OHTtvUFW8KjDONcTSptwS/aAIgRjlGMfH5omWhGRUe90o0bHHF2ZaKXv/ID26MoJ+gt7U="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkUcoqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrNNA/+KTmumRSUZlCmBKQhjDHzd4NvMkWIh5WpifbDqdOOgnEjXQ4q\r\nEdIJMbEPnXsWZo0rz47frRJwutOFxSE40PDCv1l6UXkH9J5AiDW2lprfynmK\r\nFATlC6WeqERGdhChC127TWIvDPSfYpvQVFwAu798ShRj06ogMgg799WMiYqT\r\n5m4XR4YdFkOUG3ved71Hj+vtRTQGc7ZBpjLxs7kZiEeAhaTSWOUAZLu75LFb\r\nNFPpry5DcIMy5axCxMi81JPE35D85dMnoqEkQkdLx8XWUhxtod39bLHLTWM5\r\nl1+gHenjVLYsJ+NMRybvuE//v1d8JxZLpB7uhGQOQqKZHkiMmt4OfkE0GFLX\r\n1beEGFpF2zLhjaVLrgZYQ85VeAPsq1teHke6TNWw7fqotpzylMUXMMrbFhz+\r\nOus0hrZnAT2gsOVkpbEokyq3vuboTXoE6L7nL+3KXfGaP0s4HJ9NxGr3Fc+o\r\nL9dU0mwd0fNl55TX9BJak+olXzN7f8NwzcCL5qXceCv1/rv5tBuhJakQLEyv\r\nGymmuL0VvdEaNHAhAdGrLpTpdthdzh6b+p01dxNku11UxkmyNRrVrR5BhhKZ\r\nr2XUB7srlX7Rk2w71/dhNklOzFTrMrVtYgWYmcZ1DSj559n4J+TECI/EYy7h\r\nEMbFK4KfvVNPwqH32tfyYDdgY1DnV4ZJvo4=\r\n=Q3Ab\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.21-pr.377.6418ef7.0_1683081770601_0.8815261959181973"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.21-pr.195.51ac43a.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.21-pr.195.51ac43a.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.6-pr.195.51ac43a.0","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.21-pr.195.51ac43a.0","_integrity":"sha512-QYDQbEZ6q7lByv+z/7pTiaW3oAXq1fA+v4mdj4OnUCz68F0DBoA+rGHhGM3YLeEXI63ZlG66U78hGR7JnPe1bQ==","_resolved":"/tmp/2524bf417bb38138d677558e07f69399/kong-ui-public-copy-uuid-0.3.21-pr.195.51ac43a.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.21-pr.195.51ac43a.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-QYDQbEZ6q7lByv+z/7pTiaW3oAXq1fA+v4mdj4OnUCz68F0DBoA+rGHhGM3YLeEXI63ZlG66U78hGR7JnPe1bQ==","shasum":"95182443ddf1e9c3218415f8f3dbd41918fec4a7","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.21-pr.195.51ac43a.0.tgz","fileCount":19,"unpackedSize":556790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGPFJdaisMYPwhVdROAQoxtreLoQpgPiuHgY077mV+5HAiB2+bqTOPI5yrCVxEns6z6vdIKw2SIfKdQm9potb42sxA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkUc0dACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrRNg/+Md1IQtYUvmCLyM5nzpn4MartriLXQNJjwpD29Z8FY9eBfj+w\r\nI2Ym8UCz53di6iqYYCJkku9zyBg/2L6KA4iLW5ZITLHnWhvN/0OUC8oqFy3K\r\nu1BRfRFUIpxvfQccQdgwyseBuVKHbr6/3r1R3aJ7yeg22z0XxiYEimYe3Lz+\r\nv+GKXBwTGUuZ4oMNZHnaIes6O8E1eWdvb3Nm+xzetlJ+k4xqy6y32YaHP4uD\r\nQ5+EPWMpiIMhky4iRlCDaU6cGSSuQ80nH2KEQBbsHQtHwMqh8GY+WE0TtGnz\r\nbn4FuuV0V8Xz+fplpVo9vt1ZZ3U8MsMoOfzl+NQrW+EhbppANYLLFjWFzvc0\r\nnf8p2IrJJBZfRT5WmXv+eZmDLdbo8bvkJ+QissIYcGyQabu2Nf6ySgzSafc6\r\nU3mVUKGk6X1gtmxd6J6qorxEMpQOUWvJGP39M7H4NSaWKamlNj8uYcQEOo+n\r\nXNq4zpFT1iBDIP81lbMdY4SwT0I8bAaVi5xRTznKdFyRqm82vXEBWtyqmPwc\r\n5ibAKqf0LvAPck44p1Y22ypd3InsV9LwNGir4hY7t26R+5tTkPCFd3w0oHYu\r\n7bhl6vqCYWLRemkmq4JYaMGpiGUkPJPNyw972FWQMtfTqfX/eCQxa5rN+wwe\r\nDiVlElBoPEbqjjJnMuLV2HPjjm5vbecjtxM=\r\n=hWJH\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.21-pr.195.51ac43a.0_1683082524788_0.49812413703611313"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.21":{"name":"@kong-ui-public/copy-uuid","version":"0.3.21","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.6","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.21","_integrity":"sha512-nlGSkKBAe5BD3I7wtag9KQi+vp/diNp9X6CYRqYVnnrKwQZeTMx5TRsqM8vBSxHTBA9KEcrGf5py6/cXShAqrw==","_resolved":"/tmp/96bf516377df2f2198329d2f141eeee6/kong-ui-public-copy-uuid-0.3.21.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.21.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-nlGSkKBAe5BD3I7wtag9KQi+vp/diNp9X6CYRqYVnnrKwQZeTMx5TRsqM8vBSxHTBA9KEcrGf5py6/cXShAqrw==","shasum":"99b2622ed129a1c15e596d43fda2df14d39f95b6","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.21.tgz","fileCount":19,"unpackedSize":556756,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICdEmYhFdWUZvGcVSMbegA1LhWPlXCN/2PwdiGeT5GEUAiAWfOhhB45vknUEDjxMOIWLSobYxEbgAW7x9h897m9S+w=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkUc2IACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoOIxAAgoc93C6QzLce+rUSNsPdiXs3LaIq1/XICfW3IdBQ2J+6hCbM\r\n0yb5rrpJIpbqsbhp5byOuVnFJxIcjqrtK0he7Flb3OGka5U+Lla5g6KrURDH\r\n2G+9BiwNMltboxQZnW51Do2jPbvvM2gJ92Y2PORh9ThCPx55pPgIbLItMjwY\r\n+2uBHCCXoXaRwozH6pNyCUd+lfwzbS/KqXbsKtdyEgcn4h4BzvPC6aEs7CwD\r\ncFHGoL7ZJJnh1nfw2IRv0xo/OxbtTLDUK9TB7FREO/G6O5X99jn2qGyAB7lB\r\n+qsMtzjO6VAq4/p9wzjfQ/ruFyMaDZYp8b2umyNd6gYeMIGb/s7fnD+y+upb\r\nYjvgPglHAX5G7xfuQRn1sPB9rp5Phvyxy/lzSFnUo35wJI8Bv30njIewDWBq\r\nMKC5m1FQa4ZeE1Zz4obw66y+v/bVPZ25TTeQ0Fr8krLWzopJc5MqX+GBd751\r\nviwM2dp2cTubeaxyGSiguJaIN+Pg3aF/hAC9OQk/qe/Wxy9sQBGd+npJzTgz\r\nRBAcBn6RGW6baEqdGxklAljVmHAhdMFrXdfcsHVmkEOYhSpriTwBJPgly/RS\r\n8uBckFP/YhLD7EtpyR1x2FU6zTxNF/cJ49+grALGk9TzQpgd3N9bUX2Vdfi2\r\nwKrYkGt8cVpesxeNd8n+rlrMlKU6ylHNmFQ=\r\n=2LCy\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.21_1683082632025_0.26887935215331993"},"_hasShrinkwrap":false},"0.3.21-pr.269.d8d4429.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.21-pr.269.d8d4429.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.6-pr.269.d8d4429.0","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.21-pr.269.d8d4429.0","_integrity":"sha512-BUs4qhtYSUGxnBvZgqhgI/WVTaCJrPAVNRrrBYR9T1LIKZ6A2Zv7Gtds8jLtJeLj162jwgQe7HxB8tJNfjMagw==","_resolved":"/tmp/69e99f7e2263f881242b50a4633ab62b/kong-ui-public-copy-uuid-0.3.21-pr.269.d8d4429.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.21-pr.269.d8d4429.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-BUs4qhtYSUGxnBvZgqhgI/WVTaCJrPAVNRrrBYR9T1LIKZ6A2Zv7Gtds8jLtJeLj162jwgQe7HxB8tJNfjMagw==","shasum":"4e22359ce701df6051c5426352cc03233f965a12","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.21-pr.269.d8d4429.0.tgz","fileCount":19,"unpackedSize":556790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC24JLm9mxAVqLGWm6JjA6ZEdPmeufWaDA1KrlMeBRzOAIhAM0vm34j01L44/xzNGiawdlTugZFea66z56GOkKJPToC"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkUc2iACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqWFw/+NGrCGv8SA3QFazxVHTITSleoB2bab1t7rvmJan9mRvd2LtUZ\r\nPBzE95fF7lqkyZPrXXn3Ee4VZHrHyFNEXkVn0llsH+7HBybRAv//tw2hOhBr\r\nIj1xfIXmG07hqcq5zanGVlnwcjDOz+MWlvu1PADJTUJLe1sar0S1phXm8XQl\r\nOBa46Spe6lYYwEijT0/fZj/ALr62B+p/DnBCUdQz6fBu8tQw0Rf18CQpaCeT\r\nJzNFSs6jzR2AGlKTLx6gLp10y0gNJWrba4koTDwrZNnugOe8+vdGB1GCehPo\r\nYhEQPZe3fprVYv8MfY9zsa4Ocs7Ve6P+oOII4gtfSkEMeHsexJF2NRlwZ9Uj\r\nOF0LkKqbD5yOmM+rSNHTf2TxMmZ1I/hcnID35TjHox3MG4/YxigCtyiIiGZv\r\n+ymIFLNy2lNvIra1GrdPcX61S747NPoexmIVv7GWInfoWqy7QrCBKvEFEzO/\r\nfyqtRQSJQmWgEVeDsTE5cUHdqc2JkwzoEfr2y2/gbVazFr9GwgpSg8J/jJtc\r\nd9gN5qtDwz9z/4hdiC1vH/qyFp1E6qVBGAmJB8Wo9mbDAlEB4VjzWFUfbtmJ\r\nJubbPQcCEiZCE2zpLsWQ90qIUN+jh045aIKjdtv59/0Ud+uA0PkuiOAURGuO\r\n81Tc3OviUh/948tlAPkYgIEU7AU6nUBiQe0=\r\n=cKfD\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.21-pr.269.d8d4429.0_1683082657931_0.6265261759371381"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.22-pr.195.a31599c.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.22-pr.195.a31599c.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.7-pr.195.a31599c.0","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.22-pr.195.a31599c.0","_integrity":"sha512-sSZy/FGzrvRfbaI3ljQMg2DB+hyEN/IM2sevmRfcDAqokS9s3lX2je8Om40V+7mlz0rb5I0dn03TXvcr5nbYmQ==","_resolved":"/tmp/0f1ee8e01a51e2def3175060d46df744/kong-ui-public-copy-uuid-0.3.22-pr.195.a31599c.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.22-pr.195.a31599c.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-sSZy/FGzrvRfbaI3ljQMg2DB+hyEN/IM2sevmRfcDAqokS9s3lX2je8Om40V+7mlz0rb5I0dn03TXvcr5nbYmQ==","shasum":"5bf3ea88e22dcf69e04ad30ef52ed64a66fccfbf","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.22-pr.195.a31599c.0.tgz","fileCount":19,"unpackedSize":556790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGNAoIPzBAiqrr8o6ZCLay/JI2dCwdJY7nUAxd03IDRzAiAR0Qaeen/4hXBeok33EQeoGSy02NfVMa+AJPTUQhKmIQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkUpLnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpD4Q//YV61jsalaSg2TirKI4X5Kf+hk2oJ4XSJxgWwBGk56AYvC2pO\r\nbQDRyLNUp0Lb1BzHITTsqO+nqjR231BnM/8UfXUwQrVUAannDeOWm/EEZND9\r\n4fE8r011Fy8hgRxeGEQrOcYz1po/ootieq9wv5c826igBpZxh01i9FZ3EwVj\r\nRbQCH3jonxDLRfQBpQQsu/eMZ8mFl+H+n7ReuXDhjnR5Mq5vMp8YnLATUjKu\r\n5O5WauMFttbbsnXQrvmcD54vsb90+sBOcPsNrRGPPr128DQXO4g4gCVGmBa8\r\n/7Zxt7DVHzwfQo/2XLdqq3uH2VIBNLWEcUeDsXpShEtXXDFvszTknP/ODl0q\r\nibIBp+yeBjxfVVWo5jlAQIiW1Zf+s/09oy/A3UgR3GvVWK47kXmsPnVzAw3G\r\n5GMQX4mi6ULe6tygAEfYDBXKai2e2u7hx0LEsvN21C3xD8yKxnishf07KFQ7\r\nsocPp5lPTieWgyjX6GPwA/VA4Jxe8KK5TUdV/6tzADrE9RTZ1mcAl4B40+Kz\r\nD6Aayb1x3X89ikjgr5JPucvu5If+d52xwvhadGGcgVbLAQ6sZOwt6a2AZY1S\r\nx2uFUX5nyPEaYnWQ4/SZjxRImTKMzR6kJFFCymwLiDj7TNkfvrXCtRpocP9I\r\nexLXg+zUDSr0NyNaGqGFiXqC+lPjBMK/V7k=\r\n=A6ms\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.22-pr.195.a31599c.0_1683133158885_0.34606020933209636"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.22-pr.269.1c619b7.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.22-pr.269.1c619b7.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.7-pr.269.1c619b7.0","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.22-pr.269.1c619b7.0","_integrity":"sha512-JeF5/ztVuw266xCP8raKK7C5LaPRpUjZNeTkdlSpzShB0dTEHEAF7EwM7fVgoBfQz1tgfg85g9obWY5x88iiBQ==","_resolved":"/tmp/72afad9c7a0bef409f70c038e496c47a/kong-ui-public-copy-uuid-0.3.22-pr.269.1c619b7.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.22-pr.269.1c619b7.0.tgz","_nodeVersion":"18.12.1","_npmVersion":"8.19.2","dist":{"integrity":"sha512-JeF5/ztVuw266xCP8raKK7C5LaPRpUjZNeTkdlSpzShB0dTEHEAF7EwM7fVgoBfQz1tgfg85g9obWY5x88iiBQ==","shasum":"31dd8ef2d714e0031ef56587a8e909f88a9b8b18","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.22-pr.269.1c619b7.0.tgz","fileCount":19,"unpackedSize":556790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDPKrWqn2g7gKdvQtpfcn/XGy5RMW8wgM1l+ZA5e/ZaRQIgBZo4t1HVJ9C+TSf3p70RMVxbdaEUcOaP6D0LqQVefIA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkUpQHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmooog//cXLHVRv8z7+9ieSU+GvPWiCK0OKDRmeTMz9TptgohcJZBepH\r\n3XWeYqeeW4j+unG19pKheYczFX3Ut4dw+Hd4sgBmJorOlVBPGlf7c72xutwW\r\n/YEdRM2gUP1rXziBWSkv/zNvy05ESwbwED9475+AANYn9KQpI386lAlpPMR8\r\nuExhAIoYf0uU7q0dqoZzaNeKhhjB5BD+je9wpKiw5R8r8fp+1zC8990XbVjm\r\nIkYPY5MeA1ii/HFAEfCi4Y2BBy72kLz0Nv8YXCd5zu0Z/tif/6J9QIGnvvxr\r\nq2FhixAHmTIhrtB4Rl+bXboAYrX+/p2LdL41V+Mswntq7D4N8MGtp9qb+33z\r\nLuX8f5LCngvh4rIuRCboUIfzhCKcs42t0bM3F2MlKFI5H+5fXAF47ELuB2AW\r\nyxcSkUFOQpic+KB3Kju3ZBDpC7EnMuZXSoJ1P7faNwhgPPR1RTU8a9zM2yQ5\r\n32hjL2op82YfqWTeN2pzkke9FNMpZDUUU4wpZHqKgFV1y4e3qqCzui4F+HZO\r\nJOrcpIl5rlZJYjqE5Axl21O7FRGi1fZ8OIlDcj2mLg5A/NtfQlTUDsBUP5A5\r\ncEVh/9b0QMsJP7dpIOLNqkRJChnP2JhTRTrc4AsqoNVLHmJve+HZrUKbSLEq\r\nwGAxBBd9xclUdT3UTyccHtzii7hQgZxUbgc=\r\n=cf/n\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.22-pr.269.1c619b7.0_1683133447497_0.8313437745195669"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.22-pr.380.8da8b57.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.22-pr.380.8da8b57.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.7-pr.380.8da8b57.0","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.22-pr.380.8da8b57.0","_integrity":"sha512-oVwr5SS3hrYf4vMq9o58jpp7Gj2AszDPxAI/Vn3Wtrd2HuEK9ghD9nop30IQOm7JLs7WWf19jIQwWTIMyCVSag==","_resolved":"/tmp/6bf9bbe9b7600c7fca57f511094ef0de/kong-ui-public-copy-uuid-0.3.22-pr.380.8da8b57.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.22-pr.380.8da8b57.0.tgz","_nodeVersion":"18.14.0","_npmVersion":"9.3.1","dist":{"integrity":"sha512-oVwr5SS3hrYf4vMq9o58jpp7Gj2AszDPxAI/Vn3Wtrd2HuEK9ghD9nop30IQOm7JLs7WWf19jIQwWTIMyCVSag==","shasum":"5fd323cc5964239b0588ec88d55a28331feb8a1e","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.22-pr.380.8da8b57.0.tgz","fileCount":19,"unpackedSize":556790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD/x+h0g2mvcO0r6cqEqsapt4BYZ1XykEqcdJ6/ks4WYAIhAMPYhcIbsYbpdi9lL0RUvbqLb3oUJKU/DD8lTB8HRGIU"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkUqfWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrMHg//eUkEQDgXTB8J4wwRzL/iqkr8+Eqblrn4CzfcFXBS//WXZF3E\r\nMVJlbniajz1R0JISmQFMDKh8BPZfsyghKSgXKB0Ur3yCgWQFjxmOILMBYaBm\r\nSVc9SpNcdEBB98DRx5DzloKUZkxSI60FBO3InVTsKwcYSp3T8b6CoWR+dAs7\r\n7jVhOwCYkgmpgs6vP9CcC51ErwXtTPhbprJmQGNNgSp/ZlzXfEYZ5OeCQcYy\r\nGRvgJgK64fTxOHzUgasgYqcmSZGpviKrpd7+Tm3EmEavymdbOXMnk0HNgNMT\r\nwpIYEwqbmJg4POJ/iOwzZYuXorLNwV37ZqSkc2kzG0O01TVGpxcPAHeqBvrB\r\nwxE+atI9HSTPPleoxONfLpu8GpqLlZ4UZ4moJ99XqvR3a/h6DyAstlllH0cv\r\nTvCvRUzkuYcW2kJcsvc42STBbNgjAYf7YOHRHlDZYJLFKsJOKQXSvsKvVT14\r\nrl1sZtQ7bmunZPx9bMbRryu97smP9+PVL5oK+56aNPW+PX+wyAESfWTk1n9I\r\nCAc8BX24cXB6TA39sV3z9F+3OvNGjZDH7LqZ35IsMfwDD82X8oGBDxefcV+7\r\n0DZWDu7cptzr5IqdZo1keNYN2TtBzOgtngB2nxzTLhNPE+WvekxqvhhswVnP\r\ntDh9kvxullgykrzyb/cgR9mAN55iY3cBI1w=\r\n=Jclx\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.22-pr.380.8da8b57.0_1683138517965_0.6304618850188395"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.22-pr.381.a6d60b1.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.22-pr.381.a6d60b1.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.7-pr.381.a6d60b1.0","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.22-pr.381.a6d60b1.0","_integrity":"sha512-9bVF4guPDce5qsrcVQa/X2AaGtcKIXC3POuW22o0uerLdAHmubofi4TZU6toJ32loOhGq8Nmx5FyllLUar75Bg==","_resolved":"/tmp/9925955991670a0a05d92f652f21fc77/kong-ui-public-copy-uuid-0.3.22-pr.381.a6d60b1.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.22-pr.381.a6d60b1.0.tgz","_nodeVersion":"18.14.0","_npmVersion":"9.3.1","dist":{"integrity":"sha512-9bVF4guPDce5qsrcVQa/X2AaGtcKIXC3POuW22o0uerLdAHmubofi4TZU6toJ32loOhGq8Nmx5FyllLUar75Bg==","shasum":"84122fde1fdb53bed7b6f232e5dc89efec25bb76","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.22-pr.381.a6d60b1.0.tgz","fileCount":19,"unpackedSize":556790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID4QzLowbw3rvuwCw5exuOwmdAiuLXPOiMmjKctwIn3YAiEAgS6ZEgOcI9UUbkr9H4fiTknxqXvA6J2H1408LFx50Lk="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkUq3EACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq6kg//bivA1lA4huY6ZvRyTsaLShZM9AU4Z60597BlNINb9UOFt7BG\r\nJ0Czm84POOt7xKtPekWh2h7ZGCV3FfR3UzOVwGokNBTzenTHjhx1CVbEUxj/\r\nfpaDKVaqvnrYmyoMaGmwySdqBs1kcqs0qDeGmBgpvBfcN62ZwQSnoWtuYY1G\r\n+Nv3CyxCUlMakEbxy1TJ0wx9Dl7SZfYGjPf9k8MHNAxnGFA9x4FAoQKq2qIY\r\ngS9wEXVT4jJqe1l78W2rE1TFtAA6fDLtptlH8PtDvxBvsf4vd5fZuWfE6oda\r\n4H3rWudZBho4KAwF9PqDeYfH4vGzc9svizK4JWJjl/rnahp9fDO0aesiopBK\r\nN/SOMC5zAd6wA7Jg8V6rTpZXqO4YfzT2InVMurCCEJze1GrKjUjJYXSlGmhX\r\nDjnTSoqfl2WkAV7i7srw53bTANjXaxzwo+etLw+PGNjyfw8qd3jlYCDHTBzd\r\nviaNwUshaBxKjTfQfac1x6h5F9SBeKinAFUSz3/U7xws39MaXgLfGsyYiLuD\r\nkp075cFILMOo0CLhUnxYzLKQhs5BaLeRp8KBOIUxGug8EG2f5IRUS898AFVr\r\nMhxACGKTffU0kS8ZUyC05cZg+ajHA1nzwHZzkZNE9m+sOCACUR/GwFOqeNpl\r\n6IvkoODd44clmWKcD5wXyyglXWEKKAUcvdk=\r\n=W0Eq\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.22-pr.381.a6d60b1.0_1683140036119_0.102669250485238"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.22-pr.382.f50272a.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.22-pr.382.f50272a.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.7-pr.382.f50272a.0","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.22-pr.382.f50272a.0","_integrity":"sha512-RkWs2XXCsv1gVP/UDf7we1rfbD0O5C5xLCSJ/KNk5onu710KuS9bst/ZmGXYa4MBH1YXvNxNmKgJmnjCVL3kPw==","_resolved":"/tmp/bb7e4f389cc8e9f163c48f5139ab6312/kong-ui-public-copy-uuid-0.3.22-pr.382.f50272a.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.22-pr.382.f50272a.0.tgz","_nodeVersion":"18.14.0","_npmVersion":"9.3.1","dist":{"integrity":"sha512-RkWs2XXCsv1gVP/UDf7we1rfbD0O5C5xLCSJ/KNk5onu710KuS9bst/ZmGXYa4MBH1YXvNxNmKgJmnjCVL3kPw==","shasum":"aeae9f3769d2f10b1d76c51b87a5734c9b9e802d","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.22-pr.382.f50272a.0.tgz","fileCount":19,"unpackedSize":556790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCpLGYRYDfy1JDXYuXNbWM6se960A3nsomvH01rrxr6yQIhAJDEclYA2zsCsPt4CV9954+IxFTfOi0wLpkVCgt4q94p"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkUrG8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmowJg//VfCJvPD0Ery6C8fyIX6vE/ZhQHvGAED4SvneAe5Cgevjmpnt\r\n8kRDBxj7WXDltbBgRPeBdxyTXwYBJFsHUef0v6MVeXAiRZmh3IEWbCTUHt0J\r\nsLCqwfuZFD+wpUVFt2SJ+w5L6L2nFEegCY6qTXexVfJVuNvyBwByzAt2DiyQ\r\nn6lY2DA/oqmc/X5S6NeE/lLSwMjqxEqq0uW9FLkq9i7afDUYbwBwo9Xykv4k\r\n/T6LGjPgSgM1p2fok/6KYZKD4RO/HOQnatyFWYI03SwYzb8+LR8wA76Mdoka\r\n6C9AhO4LL81sxBpEh26i0JAq/hCz4/CEovj8/BUoBu3ZDgNIRlC3Efd5AAT8\r\nunzUuaovxw3qAQWdORQEYp65i8jmO6q1KOKA5cqQWu/KhzxP2lINFtmzerbu\r\ne+ICL0BWNa/Dw3GPpELiBOS/yu/HOwAzWv/r4J4zOooyyhYXGL1dXRQZkab/\r\nl9q86g3AbHAiHG0ydlB4CJB5xUPQVL2tHRot+hkCni67J+EsczG/31KzJrgD\r\nFEIDzTLhMZnry0HKEuhUbqL23/DgV2F7Twp1bxenkYgmOXRtLZ8PzdOybZDU\r\n3I840McY2W7kOGNuJPjEwmPiQP34lZk7EbA0mKUrObVHiP9uulWvy0eh+fGc\r\nFIgQp56SmxxqvKogZtIZcdeLTp0dCkTYRaY=\r\n=kf/Q\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.22-pr.382.f50272a.0_1683141051921_0.4208245161629032"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.22-pr.383.027e50d.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.22-pr.383.027e50d.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.7-pr.383.027e50d.0","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.22-pr.383.027e50d.0","_integrity":"sha512-YnzlGDBNm1V/2I4Zr/IcdQpN0Hru6+eD+fsATDV7t6opc7F5zBdLuaUmRBoZXF/Ka16dsXsVS5gOiXQxOBh1bQ==","_resolved":"/tmp/98e52f84530e0faadab06d29b08863fa/kong-ui-public-copy-uuid-0.3.22-pr.383.027e50d.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.22-pr.383.027e50d.0.tgz","_nodeVersion":"18.14.0","_npmVersion":"9.3.1","dist":{"integrity":"sha512-YnzlGDBNm1V/2I4Zr/IcdQpN0Hru6+eD+fsATDV7t6opc7F5zBdLuaUmRBoZXF/Ka16dsXsVS5gOiXQxOBh1bQ==","shasum":"2e17fe431ace63523322c18d82ebcf822d6dd331","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.22-pr.383.027e50d.0.tgz","fileCount":19,"unpackedSize":556790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDETWySksnSwF8dTDsbZ2SiNL+ZTAcy1TItE/6h27AzIgIhAMLH0shtUVMyGz/XGtcHQZIt6p2ZFXT/7hn0zIRnPREN"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkUrurACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmojYw//UGyCXYqF5oki5iAV8I39B9jTGRJ9GmMQ/TYZAhDoaCJCkcYj\r\nTWgJIb57sXcvWSaWKywkGRh0es6wDZIEuKWEywhjrUCAdWkC8QLST9zpkpgn\r\n50Uowm4GarkGrOXo/KwGRIsKp8kHG0ZK7hneqW9U4KqsxdFsbZuBBzIcW98j\r\nUPiU1PHHAK9luTRiNTp6GxNxL7c5UVi+dP/r1IhbxxHChSP3sbihy7JIq7ni\r\nvnkUsn+5yY4MQUumoRsJMSDutNNO0CbWvlzHyt5Nrmg8BunOv3UFU/YcaQkw\r\nsHFTb0mVO3l6u1wpgFKrwJFKpoEM+V0ng9lprTPMaV/K3SrPz5koSihmUQ8o\r\nG9LRLdn9Pq+5p/aF0YbWHU8IGaxPUtCc80ewhu/mDRNe5qxpwn+GL5J1eu7q\r\n1oyRlq/gxrsBHQ61C8CUULQ7OY1iDr9RTEHjBoovG88VibBfww73esTpr6cr\r\nYkwbsUIVVKYjkVKwOCineoFJ5goV/lTpdHZ7ANFmyHCkKNLXuZnObGgf4TzW\r\nwZDJ57D2UsWhWrizQIqzVjYYIBNc3HpSYDtuhCvrWAAnmGGGrqhttCDORXj5\r\nnnC8ELYdwoblh2nrMj+KXPssKi6VOWa8kPfGACzl2+81XgypC080xhl2vvh1\r\nu9SYlrkb7o2dqXfP0ljz04Ksx2f/srwZTkY=\r\n=gBOw\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.22-pr.383.027e50d.0_1683143594849_0.3669345264426136"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.22-pr.383.88a369e.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.22-pr.383.88a369e.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.7-pr.383.88a369e.0","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.22-pr.383.88a369e.0","_integrity":"sha512-37NQPLFs9L/jTEEDcQQv2RLDmVjQK0USzZgPAd7NC4ZAm44ZwGczM9OrJtISke94zTcMyDMN5goaCVEKc+7+cA==","_resolved":"/tmp/8eed63f2070981d4825beb3d2f873dd7/kong-ui-public-copy-uuid-0.3.22-pr.383.88a369e.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.22-pr.383.88a369e.0.tgz","_nodeVersion":"18.14.0","_npmVersion":"9.3.1","dist":{"integrity":"sha512-37NQPLFs9L/jTEEDcQQv2RLDmVjQK0USzZgPAd7NC4ZAm44ZwGczM9OrJtISke94zTcMyDMN5goaCVEKc+7+cA==","shasum":"d4af1b06a51c1d3fa268fb7f7949c8a965056503","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.22-pr.383.88a369e.0.tgz","fileCount":19,"unpackedSize":556790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC8gFQkNR5B8z7MWkv1HmGNQ1+Dv3AsVcNZUMASs+k2jAIgThjVw+pW7sbG7A0aB1WekkL7TNeG/JiS6oJPdw8SKRA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkUrveACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpj5RAAiA/W02GiNHyIK7oQ0QKFYZaMS4e4h1QZQdInVnbjfgGWpUa0\r\n0NbDkl/3BDvNVVFFJpO2/0HebYDVotCKR5SOas9FbZWwucOmEeNwoYpUqgn+\r\n/X2pQs2yfEexaYOeReApkXj7svsYNrS+jpX/IemH5nhrZP8Qu4D6FxETjVy5\r\nyqO5Ey3fKgcMmsjFsZoyN9BR35ur7fmPSurDyzBkoLooeIr9S03lpB6Z/cjD\r\nmXJZ+Y3La8gkBbqvRSko6UvBjcow6s+MIlUi0qwO9LKKTj83ngsRzi0LOQru\r\nLuUt0ZYrHL4icNLI/TBj1SZ9K4sR1XW8XOezF0P7ozv8fspvMKD/pasPMbuu\r\nutlkNRm7fHU5hIuxsrhPkkdpGODEnKs5zkF1AOpHAvI3scyv895pRDFzNT4k\r\nD+uYSI8avJmEFM+R4Hn7pS7Hek0rSWl6Id9qjsk0wmKyE+NRMn8LfK0uEpJN\r\nnv+j3SEALRqWsauu7ODvHk4LiQKHbdYkMZmmDH7T80tTIGJK0r1GXO5S6G0P\r\nYbnucTB6l4gxjnV9RBZhJIaoaZX3n2+Q2IEnlW6Fu360GZxvHzzg+BOsQLgF\r\nKN55C63rK2U2Bgc3TBA/AfOtTDjbxuLJRoWeRP4ApRuTjMXX+ohvoSXN55uY\r\n/D+fpOhMJwvs3+06rwP/nmvMCWmoiKcatCk=\r\n=D1tM\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.22-pr.383.88a369e.0_1683143646566_0.8068791938643032"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.22-pr.195.ad2e27d.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.22-pr.195.ad2e27d.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.7-pr.195.ad2e27d.0","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.22-pr.195.ad2e27d.0","_integrity":"sha512-KFjxRKY5unv04/Ytl1Z307zWYjl2v7USW705ZXtabRC7c2FQ48XvrpxUT/WM3ePvJbM6PPJA3oYLy0nxQP2uDg==","_resolved":"/tmp/ffd72f3ef797632387fd45f7f2d8fb4a/kong-ui-public-copy-uuid-0.3.22-pr.195.ad2e27d.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.22-pr.195.ad2e27d.0.tgz","_nodeVersion":"18.14.2","_npmVersion":"9.5.0","dist":{"integrity":"sha512-KFjxRKY5unv04/Ytl1Z307zWYjl2v7USW705ZXtabRC7c2FQ48XvrpxUT/WM3ePvJbM6PPJA3oYLy0nxQP2uDg==","shasum":"83f0321f5440c7b8fba91168afb74c6c4bb53688","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.22-pr.195.ad2e27d.0.tgz","fileCount":19,"unpackedSize":556790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAZGZPviuZ74YA0YLSvDBI7SosLX1AXUYpRHuIi+i2zfAiEA/vgcWi1sYXpCTvABOg8qA3vIDbIL2rWY6zzsDykp/40="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkUsIBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpy3hAAgYDDifPlCEX0gNcpxd7xM604/lbcMxX9rv4vc/KHZAdFQMh2\r\nqq2BTvcNxJBp2kh+ZNbVzDAAE8Iqi9lvizPeZTLxPdtYsFuLmvqp0TZi75vO\r\n5ZdhWBHgA92uNltJrdtOsH+MDA6hHvtbyA6GMeYk0xLBZ6awCZXX58uT0och\r\n7f0TMVUntbxszqn8CEnFP8hn1l3TnT4YFHH5R9ZwfU090Sv9SP1qz5Za3/P6\r\nyjaXSFV6SH+OJrCrfvP7cDcgJiTrxnYii+XB2OW/vMPZKhO0pxuObnqPuEla\r\n6LkMey+nv9tKxzxYqmatfMSLFh2Ts5dOkOArCpf/2ionto3kj1arKBuJSBQz\r\nAscW8sU/zn7LQT5VFZexMJ8fIiWRV/TDQOwPgPG1V8BEICSB/y+tnchyvOEp\r\ngHS9nkMMUjy7uBTqyfkA1PeV5RfQiGmi4SyqBlXcZoZYG654QHFZoB2Epzgi\r\ndxQYB+9OwmV1+3rbQO8UYp2j2g+/yjokQxUcZVdcIpnV5EKGEAFiM5EAkb2J\r\nseY8vA7tJLUe4m1QJoNIr1DzJPYkfbqlYbSh+HVgfo4zuvIOQNo5CyVzPQQH\r\nkfDr1faUnkS5rL8hG0K5SwCtIE+ykof8NOFa51nduWN4WqUHmgy9H/XJJXPQ\r\nn2jWAw5GR5IhPYKdH0who0RcdQGxGlY5UE4=\r\n=loBD\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.22-pr.195.ad2e27d.0_1683145217134_0.5887519272430057"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.22-pr.269.7d55a80.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.22-pr.269.7d55a80.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.7-pr.269.7d55a80.0","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.22-pr.269.7d55a80.0","_integrity":"sha512-5MmK3SXfDwnGhxceWAs21l7pd250vAfISRGUA70miWwUgw3rkgttlnW36gVnLG1yfqaOJapzsrFmDDiIcHemAw==","_resolved":"/tmp/4811a974124289c67cb41efea094ef7e/kong-ui-public-copy-uuid-0.3.22-pr.269.7d55a80.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.22-pr.269.7d55a80.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-5MmK3SXfDwnGhxceWAs21l7pd250vAfISRGUA70miWwUgw3rkgttlnW36gVnLG1yfqaOJapzsrFmDDiIcHemAw==","shasum":"d55bbcbdd72494ae067fef10a922ea156a6943d6","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.22-pr.269.7d55a80.0.tgz","fileCount":19,"unpackedSize":556790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHAYSCMhrILk1cRJwsJZidar34slm4V6JpXkbwAlGUTuAiA1jr1+8XWx70kEGMHr4M23Oor6TfgQisf0gCYYp0tmmw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkUsMMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo3Pg/9EoT2r82rGqWxoOLzs02nPCFrR0xJJPHSJe/cuhYuHLYew+XX\r\nSi7+MLYPtAk7xN6ZzZEGkeyLX6NVyGo628RbQearhHZcq4WWpQrIvknBBzER\r\naKh1se/k4ec0YmJvghy00IsFW6zyTmUR2Gaz6yRbTNa4UqigHI2RoG9yWA5n\r\nD2exvXedS0TDNuY5Zs0GgH/71GYkjcC32AvSy9r6diySd/7tGdY7XEcKb+Ru\r\nLf4lQ5kJZ3jt5tVyRdjI9LrYWRA1G1o9rI7IAg0XbjGKkcG9ccenWV840g2t\r\nWa/+5CH2hNBkCFg18YJ7Pq5kfCLdDiBeEabdfowpsWMzxaaOgVOjlUKI/0wM\r\nif9+oBCX79zaPY1cglYiVYCinBjXexoffjLsqNwF+EpewHsD7Vo01y/6BAzE\r\nyGdEWaUNxJoAS8Q0gLIBcWm7+itoa5KayTRFau/LxLEp7+aQ/8iZyqEgoAKu\r\n1kAndbKcVF+4jIMVdkjxIJqR5i39EmBeBqrvJPHZttl5QAxvIsTm5K9nay90\r\nEky0tYqaDz+H7FbZRDDEOqaytKyxtZxO3a55hMg2YS3tykSNDiEMeYZJJfgF\r\n0wQlrJvUXFjnPRuq6kjbuJtqunIKMH6EP4oqPhtWKHTc5XvVb+AQG40s0LcN\r\n2TOnpU564CiLvxbFgT7dqD9SMvlLGu9+trI=\r\n=oW9z\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.22-pr.269.7d55a80.0_1683145484023_0.816776016946035"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.22-pr.195.c51510b.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.22-pr.195.c51510b.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.7-pr.195.c51510b.0","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.22-pr.195.c51510b.0","_integrity":"sha512-QTwPXTwgIjplp2x+uP2phT1lmYgYxFbFGGXE8smMLdnlYADvUtBgK8P3W5mK247/2a7XOtlfvAMsfooUA0Sojg==","_resolved":"/tmp/c487628a8a941a276992d1748799bd87/kong-ui-public-copy-uuid-0.3.22-pr.195.c51510b.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.22-pr.195.c51510b.0.tgz","_nodeVersion":"18.14.2","_npmVersion":"9.5.0","dist":{"integrity":"sha512-QTwPXTwgIjplp2x+uP2phT1lmYgYxFbFGGXE8smMLdnlYADvUtBgK8P3W5mK247/2a7XOtlfvAMsfooUA0Sojg==","shasum":"6dfd00fdf011e5949dd6f5f72eb5fcb4120580fb","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.22-pr.195.c51510b.0.tgz","fileCount":19,"unpackedSize":556790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCvzXg5it2fy8LsTv/jGvmNSUswqpn8g4wAJ7kwvqjozAIgVWZsMrayyFrfkkulx11KEHKY8MRGIDmeOsLesE6LMtA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkUsQDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo7Yw//abWgwc+r+clR4SCB7bgseLD3ZQb8ZPCId/pV6tqZjEYXXPOD\r\nRrXVGnVh+3Vt+9NfYXpFPcbA9YQSP0jFGFEyl0dtMgVxc2sS7k4/LfCZal30\r\n6OKhnkBMk3UuO/ODzAdZZjUJtycZ4NTzxC2C8zGN+CYkHtgAVdrPy6fHJ89Z\r\nr0zy0RzwZJYBMSHgZv3e+kFp2Cokhy/EzltPf3yHRPlCwS3qcf35WySv/shu\r\n1asZcQKHVY5EfHz1KTkBigdLoAXp5P8Rtzfqaju8r9jm5i2OvYdXbT4Lprvf\r\n/zQ1HNbDi6C98O5tyV0PnlHMTh/O3/dobjAgTt4oE4mG5Hg0QtkjWprUbjki\r\nOTNa+Eh7MrwOyew8QLanZyA9aWyPXtFSgLlJQWJ40BEf4w9h5kUkO7qJj33E\r\n19LPP7VWhFsfMtWW3EyQEGYFivSKMzTUFbGJ6M7rsGfv9ojwhAqut7W5lh5t\r\nuwcH/e7oqQqtGATe0miW1xjggnNcrSDa9AXcUT8n6n49YTC3Wp/p6JX4XQTO\r\nAZ2+rYzWMPiTu785/II0qJSSHw7wa5QMgWLMgfLPow8UJgNUOfM5ZYoAVimR\r\nURWlZr0OmxoN68fCDf78bTSAVCsgYZGGKQoO7dUI+IP5jmESCVrDmAJjO9AH\r\nPD1x2fwKbd0v6/AZF3eLdPDx/5imNB/F3Fg=\r\n=wIiG\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.22-pr.195.c51510b.0_1683145730799_0.9161335362499874"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.22-pr.195.cfa3ef3.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.22-pr.195.cfa3ef3.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.7-pr.195.cfa3ef3.0","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.22-pr.195.cfa3ef3.0","_integrity":"sha512-eOtxMNv6NmKAAbgbGH2F1YvduFi4M81pyiNYEPZ5ReScMMOCiXt/9ylnLUDYV0iYRjdENogjiyJIJBAihv2Tuw==","_resolved":"/tmp/645cb1e64fb74f95ec412a5bb8268ef2/kong-ui-public-copy-uuid-0.3.22-pr.195.cfa3ef3.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.22-pr.195.cfa3ef3.0.tgz","_nodeVersion":"18.14.2","_npmVersion":"9.5.0","dist":{"integrity":"sha512-eOtxMNv6NmKAAbgbGH2F1YvduFi4M81pyiNYEPZ5ReScMMOCiXt/9ylnLUDYV0iYRjdENogjiyJIJBAihv2Tuw==","shasum":"4bdf645f01d1ca5a22fa672aa23d952f5b3d5f5d","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.22-pr.195.cfa3ef3.0.tgz","fileCount":19,"unpackedSize":556790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIF3fhN40vsHq99qNgQ2rqxgy/XjhMaTxVotj5mfQv7OzAiBOZZM1vHgwDCsjrcdHtIirPRkqmYSITL+DmqiuPHam9w=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkUwWYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoOjQ//ShszgSGd1ncWWxS8pgXMt467UvJNoA4mkF1Uq0qVnGTza+nQ\r\nVt9FtLqh/r5h/COhQeyDAW1vSqrmRvACZft+zfStfGBaf07mgN8/hSHfTKA3\r\nmHQN95MBxV9htWlx88YYJNd8V+6tMx+/7jReQArVRqU7PyjrwXd+URcnWJKm\r\n6IvvXG43t0c5qUHbZGryYrNJ4QWS4Ypy9pskPMQYlXZLnFo0zaC6LKnQMdSz\r\nBsJasgaesDlT+btfj2aoQ8I46mAiKFyxG9d49vXakl4uPEGw1mMzDUw9186H\r\nj+qzgh0TBWN2aoGTdSBKJqWZ38Fc8XTVIAdPudZJ69SJ5cwfEy66WOuHryFt\r\npSSJXUG0DdUGFbFuuJRuYhMUjbnss0evp18/w/yd3U2MVvdVeWIEV1c4pHc1\r\n2Gqq3YYJKNECTurfyzXhSIf4s5trxQDRK5tjppZtwoQpF/mqZ0devA996qUL\r\ncnUxp3opO+hV4Gxhi8V8twlGpvYyCCBuUg1mKWRphfiNZWJylF+cKbcaZCbk\r\ntsDImTcXC5q6faH4Y/zUQrbQk9gj8V5SF0RHtO20yxtzlA6+HnzgZrWg3vpX\r\naJKJYFcCFqBt0TvYPzWBnViIYJXCtFDpVSk6ODMvlT/Fpum70C+abvKonQ7h\r\nN73wooJamhTNFUXPUxuS/RQFn3dHncN0SD8=\r\n=LTie\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.22-pr.195.cfa3ef3.0_1683162520261_0.7601370086696959"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.22-pr.269.49cd77d.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.22-pr.269.49cd77d.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.7-pr.269.49cd77d.0","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.22-pr.269.49cd77d.0","_integrity":"sha512-tb/WU7uBFqNhVgA+8DBCyA3r62cgdh2OOZKpzx04ec0CemHJu4vhfn4Np+Go9Tfojl8IhOkn5B1qm9BtMb6UzA==","_resolved":"/tmp/f68d32746dcc4fab26f17cf56ca954ce/kong-ui-public-copy-uuid-0.3.22-pr.269.49cd77d.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.22-pr.269.49cd77d.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-tb/WU7uBFqNhVgA+8DBCyA3r62cgdh2OOZKpzx04ec0CemHJu4vhfn4Np+Go9Tfojl8IhOkn5B1qm9BtMb6UzA==","shasum":"42a11b9313de84f327c16d13359ab107b6e311c1","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.22-pr.269.49cd77d.0.tgz","fileCount":19,"unpackedSize":556790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICf5MUq+1wAJN6Wl/soFLNIxO27+E/mmBt+dPs/RHqOzAiEAx8Ko/7UXAaqKyO0JzFGBSZWu+hKyhOUFwMyLAUToGvU="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkUwZTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq+7xAAmsXDY1WAJKG7rRQtEtMzLK6mC9IJCI2RKK/xofJfgOU0UC0a\r\nQnTbjNCsstF6qhdu1hD0MuqyEfwKCGXCBMM5N6SsqZUQprA7efgh9HFEnREv\r\nhRBYp4fVGsh33/BKQ5aRA+RUinnXcR45YRBnQLXVVIJcF5l3oICplEABKEMW\r\n+OuONzppr6K/+8baM13lwn+bZy9NHMqXFVUSPa5EBpQWcVL4BAyz8KkTYpcH\r\nBofoRxeyRBZKxge7T8c8AM1G92zqBxNuU6I6i/3X8QtE8F8nyEA89BAtcf0C\r\nVKZIbndJMPEjHG46A8thw7kLd9PbAXbLo4oRYT5mvxo7KI9JvyNpE5slAHQC\r\nzfUt5BX3zQCaivz6LG8qLkjIB+Rb4xWzHrw+8VCLsn62/p7h1uESnAaoJo8l\r\nIRo4nPKRivX4xYLl3HbUDVY1c8AoXcSchu2th6MaURfO+4/Sz4JIm282PSaP\r\nq4mBu+witx1B5unUu4OOMeSdsve8YCUvkVaQygQVq4Om8XAxi29KH9Od5Yng\r\nxfVQL0aNdzK18Jcuar/CTxrkiM19JVLhXUJ+FwWIofv4qcwxsaYVrbSkzdEL\r\nHGMTqTs9YenidXC5vOcENRpC+IPwGg2Ij6B/fBD46uaZuNht7xsOoiysWaVT\r\n6H6iLCTyqUoz8mcGn2o+T+FEYngkKU7uNZg=\r\n=dTSf\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.22-pr.269.49cd77d.0_1683162707574_0.91827174326817"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.22-pr.195.ec2a113.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.22-pr.195.ec2a113.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.7-pr.195.ec2a113.0","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.22-pr.195.ec2a113.0","_integrity":"sha512-+ly1n3JvyDAK2pNetz0hfTUmedvSyN5QImG2dbi423b1+B/MBsv6Lawz0tRjVMLMdoENp/vyqonKbxYiHtwH/A==","_resolved":"/tmp/10cc89bd0bcc987e78a3314336cf642d/kong-ui-public-copy-uuid-0.3.22-pr.195.ec2a113.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.22-pr.195.ec2a113.0.tgz","_nodeVersion":"18.14.2","_npmVersion":"9.5.0","dist":{"integrity":"sha512-+ly1n3JvyDAK2pNetz0hfTUmedvSyN5QImG2dbi423b1+B/MBsv6Lawz0tRjVMLMdoENp/vyqonKbxYiHtwH/A==","shasum":"d1577ea4077b973d0755cef286b06621add1ce1c","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.22-pr.195.ec2a113.0.tgz","fileCount":19,"unpackedSize":556790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDFnBwdP3Za5uxEWiHO8QZCuJCxv+o3z8X33GA98zQemAIgd7EHhE5wMP0m14LSP1yI3XHzSQhu9XAxLIK1WDX7rqU="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkU31wACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpaew//Xs5p78SEXyw84OVGZtWIP/oZUnZkd9Oir7SIzQ7H02AbzSqq\r\nBu9ubf/YLOKCkgG51mzUz8LTikv+tSdwxHuTiExA9g5xWQY3Ec+HXptKVcK8\r\nAWaZ1hpYZCwe7i/0kJSXcxTzeJRMZBai1z7E8PeF5g26neZN4GmQtPtMQwTB\r\nJldIE9ckszD+tsga4xDsJhGsA/tHFaQASG8xrgTBRk/AXJi9Y/MNOA6jGEPG\r\nRMySgE3/gnk2jXxRQ50Jw73IBxZ2DXFSJcGCNQH8qjlN95LmJ0QVzm+FyEAj\r\ngmuydbfesC0m64FR2oxuV00/jIj2EAuz1IYcdRlZE7/7wWVqJeRXkCa3nmPG\r\nxoSNBrQTGf54ZOOpWV+Y4RZ2DPirfUTPH+EYyAdAxcImMUjC4wLhRMaHi229\r\na7NQ9AN8esaKa3dbt6Lm101w3qIfv+bIyrENSIMPFWqKCFmppKvLmWtnesnf\r\nnzyox5J1+a28j9uuhAAk9qqf29xBDG9nImZiocD5DYVcMmXplW43XqQtVdaC\r\nCMBA/NwWQJ9fspL1HuK38gWajF1W5Oe13Ss3NVq2aem59DpmwAoxocnYLGH6\r\nDBBsvfuQfFHDFHEu1HKnyUOO2v8j/T3eGglVIP5XKNIwnQL+3iOBsqQ+Etm8\r\n7KyRyU/uFYPyZTDVFmG3+C806BA5h1b1meA=\r\n=oLQM\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.22-pr.195.ec2a113.0_1683193199884_0.7982031160219192"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.22-pr.269.66b6b97.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.22-pr.269.66b6b97.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.7-pr.269.66b6b97.0","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.22-pr.269.66b6b97.0","_integrity":"sha512-sf2aUO7z0URtPYPltrbfy/SVGV4NMHH4k/hBLKHNVBXIkgfqqxUirSatWI0i0PAiUyYRVq+ifpksWuQindy+vA==","_resolved":"/tmp/823bba44f91ba0b67e82e4bf489eb56a/kong-ui-public-copy-uuid-0.3.22-pr.269.66b6b97.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.22-pr.269.66b6b97.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-sf2aUO7z0URtPYPltrbfy/SVGV4NMHH4k/hBLKHNVBXIkgfqqxUirSatWI0i0PAiUyYRVq+ifpksWuQindy+vA==","shasum":"d4d06074a581f6d5c38fdaa3fae06a3f7d061182","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.22-pr.269.66b6b97.0.tgz","fileCount":19,"unpackedSize":556790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDhfJAaGjIiltdnYJuAz3VRKmNPkB5kYq5w+Kd26XngCAiEA705EN7WnQMByyGgz02s3ToiiUMZEAzWRW2OSigCqz0o="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkU34oACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpUzQ/+OcckOQBfidI3Qsu75OE7NYw4mIh41JXUdhg6DWw3/qtlZudI\r\nXnxCRQVea3VqR0SSFcdmCPX6FmfHoeAZtAvTM1PklYDRvMbEXhELtJ23CaVL\r\nasGchNWGWFpUNid5fIWucHKQIf9cbnF/b16opY8tq+mx2VLneepSBZfsH8Cb\r\n+F5yoS0UDKQY9/XmCCf6z1Bf/qEJx1GIEhQvEckQSbzPoVaJJESWte52KrGA\r\nZgkw6WVNMpe90eyAlhg7mW5MsL6PKqZAK24OI1KmEt3uYaml+TwCAB8soQCo\r\nWzAtHZyuOmbvAmM6Qu3F/p13IlWy38bm9UNmajyIRzYkGDFC63nBCH154v5D\r\nyttoV8d4PFNlAn6WfaUxJma3/kCaBjXulXkxjISp1ZmgE6olP+5dbcndwJMW\r\ng965E0TyXlFHCSDPJC7XAYOmLyilbl4+sr0MK4dax1aUUZiyyh5Y/sjo+VAl\r\nNGq7ok0HXUzIhw1aMSuJvyS7zUjRvUV3bzH8DaMiZk54JcJ+0GS/WV3Q4/Cs\r\nrrsPhgZJPzWURlPkhJ9OxXaBdl29tUB+t9fiBxQLF4z45U9wSS2jVfkhd8rV\r\nAEeeRpToC22LQaLaCxVk+/rBylwGzCcv4pLvOcwiktCiqbVBQ1PSlmhl403d\r\nVMd7i7K5T2e68+oVdDuFrq9oqI0stkECfiI=\r\n=F9qD\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.22-pr.269.66b6b97.0_1683193384338_0.7963560147577826"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.22-pr.388.13df937.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.22-pr.388.13df937.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.7-pr.388.13df937.0","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.22-pr.388.13df937.0","_integrity":"sha512-4VTtombgaM6fQvpfiYSPi9QCk0dwmg2KKr50RlPdXvf/pEEZuXxVHIbkrH0sodmiQN9sxZhdCP1Ok7CnsSoCXQ==","_resolved":"/tmp/737381ee017e85b39a5391861d40dc9b/kong-ui-public-copy-uuid-0.3.22-pr.388.13df937.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.22-pr.388.13df937.0.tgz","_nodeVersion":"18.14.0","_npmVersion":"9.3.1","dist":{"integrity":"sha512-4VTtombgaM6fQvpfiYSPi9QCk0dwmg2KKr50RlPdXvf/pEEZuXxVHIbkrH0sodmiQN9sxZhdCP1Ok7CnsSoCXQ==","shasum":"ebdd7976397df03f44a0d0273bba54d274323792","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.22-pr.388.13df937.0.tgz","fileCount":19,"unpackedSize":556790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAevsnrqltByp9/WOJhthqrG0DH1koOb44jKLg0hl/8QAiBQ/4Q6v7SWSuMR5q0RZ57OlGhDBnu5l+aqkrAONnZnTg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkVAEfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqmjQ/9GMqsImKikJNBIw6ITkaFF/sKUeJJTJa2TLtPpTegBhPYzf7C\r\nFO+25yP2OyGwa/KDBifGHxRNd6I91ERrx4zrxwy3eYwfLqBPkkJkKdpo41tm\r\n7ml/1fkC1yoWvsrHYGx5V4TtHjDBCAbDoQ7AD88C1suGPjvsf1RO5lcv6iky\r\nkhS38GUJvCaNcInZt71H28Sw0Kp+R46T9d3hvVayX8VnHSO7k4f1HxUBtBkG\r\nIlY1tXC+HUreACvbuLkRJLi9Hjtz++ztbhCCeb8rpWAt3Hk/kXKfLs9EuTtG\r\ngQq7rgREq+RMsZsdgPjiUxlYwI6460syF9ZB6f4UQpNa3RWhkvte/l2Ro3B0\r\nE/cQU94iaA6WdCKHwWxwD2cSDGbDgayXLHu3ociEW3nQszhtkxdYviqm3ujC\r\nZRuK0JzIrIW7eyNV8yRj8FJF2bfFR6Fx9lx42aXhyXHxmYiIjGPdzWGw4X9f\r\nawJgWJRMJTD1x+6+Y0w2KfseqpMF9PEwKeK73QZZWo1hvb0iaQEzi8/MKvPw\r\nBVU8skjCvt+r371nF3viG7Q4fXN+ThDZbWQcNakOWeDUmuB0EfCVhtk97HYD\r\nc1mVBqRaaQkdZ5Lpa1Cy0/uLjS2O4OAkXuAMkRm/xaOCVRlIsVg9WWfWZOlg\r\nxz/s7ewIrMwNihvcGvWSFRdyxdfQxn0cBN0=\r\n=y//x\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.22-pr.388.13df937.0_1683226911453_0.3678261986908298"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.22-pr.389.c0b0893.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.22-pr.389.c0b0893.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.7-pr.389.c0b0893.0","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.22-pr.389.c0b0893.0","_integrity":"sha512-OUnxpqZi/MxeuSD4Pjn66hYMEfzUxbtyvwueidOAIxifrHF1oee73HKbJuY1ny7ZL/r855Vs33qiB8lAaJWY4w==","_resolved":"/tmp/f8b117bf75510a2eb40baa20c0db7c02/kong-ui-public-copy-uuid-0.3.22-pr.389.c0b0893.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.22-pr.389.c0b0893.0.tgz","_nodeVersion":"18.14.0","_npmVersion":"9.3.1","dist":{"integrity":"sha512-OUnxpqZi/MxeuSD4Pjn66hYMEfzUxbtyvwueidOAIxifrHF1oee73HKbJuY1ny7ZL/r855Vs33qiB8lAaJWY4w==","shasum":"89090927a7b8cc9d7ab4a312ea5d41b83679eda0","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.22-pr.389.c0b0893.0.tgz","fileCount":19,"unpackedSize":556790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICpFJhxYaJNGPTdSHwTrU7Ec/IjAgjZLc4SnpqMVfWVQAiEAwVovTPqvncVidJ1qRGvOsk7mQa6SF9DP2SZ+bVh0Mc4="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkVCNVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqNCBAAkDJyvhwObAReUn5s+C/fEZf/iLgk80/W/ArNXeP0zWn4kEsj\r\n+l9oCCxCDRmhbAfgFIdcV03x9jF5m534bnKwlor9H2uOiov2AzhzJMYopzcb\r\nLkT7a4hYSHsJmh2gcL9EzSvlVuqvAWxc+SsKjrALWIjOkIffZNB9bDrMJkf2\r\nkYDLO5U0rPmR3WM524pylz2ELh/XZonI9uG0U7WKEd1/6BAClaJY/+jZ/gzy\r\nsGOGXPmU6on9krAyPPytysLX1zvpyitmrwEpU5B0IenCGyVC9a5u45tkZQA4\r\njalEFG4Sw1UcaEPR//5+eyR1yoHWDa6HIm8X4hNwiUumjCLx126mLERKex39\r\nwlJcM6J++VFYo52VB0r1wrENa+Imu92gyksq++IBpFomgDkV+W4ANktV2/8B\r\njjtoZSBi/LcZH5+n2Ae2VaaotFibT3Md4bwa6zaBNNqQzPgBqr84vU4dxqEM\r\nWJAahVSwGGIIC/5XLhrX98b5glPfeqnnO2cPRGg7IVojvY1ks2xW3LjKOrM1\r\ndbBkab68KyNRuyW9CoO72TQj8th3X+fOKa7usLj3z7vEIMv/c9LaOMxgXmLm\r\ntWYcWonOP58hhnYxUt4sBhlBMnBYb2GVclOkEw/ErJTr8l4AeGb6Eeo1ln4U\r\n8R700RoaHapHCp4R85XricXSFfx6MQ79KDA=\r\n=HEKB\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.22-pr.389.c0b0893.0_1683235669716_0.3120215674032054"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.22-pr.389.596fa63.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.22-pr.389.596fa63.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.7-pr.389.596fa63.0","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.22-pr.389.596fa63.0","_integrity":"sha512-HU5b4wUPg3GR+opl+PDQMmCDFTt7tSS54qr8uPeIkISvJpCqf5OK5JDSh8iBcfe4lq5MMKqF8ig8t+W+ReNDDQ==","_resolved":"/tmp/7933d64e0dfb3228d1259fb5f8154664/kong-ui-public-copy-uuid-0.3.22-pr.389.596fa63.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.22-pr.389.596fa63.0.tgz","_nodeVersion":"18.14.0","_npmVersion":"9.3.1","dist":{"integrity":"sha512-HU5b4wUPg3GR+opl+PDQMmCDFTt7tSS54qr8uPeIkISvJpCqf5OK5JDSh8iBcfe4lq5MMKqF8ig8t+W+ReNDDQ==","shasum":"a0569690be4514af5158427684707f317a56befb","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.22-pr.389.596fa63.0.tgz","fileCount":19,"unpackedSize":556790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH1TWoP6iQdjDAlc+RCVkrK1DpzRaSML3463Oitstyd1AiEAkalZQ9MP4Pn/y130YnznQiWAkhCeXWP9tJ0spzmk4Ng="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkVCUrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmomeA//dgZFIxONlON1s0tTl8k+E5p9owgWv6iPyIidwk1iP6IWFsMw\r\nfl9yd9LBlz+kjS714oStq4pEeiDEv7jnhALB0qLK3R6tN5wyErxC1IoEk06h\r\n7H8uYgAnJoO+xXnZlwgnQ+0M/pv7Dx70L7prDyqtfkUW1tAk4hhZeS8zLIBK\r\nf+NCJukA87A7GxLgHp4VW3QUy2tL6ZYBr/aR/bOhvTAMLfOtuLPCj/Jvpl5f\r\nUPqk/LQHRxnLNu2yMxxrMI8aLfNdWr4u5WgaoWIzRIsE6S6reIQWoj6vq8qt\r\n7XsJtpYohwwTCAa6BXscIBdUGsAGUL8B9/IK5qzUg7QPKz2vuA8Uh5W8lSwq\r\ndhTirWJrVRDwJzgkBexVVJWdtOwPYjMzg/7dniHE8pJBvVwnX55gcU+RZyiV\r\nfAYDPxJI/aRnRGeYcV6Br9qPsO1itS2KcW50Bx9p/2pfGVR0uO7XCgR9xsyV\r\nBmPysF/lxppSDBg2R9B/g0tgh87ERDtuToj/i1XhMKT+DqGY6NzdHR4+DMe8\r\nusPQM6cUWIsaUiv7ig6NX57NhJ27hmIbMmT8yo3c+SgpoiAEj1qstIYbO5ZI\r\n2xjmRnugbdnafzLgi/lm6Y4bkXC7YJU1pxdTKtmOIm+xYzpf8nobW6vs40fm\r\nzyVcDAriAhoY+bBTIm/2JRHGwGLN/4DDv6s=\r\n=0h4T\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.22-pr.389.596fa63.0_1683236138871_0.576790715349706"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.22-pr.389.4efe7c1.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.22-pr.389.4efe7c1.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.7-pr.389.4efe7c1.0","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.22-pr.389.4efe7c1.0","_integrity":"sha512-Dh21rFzS2KJszNddrpKwDLYIEshurYwwe5SvB5gZES1luP9+FneHOj+rmz0Vn24Fepn1eiLzbht8ywRjOBPIHg==","_resolved":"/tmp/d0ce348aed83810401d25afa0a40fc40/kong-ui-public-copy-uuid-0.3.22-pr.389.4efe7c1.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.22-pr.389.4efe7c1.0.tgz","_nodeVersion":"18.14.0","_npmVersion":"9.3.1","dist":{"integrity":"sha512-Dh21rFzS2KJszNddrpKwDLYIEshurYwwe5SvB5gZES1luP9+FneHOj+rmz0Vn24Fepn1eiLzbht8ywRjOBPIHg==","shasum":"10f530b75f2fbbd181deec7e126476ba3542dced","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.22-pr.389.4efe7c1.0.tgz","fileCount":19,"unpackedSize":556790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCI7HpeXi0B09n7V/7CoKz1MKEBwMMVWSQ/9UBbfpl04QIhAP4C5MhcFsvE7u00VaQey3eeQ7y/PV3q10bIINGNO6lC"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkVCfWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoyJBAAjNg62yn3OEvPoxF+DVxgpWSzirumfbJukFXfy8gx9+5/Mi3c\r\nKu7e2DO7wWMVxS7phEkpnM+52Cx9uefrr1vnqs7MKNMofoX0gGd6GivksAhs\r\nByY/AtyCAvHFeDmCNXFa7vsavR9oTVS6kXlH//FWxBVk09TH73YHVbqX5Kh9\r\nLq6eXeUlQyChOICbllnq907pIKfOAl2J4w/cWbptuRB+oaZt3Qds8T8bubUe\r\nkkrl85SlJBNzu4oP+1UaYJaodOTGy/q3sfuc/GCdRkjnAy52+FLBEFFpYzFo\r\ndC0b83LszD5AUBA1RD2C9Bc+znz5RGSchogPiUFPqgXnNtqhZoDjOWujBpxR\r\nGaUydgWJW55QanCMJi4BMqkYlPun8CFHwWVWxwtV++4J6r6Qu5uYfp61yet7\r\nBUGHFRA8/SzqR6TKK2H/y0sCWGiB0VuYgRcn1wq0t6nYcGK8j61W/Dl9zXxR\r\nbRHTY5Fa3n1kPDNAAlw2yzQtblePg7G2C6UcRBeYqt1rQ9NlStqyy2XRmXhp\r\nRSrGYwcYDlBfkiIai2N21Uu9s7lJ0X8msrKWqSo6doxKC1BmncNwRYEFI+T/\r\nBnW9f1KApBK2Hs3YUG/2FnBZkjFQIIltX2IPRfqQuTg07yYWRF1zZfHhYrdz\r\nKYjgaJcgeO+iSaooeSd5gcAXpDTch1iojVo=\r\n=u4sA\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.22-pr.389.4efe7c1.0_1683236822752_0.7340236894450065"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.22-pr.195.823e648.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.22-pr.195.823e648.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.7-pr.195.823e648.0","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.22-pr.195.823e648.0","_integrity":"sha512-z3slg71ho5vXOKpju3mMCWex2mH1s4ZEQW3pyprX4VE8VPNvaKLKCySE+AlXsgAMDmIJn1kHTKvuJKnuHy+lhQ==","_resolved":"/tmp/84edcece872b51127c1ff0083624febf/kong-ui-public-copy-uuid-0.3.22-pr.195.823e648.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.22-pr.195.823e648.0.tgz","_nodeVersion":"18.14.2","_npmVersion":"9.5.0","dist":{"integrity":"sha512-z3slg71ho5vXOKpju3mMCWex2mH1s4ZEQW3pyprX4VE8VPNvaKLKCySE+AlXsgAMDmIJn1kHTKvuJKnuHy+lhQ==","shasum":"171e038bcb02105a986f56787cef2ecc208f62c1","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.22-pr.195.823e648.0.tgz","fileCount":19,"unpackedSize":556790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD0wk4LxMgNUMU0tAtwicRUi3bJ/+WZKTDEUDKTFlbjwAIgQMOKFbzFX4xpOa77yJBBj/1xa09kRVYGVkVCYyHn9YI="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkVD3sACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo6qw/+IsRfetfqgg3oCWUxljoTCQeAMHxKLMGNBnnonpBx9+TCSBrg\r\n83ZoxHibCnamuPgtr1/qcoi0rIBZvZl+XQgudGzs2/TTGbPCzIf1qHu80O7B\r\nmFo01TltADu7EPEAWPN5cXJHqZCLhu9P7g6e0YTPzoTk8PZNh3LPOkeUcPoM\r\nCk5b1BATgASvjokKHywpUp2s1BgO59TNO0+a1tYTLWSIMx8TjFW5RCA0jBXh\r\njrQaLWBJvKD4YGCvYD0cG7mCoo0F9TpQuMfH+I1rFozp0C1qXCXieFgb8gol\r\n8+VGmNxoJ4Fi/Nk5PNKCK1ICFCqoUoxK8BxS9/gZBO4ZQA693XO4XnAoS3s7\r\nRIqM3ic7+1XMQUrcKrUBuc1BIy9/iTc2QQAPFM6uo8lBG7+7G4YzelVhU1mG\r\nnW+padmAw5gbRFZFbKgVyc+DXhloCpSbsZonB5NMb6AQae22r8dt5DHM1zX6\r\nbxe6G5s3Or0zFCSoxSTCTJHfUaEoiOWrbRjxu5WUO8mClsSQTt+21HqfvNm8\r\n+aJwzonqdLNU0xecGn0vEP1Y/G+DxGBAOR+rEdPHV9QlqTrq9d87+EbXccX3\r\ntOiA1OR037Jcexv2Ab7sigNksvWxRY+9ejOmI/vQSOGBDyg3eYHnSvmDZjHN\r\nSaioTCJYWAT39/1OL9Hk5f0aDn0DCH7TU5Y=\r\n=KF9e\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.22-pr.195.823e648.0_1683242476735_0.23446983209412342"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.22-pr.269.3d81d3c.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.22-pr.269.3d81d3c.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.7-pr.269.3d81d3c.0","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.22-pr.269.3d81d3c.0","_integrity":"sha512-hEFnmhgMzJR8EEOiAqFhERPgDgbLLZ4o/DnQZKeTyt7IGTEaVjnMUUT9xWBmW6nRen5xiyzWj2EoK8jOLtYRGg==","_resolved":"/tmp/05b2abc9f9eac8b33c89ae58b52ef681/kong-ui-public-copy-uuid-0.3.22-pr.269.3d81d3c.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.22-pr.269.3d81d3c.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-hEFnmhgMzJR8EEOiAqFhERPgDgbLLZ4o/DnQZKeTyt7IGTEaVjnMUUT9xWBmW6nRen5xiyzWj2EoK8jOLtYRGg==","shasum":"db78be851ce6eb3b36a3532d3cbdee39549cf19b","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.22-pr.269.3d81d3c.0.tgz","fileCount":19,"unpackedSize":556790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQChk7GpQTecfI2RdU63Rsw7MaGHLWVyqwEjt/YkiLobswIgCDJc6XBcTHnpaD6C3hZ5yi1eCpw1Og5XdNq48GRBD6g="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkVD8kACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq7AA//V37k1tApbQb8V2XEQFdyXFCKJEvj81lfz4F6FBMypLHyiO86\r\neJr2TAM5MB2W+4F/GLJf8JYf3kD31ALzoMaCRJXLvhCmjAlSF+4WP8othEMm\r\nnlB6gyiugNoB6rXoRlANfcSdaZshNs7/c7IWLPc6/89K2B1Ec/LwKiu83UTq\r\nIrlXty2t5J/alxjS5Pe+8KEg8JUcpGnRIVOBRGS9zKI/0EXbJq1DW51SMnzb\r\n+6uNOJEw8SVkqDrfGiNQorASeh4VcKOixTBvDDuQxHwl0Wt4Q6n3BSDXkZwD\r\nRDTfCUbyJObDC9EVuD5+DfRohG8bTUREAEprR2Yd9BSMgZIbO+U6k5UNVbzI\r\nGNlKqepPW3ru/fmsZzgIGe0xJW1DdWlDlJpe/bofRnwVVrRgAdOU5mTGMm/R\r\nOEPjWAdLYMzEKJnbEpWanqvrasCHZs/8Pl4J4fVQYffPGkXlkprvz/4gY6Aq\r\nsa4+AaY075ru6BkZMxeDBpu86FA+2EPHJ1z5dyAKmWIRY6KWvdYAQX9IZKHw\r\nfBMV0c6xtLX7MCx0IxkMtEfFUwOy2TkDr74+5YuXaiXVMlZPZWjX1ued716c\r\ngIoxFqyOVj6flmCieQ8p7eEx3Y2mgIpCgm0ssA5fTw8K5YQZTtahd7uOYMZv\r\n1qMwWFp0M0F3LZGVOCd1tiAS+L34QvAZw48=\r\n=A+1Q\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.22-pr.269.3d81d3c.0_1683242788253_0.7941891483452557"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.22-pr.269.ba1fb26.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.22-pr.269.ba1fb26.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.7-pr.269.ba1fb26.0","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.22-pr.269.ba1fb26.0","_integrity":"sha512-hqbsjz43FXfWVnOMdyrVfi0ZvW8yBcIniPVkbhEoC6OmN5N8EVE6lB+Tgm2JS4Ni+of0ZODERm7ELhM6Y4cdkQ==","_resolved":"/tmp/2483f9dc8c723460c73f665442488434/kong-ui-public-copy-uuid-0.3.22-pr.269.ba1fb26.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.22-pr.269.ba1fb26.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-hqbsjz43FXfWVnOMdyrVfi0ZvW8yBcIniPVkbhEoC6OmN5N8EVE6lB+Tgm2JS4Ni+of0ZODERm7ELhM6Y4cdkQ==","shasum":"546a113e7ee6f82ef608fb91faf4a49f6c0d1304","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.22-pr.269.ba1fb26.0.tgz","fileCount":19,"unpackedSize":556790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCPMK+HOXUazbnlu6PGthOqv27A8uNi22T/YABwZbo/mAIhANESY2SL1bMFW+/U7/C183mWq4VKZu4zhOh79P/G5kW3"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkVG35ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpcFw//bUJi2DdH4fVVLyqulkTPx00HcOSFNku1Dn8qoEr5nfSAaroG\r\nod0QCxsTKnKokHmyUqQTu7hmg8FwWrCRx6/U51GJR65MUleo+lb+T2K6w0lr\r\nN13AK80U7Ub09xhlHn+VPLmDPSgrr6dL0qZr2OI95t9fLmTbZN/x29XPw2sq\r\nmRTeypQbaLwUxAsNPo4/AAwTLL4sr4Q1YwEJk6wl0EjZuvVbiXPh1sm0WRW1\r\nkppA5fzzhdeutVJEiH4uUZuTrVVoSsuxM+lCtN5iLQoDDNznxFvJiw7P/IMN\r\n7hFfhz6RxXRAbZUsSr3h0H5nhrWjfS70pMe8ovFdi/ugWXMjIwq1v8yDkPzL\r\neOO1WgrxAl1ADEB/9PomL6kPQAAUW2FLx0Pz1MvJV/ZlMNnDaUaZb1pLJIxa\r\nKFdd7U/d8XIULp8t4YRKywv+Oq52ZGxa9tCs8G1GlKUA0d3CsnkzT8ee44Hf\r\nqC4vIlLTs8y36VAF6eHbRgbeipcUw2YNpYC8JNzqV4NLAGo2qKGTESe+McMV\r\n/FjI4sTqoUrfstyF8X0z4CWplJXn0kJqpa5eZVQZFYuw79zbB32fsxhIhUF7\r\nt/Dtn3Ak+Vf2+aIKO2cfI3awI58Pl8smdgoXstdBAyhsdwJbFAhTvEzzoNoY\r\n7qfyLQJ4hZuBmZp/CiKBtlsG6zwasL6hfXg=\r\n=vQ5M\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.22-pr.269.ba1fb26.0_1683254777531_0.12636084232216804"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.22-pr.391.c86bf3f.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.22-pr.391.c86bf3f.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.7-pr.391.c86bf3f.0","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.22-pr.391.c86bf3f.0","_integrity":"sha512-SKbdTACsxTd392cfEu5a2GDGT4UWl2GyGKLTlXkkwmbv3dkQ4GrmWO3vzXu52sBjayKXuXikGD285YJMmbQagw==","_resolved":"/tmp/02daba80c35d8c6db34fd7d117c80dbd/kong-ui-public-copy-uuid-0.3.22-pr.391.c86bf3f.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.22-pr.391.c86bf3f.0.tgz","_nodeVersion":"18.14.0","_npmVersion":"9.3.1","dist":{"integrity":"sha512-SKbdTACsxTd392cfEu5a2GDGT4UWl2GyGKLTlXkkwmbv3dkQ4GrmWO3vzXu52sBjayKXuXikGD285YJMmbQagw==","shasum":"3d6d66b201f0609bcce6c8d4e4938bb2a4984668","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.22-pr.391.c86bf3f.0.tgz","fileCount":19,"unpackedSize":556790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAiefXoERN7bh6UI4sidIjce09aynbr8YEO9J8Pypx9BAiBCLCw0aIFckBbUmIWWZT3XqTIN7Koxr2oZe26mJaXrvQ=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.22-pr.391.c86bf3f.0_1683285371871_0.7892789464469179"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.22-pr.195.5b71ce2.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.22-pr.195.5b71ce2.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.7-pr.195.5b71ce2.0","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.22-pr.195.5b71ce2.0","_integrity":"sha512-CqF5chYhXsUzev2sH78QuTd8ut7Te5V6DRkMPESc2K97feydw85OetLPVhn2ykNOVDiaPTJocqc/hOMcO6d64g==","_resolved":"/tmp/b60a4b52618629eff16609c3d9fd7e6b/kong-ui-public-copy-uuid-0.3.22-pr.195.5b71ce2.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.22-pr.195.5b71ce2.0.tgz","_nodeVersion":"18.14.2","_npmVersion":"9.5.0","dist":{"integrity":"sha512-CqF5chYhXsUzev2sH78QuTd8ut7Te5V6DRkMPESc2K97feydw85OetLPVhn2ykNOVDiaPTJocqc/hOMcO6d64g==","shasum":"bcaf01278b10fad02bdda72af15972cef78aa939","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.22-pr.195.5b71ce2.0.tgz","fileCount":19,"unpackedSize":556790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCHQjwDSRYTpKGI+52NomakxhyPlq6BNn/su2m714M0owIhAOCSimNTKKJvLh+3wtDcBEKWm4Sf5DRXJ/Wdkz2kiwQN"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.22-pr.195.5b71ce2.0_1683286070732_0.32286744056350547"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.22-pr.269.1265c47.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.22-pr.269.1265c47.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.7-pr.269.1265c47.0","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.22-pr.269.1265c47.0","_integrity":"sha512-voAXGSJ3nMoPLdnH1VHh2Pd9m6WIMoJJdk5yPG67Ore7MAycth+82RZvcXg/Y4+f6Fgi+NWZFuKlDin+JZNG9g==","_resolved":"/tmp/3699ef5ac02d3313456da1d19f12ec94/kong-ui-public-copy-uuid-0.3.22-pr.269.1265c47.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.22-pr.269.1265c47.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-voAXGSJ3nMoPLdnH1VHh2Pd9m6WIMoJJdk5yPG67Ore7MAycth+82RZvcXg/Y4+f6Fgi+NWZFuKlDin+JZNG9g==","shasum":"a6b653455e18951a6eb66669b450cdad5a9e5b8f","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.22-pr.269.1265c47.0.tgz","fileCount":19,"unpackedSize":556790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDKt1eKzb/vRhIpASAvqhhaNYZUONFeD9UUFLtJNG1hUAIgA0RCAWOB5bXmzuGtZv8VfeKRlUUGNIO388D0z6SIJ8o="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.22-pr.269.1265c47.0_1683286221962_0.768194408378974"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.22-pr.392.75c6338.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.22-pr.392.75c6338.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.7-pr.392.75c6338.0","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.22-pr.392.75c6338.0","_integrity":"sha512-+weqlr0f74uU/Mxc0WkPwFFfqivpjPI/dfXetcYhzXQRAPmF6EZSyzb8FqviHgOSYGYRRxJv4HcPWE2xvixueQ==","_resolved":"/tmp/95cf3b515145d14b06cd7afec5a64eac/kong-ui-public-copy-uuid-0.3.22-pr.392.75c6338.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.22-pr.392.75c6338.0.tgz","_nodeVersion":"18.14.0","_npmVersion":"9.3.1","dist":{"integrity":"sha512-+weqlr0f74uU/Mxc0WkPwFFfqivpjPI/dfXetcYhzXQRAPmF6EZSyzb8FqviHgOSYGYRRxJv4HcPWE2xvixueQ==","shasum":"7436e13fb87bf8f580607d7e0fcb8cac320e873e","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.22-pr.392.75c6338.0.tgz","fileCount":19,"unpackedSize":556790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB79Qylt2ysWCV6twonIPggCqJjoI7w2sRJxIIUSYv3jAiAQMxyBA4QgtnBjkgfkl2iZfjMFQb5rJDk7begkpiGJ1w=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.22-pr.392.75c6338.0_1683299211400_0.8592851235491497"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.22-pr.392.6a1f022.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.22-pr.392.6a1f022.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.7-pr.392.6a1f022.0","@kong/kongponents":"^8.56.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.22-pr.392.6a1f022.0","_integrity":"sha512-8+A6S67MO9avBVKZh1QIVnjolLN+nzssAXEs6zgxaL3jH7DJuxQ+qbWLOW9Lofst5jtA/2tDMg4nyVvZo3rVxA==","_resolved":"/tmp/9bc7e5216fd0c511ea7f6c81a8a49a78/kong-ui-public-copy-uuid-0.3.22-pr.392.6a1f022.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.22-pr.392.6a1f022.0.tgz","_nodeVersion":"18.14.0","_npmVersion":"9.3.1","dist":{"integrity":"sha512-8+A6S67MO9avBVKZh1QIVnjolLN+nzssAXEs6zgxaL3jH7DJuxQ+qbWLOW9Lofst5jtA/2tDMg4nyVvZo3rVxA==","shasum":"24817c9137a3ca71294dee556435b23f2e0e843f","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.22-pr.392.6a1f022.0.tgz","fileCount":19,"unpackedSize":556790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH7jG5z8GC3Wu5kPzrViJuYc0EhAcsIEQz95SyxXh+JZAiEAp+eMmIU9NpWfiNxe3yQieg6abUrSGC0GkgNQjIuxTrw="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.22-pr.392.6a1f022.0_1683300164761_0.7827093900321547"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.22-pr.393.c681fdf.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.22-pr.393.c681fdf.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.57.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.6","@kong/kongponents":"^8.57.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.22-pr.393.c681fdf.0","_integrity":"sha512-gyo2H3bU82a0Hiw1uftqTe3m32zlBW8bbOEdppZdaLsN4DK45/ZQGroM4o0XEBPon2hYTazmbqL1omrKgJk4EQ==","_resolved":"/tmp/70f66fbba7046922e8d9a76127e6de49/kong-ui-public-copy-uuid-0.3.22-pr.393.c681fdf.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.22-pr.393.c681fdf.0.tgz","_nodeVersion":"18.14.0","_npmVersion":"9.3.1","dist":{"integrity":"sha512-gyo2H3bU82a0Hiw1uftqTe3m32zlBW8bbOEdppZdaLsN4DK45/ZQGroM4o0XEBPon2hYTazmbqL1omrKgJk4EQ==","shasum":"25aa08186723e476143abbaf3a73b9b5b6b2c74b","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.22-pr.393.c681fdf.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC/O4c0yBwoQ/DCHLh6auM48qF9xmPL4LiVi392FEtQywIgBxrsZyCYYMUm+cTq9qsEZD5Txzn7zJTkyM+PSkRiI4Q="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.22-pr.393.c681fdf.0_1683303241064_0.22441985040455603"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.22-pr.394.1095433.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.22-pr.394.1095433.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.57.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.6","@kong/kongponents":"^8.57.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.22-pr.394.1095433.0","_integrity":"sha512-bP9EpkHKf324HBk+PAQezUcxWdP3xBIJ0bMgIvn/0V2J9Qlz/wR37cGc0fLH8e2bJsQof/a6/jzJw7csGyneVg==","_resolved":"/tmp/1d902369e75c469daa1dacb10bc9b1b9/kong-ui-public-copy-uuid-0.3.22-pr.394.1095433.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.22-pr.394.1095433.0.tgz","_nodeVersion":"18.14.0","_npmVersion":"9.3.1","dist":{"integrity":"sha512-bP9EpkHKf324HBk+PAQezUcxWdP3xBIJ0bMgIvn/0V2J9Qlz/wR37cGc0fLH8e2bJsQof/a6/jzJw7csGyneVg==","shasum":"f2d566ece0cdd7bc7edb4d06d7bae53dc3f1d162","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.22-pr.394.1095433.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG/zQSLHj5H20/qdzvL+NHhdySrXVP7B0RT3dZE7C4S/AiB1aLaNsGsYaHZlDQOtxtb+7iZYb4jaY95iahKBwb/lzA=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.22-pr.394.1095433.0_1683304164969_0.06485970590325452"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.22-pr.269.d99aadd.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.22-pr.269.d99aadd.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.57.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.6","@kong/kongponents":"^8.57.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.22-pr.269.d99aadd.0","_integrity":"sha512-+2lpHm6XQVF+jhRujniZtsPT8NspFx6AQ1OQqRACF2TjJUcm6KZzAvJ2inVOTHFKhL522KdebkJAciCPxMex4A==","_resolved":"/tmp/a016d5f82f82b98c54a85aac620c5e3f/kong-ui-public-copy-uuid-0.3.22-pr.269.d99aadd.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.22-pr.269.d99aadd.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-+2lpHm6XQVF+jhRujniZtsPT8NspFx6AQ1OQqRACF2TjJUcm6KZzAvJ2inVOTHFKhL522KdebkJAciCPxMex4A==","shasum":"c300d159dc6d4a5321b3248e9309a46249c7e409","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.22-pr.269.d99aadd.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCIY/u1hF55H/Zptlz6jfKJ+39diau2u2IYQlQTD7rlEgIgA3ROdgH0TKyNdq2lTePMyJo0nM11iARJchnHO4JAtE0="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.22-pr.269.d99aadd.0_1683304418731_0.41418979770557485"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.22":{"name":"@kong-ui-public/copy-uuid","version":"0.3.22","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.57.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.6","@kong/kongponents":"^8.57.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.22","_integrity":"sha512-sk4S3+LiiPwx4Nd6Y9CPmKBVvy7tpM5TBVai8ROmS8na8uH3vdHch6LE8jmlW3m5onF2ZlAQ5FkhM5DpXaxgVA==","_resolved":"/tmp/1193b741b6cefdda5fabfb88994e4e60/kong-ui-public-copy-uuid-0.3.22.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.22.tgz","_nodeVersion":"18.14.0","_npmVersion":"9.3.1","dist":{"integrity":"sha512-sk4S3+LiiPwx4Nd6Y9CPmKBVvy7tpM5TBVai8ROmS8na8uH3vdHch6LE8jmlW3m5onF2ZlAQ5FkhM5DpXaxgVA==","shasum":"f0bb2554a5a2b0bee9f3991d1e603a239bcdb536","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.22.tgz","fileCount":19,"unpackedSize":556756,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCkyBgQ6ohwMixj27zb1WjuYTzaLTyNHFJSLqmVk1MGggIhAOqQtMztMThKZK3RzpGAyf45Tp3sQxH5v9Kv6jvaP5Xo"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.22_1683304641341_0.5507330946075317"},"_hasShrinkwrap":false},"0.3.23-pr.395.582c894.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.23-pr.395.582c894.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.58.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.6","@kong/kongponents":"^8.58.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.23-pr.395.582c894.0","_integrity":"sha512-R+y50ZrefjFvE0YZ9HPp38Z+UX/fAiV+YM8/cLShOY08ISOlMJisRwQe8zu57tGjYBG8+kAWIlERtpSQKW9q/A==","_resolved":"/tmp/6a73768e173e3efb693f1c16a5f27fbf/kong-ui-public-copy-uuid-0.3.23-pr.395.582c894.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.23-pr.395.582c894.0.tgz","_nodeVersion":"18.14.0","_npmVersion":"9.3.1","dist":{"integrity":"sha512-R+y50ZrefjFvE0YZ9HPp38Z+UX/fAiV+YM8/cLShOY08ISOlMJisRwQe8zu57tGjYBG8+kAWIlERtpSQKW9q/A==","shasum":"b8a36dc28c6ca37151b70e225c4db5df43e7b9ac","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.23-pr.395.582c894.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCPzYmZNmGArLZMTVL1DUrMo3/o8pIMnU1ZFJ5DNxgUHAIhAOtscfe8h9TWk+wt/K7JwoBI4n/bNaTXgKXISoFZmgA4"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.23-pr.395.582c894.0_1683317040921_0.20736055797902786"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.23-pr.269.7335f51.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.23-pr.269.7335f51.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.58.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.6","@kong/kongponents":"^8.58.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.23-pr.269.7335f51.0","_integrity":"sha512-8MgoIkthO6jmNCCSafxGbDujbRgH14G/xis20AEsQhloBpBo+p/v5gx1mTM+1snqjRdgORe/M81HaNajY8Toag==","_resolved":"/tmp/e9be5097491ad37a0a1f6d77436b3a63/kong-ui-public-copy-uuid-0.3.23-pr.269.7335f51.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.23-pr.269.7335f51.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-8MgoIkthO6jmNCCSafxGbDujbRgH14G/xis20AEsQhloBpBo+p/v5gx1mTM+1snqjRdgORe/M81HaNajY8Toag==","shasum":"8c1b4eb7baf1f37191a1e88b041ad0edddaf4cd8","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.23-pr.269.7335f51.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCKwiQWZSuyCXSkadzj8hhBdLq2eSOZOtfFk95zI8wdlQIgVTuKdttWA2yOupL1PSQ7rF3qWRcTbS7W9uZ8aHC8dDw="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.23-pr.269.7335f51.0_1683317669444_0.08322830595744346"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.23":{"name":"@kong-ui-public/copy-uuid","version":"0.3.23","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.58.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.6","@kong/kongponents":"^8.58.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.23","_integrity":"sha512-FuN4GhJh56jEh9ce5Ipztyb8VC2jBdUvKK0Sl9QkSznrvfdAYtWBOrNtl5LYsXshH6w5izTiPtzzikRJtmJqaw==","_resolved":"/tmp/5b24e18a46d1f68df69891f60ac5de72/kong-ui-public-copy-uuid-0.3.23.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.23.tgz","_nodeVersion":"18.14.0","_npmVersion":"9.3.1","dist":{"integrity":"sha512-FuN4GhJh56jEh9ce5Ipztyb8VC2jBdUvKK0Sl9QkSznrvfdAYtWBOrNtl5LYsXshH6w5izTiPtzzikRJtmJqaw==","shasum":"7fb09325fd5d8a604981f243cf0079444ee6dcc8","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.23.tgz","fileCount":19,"unpackedSize":556756,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDvAyO7jTw4S4W/ADzBiEEGoxGA7MPKLCQpPY96kB/19wIgVCveltJXARaytokGXxb1+z9k+50MyaPcRqx7/yMs03A="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.23_1683317691192_0.9570962423006844"},"_hasShrinkwrap":false},"0.3.24-pr.400.3915c56.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.24-pr.400.3915c56.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.59.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.6","@kong/kongponents":"^8.59.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.24-pr.400.3915c56.0","_integrity":"sha512-05b21IjhUngRyTBE/nNMFq8ZKoHupBDB4GFuqKU+tpl/3DQxjCtAM6mDk7TtllN+zve9+UpkrpnhwiVs/k3/bA==","_resolved":"/tmp/59b0cd94180eaa683c0e1bfe9eed9dcb/kong-ui-public-copy-uuid-0.3.24-pr.400.3915c56.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.24-pr.400.3915c56.0.tgz","_nodeVersion":"18.14.0","_npmVersion":"9.3.1","dist":{"integrity":"sha512-05b21IjhUngRyTBE/nNMFq8ZKoHupBDB4GFuqKU+tpl/3DQxjCtAM6mDk7TtllN+zve9+UpkrpnhwiVs/k3/bA==","shasum":"bd5837443db9b3a38a5de4d345744ec660b08d0f","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.24-pr.400.3915c56.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICNKI3Rwq+Mcidx4Lp/slLWvXc0gROnLyTVijEm7b9FsAiA6eGWVLt94dkAEvXDygdMFmpftwt4mgbfFo+uzc4MXHA=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.24-pr.400.3915c56.0_1683555525872_0.22788922477194684"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.24-pr.269.bab1f76.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.24-pr.269.bab1f76.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.59.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.6","@kong/kongponents":"^8.59.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.24-pr.269.bab1f76.0","_integrity":"sha512-KxkIobKGsF/UoNwpl2QFdaOHQ2aDBZi3A4nK9bVQdAvM2tjAR7WQTzW2TNV6zLy2d1DnUzFUDkIOA8/YpZCpgw==","_resolved":"/tmp/5b9498d445f3397ab4e9a706a95c3875/kong-ui-public-copy-uuid-0.3.24-pr.269.bab1f76.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.24-pr.269.bab1f76.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-KxkIobKGsF/UoNwpl2QFdaOHQ2aDBZi3A4nK9bVQdAvM2tjAR7WQTzW2TNV6zLy2d1DnUzFUDkIOA8/YpZCpgw==","shasum":"9935b5cfca2a9e787ed562c73b4737a94f90484a","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.24-pr.269.bab1f76.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEeExQ2ebG+w3vhDj6rmtz5/uo3rSOIwBFfmG36zTpWeAiBdyozNCbaTTcqp9pPA3Ha6YcKS5BvoV9QBChy6CSm3yQ=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.24-pr.269.bab1f76.0_1683556441897_0.5034894949322701"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.24":{"name":"@kong-ui-public/copy-uuid","version":"0.3.24","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.59.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.6","@kong/kongponents":"^8.59.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.24","_integrity":"sha512-MUNYyichxmhHLTYjnvFQjKSKz+64cL4Jbe+vgb9KPaaO2fH3BkQlxD4dKy+mvjZSlknU5mYcE2L+/ptm1Dd1Ww==","_resolved":"/tmp/a44c6a479153e7bc9035ac230c168ecc/kong-ui-public-copy-uuid-0.3.24.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.24.tgz","_nodeVersion":"18.14.0","_npmVersion":"9.3.1","dist":{"integrity":"sha512-MUNYyichxmhHLTYjnvFQjKSKz+64cL4Jbe+vgb9KPaaO2fH3BkQlxD4dKy+mvjZSlknU5mYcE2L+/ptm1Dd1Ww==","shasum":"178452cb67f1695d0d53e19f6aa8a0779dc3c70d","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.24.tgz","fileCount":19,"unpackedSize":556756,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCJ5jADA1/cfJshbhxw4rdj66ne3Ys7hV3lN7dKFWnWyAIhAJX3CXoSVTbTlKGSFdit8NlSXT6AvT5mvHV0VerHJ17Q"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.24_1683556453774_0.6316068774172949"},"_hasShrinkwrap":false},"0.3.25-pr.403.ba23873.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.25-pr.403.ba23873.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.60.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.6","@kong/kongponents":"^8.60.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.25-pr.403.ba23873.0","_integrity":"sha512-rkBEWqssWygBRXylABVBn43RVoD2JWMOiUGBojbbdowuPdL2RC4tXOc4st/lCl7bH9qhKn4nn7gaYWsntnZQKw==","_resolved":"/tmp/770a8d7fafc7a1d08098f1fe506bf0b3/kong-ui-public-copy-uuid-0.3.25-pr.403.ba23873.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.25-pr.403.ba23873.0.tgz","_nodeVersion":"18.14.0","_npmVersion":"9.3.1","dist":{"integrity":"sha512-rkBEWqssWygBRXylABVBn43RVoD2JWMOiUGBojbbdowuPdL2RC4tXOc4st/lCl7bH9qhKn4nn7gaYWsntnZQKw==","shasum":"069dd7eb59b0e132e870bb1094d1af7af7d314cd","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.25-pr.403.ba23873.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID3KtFcjnEPwHNomNTRAO7RrGEO5X6kW7zGJs8EgxPwCAiAjoulFjJH/1Vn07fChmvgwAOj+oIWztVUjMkmaKyhYkg=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.25-pr.403.ba23873.0_1683575993316_0.9303363070394524"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.25-pr.269.6efa407.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.25-pr.269.6efa407.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.60.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.6","@kong/kongponents":"^8.60.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.25-pr.269.6efa407.0","_integrity":"sha512-9xReyUe+02+KSVAUvyJx6qb1ipTknqbTqJZgkQWxFT6DxzRLjMCzFbgqouOA0IwGAuFiIrf37rrhpOV8iMwvOg==","_resolved":"/tmp/6967977a9640be1a89cb14c526112056/kong-ui-public-copy-uuid-0.3.25-pr.269.6efa407.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.25-pr.269.6efa407.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-9xReyUe+02+KSVAUvyJx6qb1ipTknqbTqJZgkQWxFT6DxzRLjMCzFbgqouOA0IwGAuFiIrf37rrhpOV8iMwvOg==","shasum":"4397a5ce64e633b8333d5f04fb8a878a65949859","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.25-pr.269.6efa407.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA0HjA9ritQbbdqhuK0r+kk6BZupv+KrSWSgGFoNwEhaAiEAzkN5jII+SeKoJhR651lX1rtg710Re2EfhlYg+ALzgyw="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.25-pr.269.6efa407.0_1683577391131_0.7074135661379124"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.25":{"name":"@kong-ui-public/copy-uuid","version":"0.3.25","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.60.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.6","@kong/kongponents":"^8.60.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.25","_integrity":"sha512-hZoTdiVg59pG00D6B7WCv/OVWCqXE4FZnCIaUuyDZUs5JRip1qfzL7uJb+7WRAThrmK7HutXJEg2xjKYDaOFbg==","_resolved":"/tmp/3c83c6a5a9eadb921abcf48a95ef6eb9/kong-ui-public-copy-uuid-0.3.25.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.25.tgz","_nodeVersion":"18.14.0","_npmVersion":"9.3.1","dist":{"integrity":"sha512-hZoTdiVg59pG00D6B7WCv/OVWCqXE4FZnCIaUuyDZUs5JRip1qfzL7uJb+7WRAThrmK7HutXJEg2xjKYDaOFbg==","shasum":"aa3922e8301b7fd841526c8467e12bf9de200436","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.25.tgz","fileCount":19,"unpackedSize":556756,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH2o3wPghrynAf20sARhNu+UN3aQDUFeVcI/o+16dMc7AiEAhF+NVldOVHLHLgtSTiALk+3dgeks3WHcTagscpuhSfg="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.25_1683577862081_0.024365532825050495"},"_hasShrinkwrap":false},"0.3.26-pr.404.9062606.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.26-pr.404.9062606.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.60.1","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.6","@kong/kongponents":"^8.60.1","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.26-pr.404.9062606.0","_integrity":"sha512-YW+e9JhJYTVBK5xaY5vvb1hT4VqYlUSqFDObTSWrkMMX1OwMCv/+ybQeV5UiTFXoE1iIffr/H7R3aWJWkYtq4Q==","_resolved":"/tmp/c16792ea6569328732afc80e7012179a/kong-ui-public-copy-uuid-0.3.26-pr.404.9062606.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.26-pr.404.9062606.0.tgz","_nodeVersion":"18.14.0","_npmVersion":"9.3.1","dist":{"integrity":"sha512-YW+e9JhJYTVBK5xaY5vvb1hT4VqYlUSqFDObTSWrkMMX1OwMCv/+ybQeV5UiTFXoE1iIffr/H7R3aWJWkYtq4Q==","shasum":"5adf9cf86be82bca33165f03b8a90e028482c554","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.26-pr.404.9062606.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAoZKVSLUUy6a75iiXHGceYRO443ZaT4OER1liAlbUgvAiBR4rlHKay5xwz7PxV8a93MVMgUDx+Ejg2BD2L57T+aUg=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.26-pr.404.9062606.0_1683596520979_0.516115867441173"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.26-pr.269.708ae8a.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.26-pr.269.708ae8a.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.60.1","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.6","@kong/kongponents":"^8.60.1","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.26-pr.269.708ae8a.0","_integrity":"sha512-G9U4hlYOVrCJ8Gko0MBl3ePZTUTvxLIrIOxRq9TzjCF5u1vo8GioI0nOKP4h2efhO88lvr7u0xdEQAJXWyAS5Q==","_resolved":"/tmp/e3c094082fb6a6a36fbe7ffe43dcf3a3/kong-ui-public-copy-uuid-0.3.26-pr.269.708ae8a.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.26-pr.269.708ae8a.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-G9U4hlYOVrCJ8Gko0MBl3ePZTUTvxLIrIOxRq9TzjCF5u1vo8GioI0nOKP4h2efhO88lvr7u0xdEQAJXWyAS5Q==","shasum":"02042b993a20d2a128c351b1b500143e89186d5b","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.26-pr.269.708ae8a.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICmU/pEhAL9Q6K48Y6nYnxzxfnVJkiguTbFWErTTxhZcAiAmMU65jv0ZEVAVyRGJlY1ahSoUMY5XYecgA/W5XSlPQg=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.26-pr.269.708ae8a.0_1683597236183_0.7581129453698272"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.26":{"name":"@kong-ui-public/copy-uuid","version":"0.3.26","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.60.1","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.6","@kong/kongponents":"^8.60.1","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.26","_integrity":"sha512-FP9b3R84WMcAXKmAeDvlP25HQrKp8v2ltCSCubrp9EBvd0WHmVzr7+KEzhKNdhh5T00Tdi/KjQ3gFBT3CEsKtA==","_resolved":"/tmp/c1aea74d105a1c8958d42bccc592c84e/kong-ui-public-copy-uuid-0.3.26.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.26.tgz","_nodeVersion":"18.14.0","_npmVersion":"9.3.1","dist":{"integrity":"sha512-FP9b3R84WMcAXKmAeDvlP25HQrKp8v2ltCSCubrp9EBvd0WHmVzr7+KEzhKNdhh5T00Tdi/KjQ3gFBT3CEsKtA==","shasum":"c9e2eda625f13495ac053b93f4ccafc4afe38956","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.26.tgz","fileCount":19,"unpackedSize":556756,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCb4f4wliPvzsl104lZs8DcdxstibpAqd4zdDNEKsVj5wIgKGuBZx8UcScTTb6ruO20HqcI6z3Tqbmbq/vFrmDtlMI="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.26_1683597267840_0.6935243024923514"},"_hasShrinkwrap":false},"0.3.27-pr.421.1c7d0f8.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.27-pr.421.1c7d0f8.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.60.2","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.6","@kong/kongponents":"^8.60.2","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.27-pr.421.1c7d0f8.0","_integrity":"sha512-11BIDgGzYe8g87mS3fbwuhERLntOolwlwJ/boBZh2r2Y0n86CSMYqjUsNzbIrO6ad+LJ4BkRwqwpBq7jsBaJsQ==","_resolved":"/tmp/2d30af6cc8f5a53b1686af78990b4db1/kong-ui-public-copy-uuid-0.3.27-pr.421.1c7d0f8.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.27-pr.421.1c7d0f8.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-11BIDgGzYe8g87mS3fbwuhERLntOolwlwJ/boBZh2r2Y0n86CSMYqjUsNzbIrO6ad+LJ4BkRwqwpBq7jsBaJsQ==","shasum":"9c180b2548fcebf568b7879c904ca09302d725b2","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.27-pr.421.1c7d0f8.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAI0Oek1ARHNlOJlIZ1HMkJLm/zFcJ/IUe0Jdv/jEWIUAiAT/BJE5VUN2ei1lC3sdmP3FttaDYoQcu3EMXd80RsinQ=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.27-pr.421.1c7d0f8.0_1684442081354_0.7698986412112923"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.27":{"name":"@kong-ui-public/copy-uuid","version":"0.3.27","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.60.2","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.6","@kong/kongponents":"^8.60.2","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.27","_integrity":"sha512-g6KVSnJ9Wq3oLRrE2kEdE77rPET6Q9IxzF85wh9AER/0lr7S7z6827U3bQpHfiGMsBg4Eyvz9iO9Kgjlo8zJlQ==","_resolved":"/tmp/1a7e518016fc8529dea4344b3f1ee436/kong-ui-public-copy-uuid-0.3.27.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.27.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-g6KVSnJ9Wq3oLRrE2kEdE77rPET6Q9IxzF85wh9AER/0lr7S7z6827U3bQpHfiGMsBg4Eyvz9iO9Kgjlo8zJlQ==","shasum":"4840c9f1c1c0d2076c5239beee95dc3025299342","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.27.tgz","fileCount":19,"unpackedSize":556756,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDo20yBa1UlOqsqpnEZ+Nu7C2/cnqd8unVx4FYR1pTfdwIhAPtsotbjg4F3K2JEQtLY1FEg+fBCTsk3GhnLSwm2EATK"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.27_1684443663914_0.04336646313277792"},"_hasShrinkwrap":false},"0.3.28-pr.435.ad52553.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.28-pr.435.ad52553.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.60.2","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.7-pr.435.ad52553.0","@kong/kongponents":"^8.60.2","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.28-pr.435.ad52553.0","_integrity":"sha512-ZrM91IV9x3mIkeM5LGYSIbJJG1OyS7gq9c5dFaHsTaxe/6ncjlgkCmu5de/7x6n0ybw2BAqx6Yt51JCVzYREuQ==","_resolved":"/tmp/16dea21e8b8ffcc1ee0d87bc23e7454b/kong-ui-public-copy-uuid-0.3.28-pr.435.ad52553.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.28-pr.435.ad52553.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-ZrM91IV9x3mIkeM5LGYSIbJJG1OyS7gq9c5dFaHsTaxe/6ncjlgkCmu5de/7x6n0ybw2BAqx6Yt51JCVzYREuQ==","shasum":"6dfe3658dfe996e20d36da8147862d1f3a8ba101","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.28-pr.435.ad52553.0.tgz","fileCount":19,"unpackedSize":556790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDKnz9v/p36DTybY1/hDPMuc2ZxQL5mEPA8vaQjXKPXXAIhAM00ga+HDXDjnpGntQjEM1+q7NUnbmv4peEA8AXZ2AHQ"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.28-pr.435.ad52553.0_1684499138853_0.7430414016508997"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.28-pr.435.e323987.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.28-pr.435.e323987.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.60.2","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.7-pr.435.e323987.0","@kong/kongponents":"^8.60.2","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.28-pr.435.e323987.0","_integrity":"sha512-DMJQGHFnt8KFbXLon6Xz7r07xqbsAdCc+Xni3caqrXlPWGslEcFKRWtRPEM58EBYYwzw25AbeeoXFVUwFmKj+A==","_resolved":"/tmp/ac2d36a2aeed3344bdbbb85b91728e4d/kong-ui-public-copy-uuid-0.3.28-pr.435.e323987.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.28-pr.435.e323987.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-DMJQGHFnt8KFbXLon6Xz7r07xqbsAdCc+Xni3caqrXlPWGslEcFKRWtRPEM58EBYYwzw25AbeeoXFVUwFmKj+A==","shasum":"615f96aa312e33209a439eea0a03e8d65cec8407","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.28-pr.435.e323987.0.tgz","fileCount":19,"unpackedSize":556790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDhy8ubcmf9xhvePIaRM10vAXxVS/HigXnFXQybZ42t7AiEAuY+6YXbTH6Oq0DFKmEJocgUMIJ36tYHTGyXEuzhLhWY="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.28-pr.435.e323987.0_1684500317069_0.10197108953445078"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.28":{"name":"@kong-ui-public/copy-uuid","version":"0.3.28","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.60.2","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.7","@kong/kongponents":"^8.60.2","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.28","_integrity":"sha512-kOJltbIg2pxhw4W/2VtRh9hwLIy4WnZFEBRZSHeoyGvsWWAHf9dLDOI6Zd3w8IRUTqk2psAmjIQDWQjsVbjYRg==","_resolved":"/tmp/02d0c0f39dbf14541da41a303bd6bcb2/kong-ui-public-copy-uuid-0.3.28.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.28.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-kOJltbIg2pxhw4W/2VtRh9hwLIy4WnZFEBRZSHeoyGvsWWAHf9dLDOI6Zd3w8IRUTqk2psAmjIQDWQjsVbjYRg==","shasum":"7b871093f216cfcbc66c38df9247538ec4a598ce","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.28.tgz","fileCount":19,"unpackedSize":556756,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCZMaVLhKF/B3cSQtveanEtPogJOXWO6I+Yru4POBkcEQIgYjfrVZ8C79x6lekZ5TmfCNjHMqcVaGCEvD9TD0y8JkQ="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.28_1684501027809_0.9063630205659181"},"_hasShrinkwrap":false},"0.3.29-pr.436.fc7490f.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.29-pr.436.fc7490f.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.66.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.7","@kong/kongponents":"^8.66.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.29-pr.436.fc7490f.0","_integrity":"sha512-g1vBo+a5DHhOu+olQZ9bZ0kfLt8nD8fULL57q8AIazghwNIVGolrfxhU0f4BfiHULdBVfYWTNSWE6D1fPBgWNw==","_resolved":"/tmp/c85a00cfd5fb9b689c36434a9adfadfd/kong-ui-public-copy-uuid-0.3.29-pr.436.fc7490f.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.29-pr.436.fc7490f.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-g1vBo+a5DHhOu+olQZ9bZ0kfLt8nD8fULL57q8AIazghwNIVGolrfxhU0f4BfiHULdBVfYWTNSWE6D1fPBgWNw==","shasum":"e177efe2d104d6398777f30b8b84cb5ecec7e334","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.29-pr.436.fc7490f.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDUzEeIocZp3AC+mwUQWvslcCjsU+6BcXIQ4lkMWbEVGgIgZPqEB1G8yR6h2ido9ygyUYXYWgSaaflMdq5AGdd1or0="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.29-pr.436.fc7490f.0_1684514054771_0.9966867799528671"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.29":{"name":"@kong-ui-public/copy-uuid","version":"0.3.29","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.66.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.7","@kong/kongponents":"^8.66.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.29","_integrity":"sha512-30jx/v6Z+YtkSPVgxfqLOwSqx4TUWhddoWW+xSSImbz+FE5GfkFt/Fhex3M+vTI9P8czDXVs0yfgiV3a1Ej3aA==","_resolved":"/tmp/b1b394e9d0426c373c7758de5b7a431f/kong-ui-public-copy-uuid-0.3.29.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.29.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-30jx/v6Z+YtkSPVgxfqLOwSqx4TUWhddoWW+xSSImbz+FE5GfkFt/Fhex3M+vTI9P8czDXVs0yfgiV3a1Ej3aA==","shasum":"dd382bb9ed967779328b6e1ae20666c5243b05a6","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.29.tgz","fileCount":19,"unpackedSize":556756,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC2nHVQIZE9PkMlstz1fVIJ70yi8f1htlIS4pVAIpVsaQIgRE1OAloecAuUWPuasCTae/HIJIqsIyEocj+pWRlo/W0="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.29_1684514811578_0.79981719787637"},"_hasShrinkwrap":false},"0.3.29-pr.437.e38da82.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.29-pr.437.e38da82.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.66.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.7","@kong/kongponents":"^8.66.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.29-pr.437.e38da82.0","_integrity":"sha512-BsL7BWqXQew5Pp19BftGtokGJkJrVW2abbtj9wvLAgUunNwMminJ5JeNTiyLkO1Oz1haAc2QcdSMRc1DZJFonQ==","_resolved":"/tmp/5f4b5ec59e73b6449811d9fc3ca3e79b/kong-ui-public-copy-uuid-0.3.29-pr.437.e38da82.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.29-pr.437.e38da82.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-BsL7BWqXQew5Pp19BftGtokGJkJrVW2abbtj9wvLAgUunNwMminJ5JeNTiyLkO1Oz1haAc2QcdSMRc1DZJFonQ==","shasum":"5d24d329ccd223256bff9d9a45f3e82380149f66","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.29-pr.437.e38da82.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDWJ0Tp++DMJLsbpjGIsUfqWcsnd6jGEZRFYkT/Yhb5qgIhAN6unafPFpGLxUBrZJnu8HqnhKT9ShQHrnFbBgI7Nxwy"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.29-pr.437.e38da82.0_1684515079058_0.59998288567838"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.30-pr.444.a6099e9.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.30-pr.444.a6099e9.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.67.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.7","@kong/kongponents":"^8.67.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.30-pr.444.a6099e9.0","_integrity":"sha512-/aQw8oGjb1eMCqYrlvjB3B5yYy93er9NR57vgB3OTUc7HBAFmTqihWCu5GhhJDsPW8oj0VdSHTyrSx/QCIm39g==","_resolved":"/tmp/ee3ee37654607594e46d887fd7f5e5ca/kong-ui-public-copy-uuid-0.3.30-pr.444.a6099e9.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.30-pr.444.a6099e9.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-/aQw8oGjb1eMCqYrlvjB3B5yYy93er9NR57vgB3OTUc7HBAFmTqihWCu5GhhJDsPW8oj0VdSHTyrSx/QCIm39g==","shasum":"7e5b13a8107ed1ab90df2ea05cec67ddcd7eef13","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.30-pr.444.a6099e9.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBHlHGecleiNwjMDe23fhvEqaoLreEweqdTL/NcdPEsVAiAhzWZDHXXHF3tCG+F2vy4bcCYCNEBRQyVEmDX3FluWXA=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.30-pr.444.a6099e9.0_1684549657881_0.12359153740238793"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.30":{"name":"@kong-ui-public/copy-uuid","version":"0.3.30","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.67.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.7","@kong/kongponents":"^8.67.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.30","_integrity":"sha512-xt7rqapGbrsyUHT+Ewy0bpVPkfoNFf8EqBgQyWByVef0MZ/sm1JovsFvQG2gcoEBhN7yFTCOrhUfsiiWLZo+OA==","_resolved":"/tmp/ff26a92d3184d0a147bb45eb97ea4342/kong-ui-public-copy-uuid-0.3.30.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.30.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-xt7rqapGbrsyUHT+Ewy0bpVPkfoNFf8EqBgQyWByVef0MZ/sm1JovsFvQG2gcoEBhN7yFTCOrhUfsiiWLZo+OA==","shasum":"91953d8c18d612e4a5c0c41487ef785b758b2854","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.30.tgz","fileCount":19,"unpackedSize":556756,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICDLXSscILILQyt/94Fg3LJ8/qee5o3QrrkiHUbih0pkAiEA//FPZpCbzNbdx1pHChcwWcySMDcetRd0r2H4KsJl1Qg="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.30_1684551028102_0.5926626464062745"},"_hasShrinkwrap":false},"0.3.31-pr.416.a419972.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.31-pr.416.a419972.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.67.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.8-pr.416.a419972.0","@kong/kongponents":"^8.67.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.31-pr.416.a419972.0","_integrity":"sha512-//2Er1YScLhhwO4E4wRqJUJ+IHc+lAphq/EoWYUaaUq5EqL4OWSiJ16x/ajNuRMUe6bzo6yDQ+k/QkRBNQFJ3A==","_resolved":"/tmp/f74b8c3b17c8e743ecfa21b1bad40a32/kong-ui-public-copy-uuid-0.3.31-pr.416.a419972.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.31-pr.416.a419972.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-//2Er1YScLhhwO4E4wRqJUJ+IHc+lAphq/EoWYUaaUq5EqL4OWSiJ16x/ajNuRMUe6bzo6yDQ+k/QkRBNQFJ3A==","shasum":"2f0630a24a54cd1449617f209e5049f8a057c843","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.31-pr.416.a419972.0.tgz","fileCount":19,"unpackedSize":556790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFA/Z/haV3ka9/tpxxK+p15w5ZFy6SLQkuhPP2U/1/5vAiBkhejb5GTzJfxH8ovC2chB0nRZ0R65atvOMcML3xk+4A=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.31-pr.416.a419972.0_1684777981241_0.29141238810819936"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.31-pr.416.a8643c5.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.31-pr.416.a8643c5.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.67.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.8-pr.416.a8643c5.0","@kong/kongponents":"^8.67.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.31-pr.416.a8643c5.0","_integrity":"sha512-tjSPwIaAed0R0+ACjLAkA/UJWyHXTigEjF6THKMP6SLvAAgS7LPMOpqJL7/6oRB5lV+3EX2ab/ngABS2FP9XjA==","_resolved":"/tmp/5fade59ba7cd7d638f573bad329719b4/kong-ui-public-copy-uuid-0.3.31-pr.416.a8643c5.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.31-pr.416.a8643c5.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-tjSPwIaAed0R0+ACjLAkA/UJWyHXTigEjF6THKMP6SLvAAgS7LPMOpqJL7/6oRB5lV+3EX2ab/ngABS2FP9XjA==","shasum":"e52d5926e6816207bc0fd78a20b44decd09fa926","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.31-pr.416.a8643c5.0.tgz","fileCount":19,"unpackedSize":556790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBs0WNjEUf5TALHtEIIr5/xy/WvZ9jT6eK/6Q+dCSX3UAiEAnr2VfB3v88AJiJ93xO9bEoXGPMwzMWC9fUUc+BwHTf8="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.31-pr.416.a8643c5.0_1684782565885_0.7047528006159323"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.31-pr.416.8b01e2e.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.31-pr.416.8b01e2e.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.67.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.8-pr.416.8b01e2e.0","@kong/kongponents":"^8.67.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.31-pr.416.8b01e2e.0","_integrity":"sha512-J3d2/vBNx2E+OBNaDzQV7Nh/ok4WGVOqDdObvFzv9DAOxVXE5ohWqqg1xx8bl5kGYxWvW4M8Yo+fOGg8ELZ3jw==","_resolved":"/tmp/aaffff784c6b330b5d8d66ddb4c39abe/kong-ui-public-copy-uuid-0.3.31-pr.416.8b01e2e.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.31-pr.416.8b01e2e.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-J3d2/vBNx2E+OBNaDzQV7Nh/ok4WGVOqDdObvFzv9DAOxVXE5ohWqqg1xx8bl5kGYxWvW4M8Yo+fOGg8ELZ3jw==","shasum":"a578af2f1428125ba3acfc8329c95fb690fc9985","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.31-pr.416.8b01e2e.0.tgz","fileCount":19,"unpackedSize":556790,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDJNZfKDNjmjvXWOVsoAJP1jGOqUCIlO96HgxzjF84h9wIhAI8YfQ8vIw5Wo8Sx6zf+dFuepDUCiZEK/D38ybwtYH3q"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.31-pr.416.8b01e2e.0_1684783623955_0.6530807182930909"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.31-pr.454.178c926.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.31-pr.454.178c926.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.67.1","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.7","@kong/kongponents":"^8.67.1","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.31-pr.454.178c926.0","_integrity":"sha512-jZEGTsJ6aYNbNbaNQud1+RTdDJMyb+ZhrOeGfSKkAcpmTVyb8S1VUxedTPFnJHuwwoKtfK3pj8yEDKxPIhmN7A==","_resolved":"/tmp/16b5d99ae2ce7418ae7b181bb0baf7ee/kong-ui-public-copy-uuid-0.3.31-pr.454.178c926.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.31-pr.454.178c926.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-jZEGTsJ6aYNbNbaNQud1+RTdDJMyb+ZhrOeGfSKkAcpmTVyb8S1VUxedTPFnJHuwwoKtfK3pj8yEDKxPIhmN7A==","shasum":"b755b505ea3332d46fae5c9cfcebd327059ef554","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.31-pr.454.178c926.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICXX50yz505t0s11e2tcGW52Gsn7I4z564kkqppXmx4rAiBdJjg/cCbI/pCX77SUDluKW4Nte7Hm7nY2FE/tuCXucw=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.31-pr.454.178c926.0_1684869729864_0.2378756554265249"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.31":{"name":"@kong-ui-public/copy-uuid","version":"0.3.31","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.67.1","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.7","@kong/kongponents":"^8.67.1","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.31","_integrity":"sha512-hPMJA9AhgksUwT1vPRdeGNFR9QGfbIXkgv9x0q4clDiPywtVQVTytOy3fl1zIXvc+zFBYeGtEaZGpSXfLJzOTQ==","_resolved":"/tmp/424aea3fd91955b53d9836e4e529423e/kong-ui-public-copy-uuid-0.3.31.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.31.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-hPMJA9AhgksUwT1vPRdeGNFR9QGfbIXkgv9x0q4clDiPywtVQVTytOy3fl1zIXvc+zFBYeGtEaZGpSXfLJzOTQ==","shasum":"227826f6eb20fac51640db3582cf276f12a76d5e","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.31.tgz","fileCount":19,"unpackedSize":556756,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICG2r5Hx+Iwi8NNqCcQzbd8V08Zg0k2mywN4mDxf30TJAiEA/ftWyY2NPmVVOCAWEeDSCOINeMa9YpZXcHy1pNIr18s="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.31_1684870382487_0.643801581340631"},"_hasShrinkwrap":false},"0.3.31-pr.455.a45db4f.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.31-pr.455.a45db4f.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.67.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.8-pr.455.a45db4f.0","@kong/kongponents":"^8.67.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.31-pr.455.a45db4f.0","_integrity":"sha512-UlO3KGHE6omgPt4TKpPn+A+osufhKOZK5lTlrC3fy+9Gnxp20T2oK5pznBf1wCfNvNCyZ5QSiris+Vd92Ze4tw==","_resolved":"/tmp/07e782db8736f1eeb15812a2bd276ca4/kong-ui-public-copy-uuid-0.3.31-pr.455.a45db4f.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.31-pr.455.a45db4f.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-UlO3KGHE6omgPt4TKpPn+A+osufhKOZK5lTlrC3fy+9Gnxp20T2oK5pznBf1wCfNvNCyZ5QSiris+Vd92Ze4tw==","shasum":"1eb04be990fe0b5f4510afeb6a660981f0002ef8","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.31-pr.455.a45db4f.0.tgz","fileCount":19,"unpackedSize":556844,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICurjxvOS6I7B9d2yr6ZWJCMJIifcpTaYU1B4c985/ApAiEAiQpgkva5CpPOXoQTd6CPuqq6ioF8POvCwMGUbG5d4k4="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.31-pr.455.a45db4f.0_1684871209301_0.35099632321759144"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.31-pr.455.2bd4ac4.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.31-pr.455.2bd4ac4.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.67.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.8-pr.455.2bd4ac4.0","@kong/kongponents":"^8.67.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.31-pr.455.2bd4ac4.0","_integrity":"sha512-caWhDUJCtfw1hcnSsrtmgMlsk6DsJk+oAwGT7uGmmTD4YKGRuA5uyAk98pBCOzTe83E1WtyQ4iA91Olxfd2vKw==","_resolved":"/tmp/42471dfdbb16bbd684e38b8e542798b9/kong-ui-public-copy-uuid-0.3.31-pr.455.2bd4ac4.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.31-pr.455.2bd4ac4.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-caWhDUJCtfw1hcnSsrtmgMlsk6DsJk+oAwGT7uGmmTD4YKGRuA5uyAk98pBCOzTe83E1WtyQ4iA91Olxfd2vKw==","shasum":"cf35609365d79054cdc54be8c435f38272720370","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.31-pr.455.2bd4ac4.0.tgz","fileCount":19,"unpackedSize":556844,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDf8B7opsN+gOdBekqskuiGcsofBfZgZOHAqEQjsVPZqAIhALJpZ/UDefkBsr0dKSXaMz2a4lvCr+4kqdZvAlnrZ2NG"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.31-pr.455.2bd4ac4.0_1684871516935_0.1904949688747435"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.32-pr.458.209dd89.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.32-pr.458.209dd89.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.67.2","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.7","@kong/kongponents":"^8.67.2","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.32-pr.458.209dd89.0","_integrity":"sha512-xrjJ4ky+ci+7iPP969/Je4U1z2XDe1u2ZoLtStAxR4Md64sK3IgvVltZedQGpUk/W4mDhFeVX2BzxHNID0kxpg==","_resolved":"/tmp/574e36b3697a8378cce08c320d591fd5/kong-ui-public-copy-uuid-0.3.32-pr.458.209dd89.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.32-pr.458.209dd89.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-xrjJ4ky+ci+7iPP969/Je4U1z2XDe1u2ZoLtStAxR4Md64sK3IgvVltZedQGpUk/W4mDhFeVX2BzxHNID0kxpg==","shasum":"02ad7c1628c0406565ef325502082586f8184b1f","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.32-pr.458.209dd89.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE3VVWvGovJh2Vv9/FDNtxWO2Dqb1ZKuwY+HAf88BR8zAiEA/eRujoeI5OBmpX9y7V9bAhB+eoW5/AbMd5GEtELtBfo="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.32-pr.458.209dd89.0_1684943018764_0.7123413520776203"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.32":{"name":"@kong-ui-public/copy-uuid","version":"0.3.32","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.67.2","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.7","@kong/kongponents":"^8.67.2","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.32","_integrity":"sha512-ncnQE7VZGDJip+QvbjkDqSgB5I6avseth6oHcZR5Q5OIUmx83GdevVmaMMy4hVH7ISCZy/S0GS4fEMcda5PogQ==","_resolved":"/tmp/7640273b11612c200748c0eb91e8cfab/kong-ui-public-copy-uuid-0.3.32.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.32.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-ncnQE7VZGDJip+QvbjkDqSgB5I6avseth6oHcZR5Q5OIUmx83GdevVmaMMy4hVH7ISCZy/S0GS4fEMcda5PogQ==","shasum":"136f1fe38d9bdad3aaca5b1a467da295eded258c","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.32.tgz","fileCount":19,"unpackedSize":556756,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGD7qWM+xq6CgjJpW/TAsztZ88qiD27zWQ+jXwIAVBayAiEAto2/f44/wzduZ7IiJudeHca1MY+Jw0FfS7+xMNFc5kE="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.32_1684944267299_0.1352861842434787"},"_hasShrinkwrap":false},"0.3.33-pr.455.c8b442c.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.33-pr.455.c8b442c.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.67.2","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.8-pr.455.c8b442c.0","@kong/kongponents":"^8.67.2","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.33-pr.455.c8b442c.0","_integrity":"sha512-KLwdfFUN98ACQCiJ1ePOkX9cURKnCCPW/so99xaiV+4sI3n/W4VAo8Gcvm2TtmOJBx9w13ZmXtVEXlLFNYJdSA==","_resolved":"/tmp/02f2f60737c9f00bd22cc35b5189e78f/kong-ui-public-copy-uuid-0.3.33-pr.455.c8b442c.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.33-pr.455.c8b442c.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-KLwdfFUN98ACQCiJ1ePOkX9cURKnCCPW/so99xaiV+4sI3n/W4VAo8Gcvm2TtmOJBx9w13ZmXtVEXlLFNYJdSA==","shasum":"08cf83acca634342dfd456100ec2e18d221d23f1","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.33-pr.455.c8b442c.0.tgz","fileCount":19,"unpackedSize":556844,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEf/2P5IDcIUIKG+OlzY41OE1fMYNSvXFWbNVgp4bLsvAiBnoojoaMbyTQslZ0bof+spH09tcLfHmQsygICtVPmG0A=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.33-pr.455.c8b442c.0_1685027030021_0.41829488681068794"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.33-pr.469.f8fd1f0.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.33-pr.469.f8fd1f0.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.67.3","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.7","@kong/kongponents":"^8.67.3","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.33-pr.469.f8fd1f0.0","_integrity":"sha512-NSOBwehsup9CTnSrHDGjUk+xcqdBzoOBUXOdDjBKfa2568a1j69DuuRKd1qezgekf4nBc3BkUnFuXCEWej+vPg==","_resolved":"/tmp/60618cc387f641e1296ae8a1815105e7/kong-ui-public-copy-uuid-0.3.33-pr.469.f8fd1f0.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.33-pr.469.f8fd1f0.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-NSOBwehsup9CTnSrHDGjUk+xcqdBzoOBUXOdDjBKfa2568a1j69DuuRKd1qezgekf4nBc3BkUnFuXCEWej+vPg==","shasum":"aa727f411acb94a063bcbf66a88a2bb8d1e35671","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.33-pr.469.f8fd1f0.0.tgz","fileCount":19,"unpackedSize":556773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE7fWUISiMPWNz2hDY7PaHHNMiazG2DMd9U2fiPZvao6AiBJQlFmZOIArjqJvT/+VP1R6UACQ2Ar1W1vaaQd3nCdhg=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.33-pr.469.f8fd1f0.0_1685036785140_0.46622898308824134"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.33":{"name":"@kong-ui-public/copy-uuid","version":"0.3.33","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.67.3","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.7","@kong/kongponents":"^8.67.3","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.33","_integrity":"sha512-ROJ+/UvJdkSP4yMlxV5Cr2xiOORDH9VE09ofXrjcSJMqBJEadrTGL5C8RLwtN8OC4++LwRV/X1Qe+ZQU2UQOsQ==","_resolved":"/tmp/7d4ff7659bcea0f844a0700e0a7d4ed8/kong-ui-public-copy-uuid-0.3.33.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.33.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-ROJ+/UvJdkSP4yMlxV5Cr2xiOORDH9VE09ofXrjcSJMqBJEadrTGL5C8RLwtN8OC4++LwRV/X1Qe+ZQU2UQOsQ==","shasum":"eaf74c228e72c7c02b0b514b91381794c38e5903","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.33.tgz","fileCount":19,"unpackedSize":556756,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEbaCeWtxX4tSo2Ms72ABYc3kDhA7Mw7wws8hGCnEUoFAiEApaX5CSyQLdZIgpVOU7bnv0FN8Pq4KoIoB4zrY2HgGt4="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.33_1685039810452_0.24567313384379696"},"_hasShrinkwrap":false},"0.3.34-pr.455.b037cdd.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.34-pr.455.b037cdd.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.67.3","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.8-pr.455.b037cdd.0","@kong/kongponents":"^8.67.3","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.34-pr.455.b037cdd.0","_integrity":"sha512-zH4/FG10caD+CFEersTDHekYJmh3WzKgn7KU7pHEj8TcouaQmveC2BiKT7lhcKfnL3TMowdhzMXiRiL6ukkkbA==","_resolved":"/tmp/4c6b5f72118dae68a405f844cfb769d4/kong-ui-public-copy-uuid-0.3.34-pr.455.b037cdd.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.34-pr.455.b037cdd.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-zH4/FG10caD+CFEersTDHekYJmh3WzKgn7KU7pHEj8TcouaQmveC2BiKT7lhcKfnL3TMowdhzMXiRiL6ukkkbA==","shasum":"cf0becec08b5ca0048583a91c05c73d00b5c00db","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.34-pr.455.b037cdd.0.tgz","fileCount":19,"unpackedSize":556844,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEmNZT96knysim756Ea8qaIFkKx8+apMxaaNc1ZxC7hvAiAQr136e+74lYqAvrUnDklHhgraOYvAeOgew2WcLYqFDg=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.34-pr.455.b037cdd.0_1685131959978_0.4355154805658865"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.34-pr.455.44aeedb.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.34-pr.455.44aeedb.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.67.3","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.8-pr.455.44aeedb.0","@kong/kongponents":"^8.67.3","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.34-pr.455.44aeedb.0","_integrity":"sha512-Bew0gassa+eFbd3aoV5nsFTvo+e+WhKXJx3sOjH3RFYitbFwRxeLHCtZn+ozjySMqiz9B8IDRPNVN+SrjtPXwA==","_resolved":"/tmp/ba47e899030a1b24635b2aa815e6ae33/kong-ui-public-copy-uuid-0.3.34-pr.455.44aeedb.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.34-pr.455.44aeedb.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-Bew0gassa+eFbd3aoV5nsFTvo+e+WhKXJx3sOjH3RFYitbFwRxeLHCtZn+ozjySMqiz9B8IDRPNVN+SrjtPXwA==","shasum":"aa32b623e39c22d28c571306efbcaf8b16fc457f","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.34-pr.455.44aeedb.0.tgz","fileCount":19,"unpackedSize":556894,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH90aaQE9ie2jtcVY8rC63pSAFuyyuygJvvrbk8s7eGuAiAGt9NXxVeIM744FBmEGnvSK942uAve1XNYN19nrWnvgQ=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.34-pr.455.44aeedb.0_1685132723372_0.9603828558144936"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.3.34-pr.475.fef67c8.0":{"name":"@kong-ui-public/copy-uuid","version":"0.3.34-pr.475.fef67c8.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.68.1","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.4.8-pr.475.fef67c8.0","@kong/kongponents":"^8.68.1","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.3.34-pr.475.fef67c8.0","_integrity":"sha512-Frp1qTfeF9Ha5ZQvLzff5rtU1HOdN4HfdxZOOpMha2wryDSs0eC8Ut/OMfm5kWmYuNKlY4pRoEZNC5o7HPHXZw==","_resolved":"/tmp/a493e5000ad493b66b30f078b9b74f4e/kong-ui-public-copy-uuid-0.3.34-pr.475.fef67c8.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.3.34-pr.475.fef67c8.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-Frp1qTfeF9Ha5ZQvLzff5rtU1HOdN4HfdxZOOpMha2wryDSs0eC8Ut/OMfm5kWmYuNKlY4pRoEZNC5o7HPHXZw==","shasum":"893883b62e8a8c65d1c6725dc789d56616ebb296","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.3.34-pr.475.fef67c8.0.tgz","fileCount":19,"unpackedSize":556894,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCPD93iw3RPCu+njB/aRD+5KtDXHfXdcYZXNsc5XNCeEAIhANqnRyw1Fv+EDrDTbICWqEArqcVYR55VEnh/VSWtk3Hp"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.3.34-pr.475.fef67c8.0_1685133621571_0.30524531709914515"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.4.0":{"name":"@kong-ui-public/copy-uuid","version":"0.4.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.67.3","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.5.0","@kong/kongponents":"^8.67.3","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.4.0","_integrity":"sha512-cuUs0tw2nBokD5f/0e+8f7kKxkWofWHAjiILcT4tSwGrA+rmLDyY9MPTTIq9OSNzNT2v4db/nRouLFa9XVkm4A==","_resolved":"/tmp/dac16f6cc81831f9bdd4a29fb81b5907/kong-ui-public-copy-uuid-0.4.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.4.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-cuUs0tw2nBokD5f/0e+8f7kKxkWofWHAjiILcT4tSwGrA+rmLDyY9MPTTIq9OSNzNT2v4db/nRouLFa9XVkm4A==","shasum":"d051d3726090d97ae1dca95bd68c02221ffb2dd7","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.4.0.tgz","fileCount":19,"unpackedSize":556859,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICiEKQ73Xcc8oK7g1QG1y2xAF9Em5pigyLQ9br0b0j1iAiEAz/G/7gYU0H4SfFDjDEXrDoxXpdsb53fRfId49kBAe5g="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.4.0_1685133643384_0.9073241085284418"},"_hasShrinkwrap":false},"0.4.1-pr.475.1b13510.0":{"name":"@kong-ui-public/copy-uuid","version":"0.4.1-pr.475.1b13510.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.68.1","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.5.0","@kong/kongponents":"^8.68.1","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.4.1-pr.475.1b13510.0","_integrity":"sha512-KtBjcZyaJ8xo3SYLps6rzNHB3JaTh1Tz/BTr+fRSp1af4/oGCFT8EP4WcF0D1qFPii2L4QBj/Crd4ffYhg0zfA==","_resolved":"/tmp/21e8ff841416f6b7308f2e74f5834351/kong-ui-public-copy-uuid-0.4.1-pr.475.1b13510.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.4.1-pr.475.1b13510.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-KtBjcZyaJ8xo3SYLps6rzNHB3JaTh1Tz/BTr+fRSp1af4/oGCFT8EP4WcF0D1qFPii2L4QBj/Crd4ffYhg0zfA==","shasum":"94236f20dd6811e1fd08a2cc57682beda0f61f68","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.4.1-pr.475.1b13510.0.tgz","fileCount":19,"unpackedSize":556876,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDqrA8pUUrWEoD7tbCyNCuws7OeMps12WKsVk2hmWRsTwIhANkcjoftMRFC5XMGTidytJGfYMQH4c4lQuguxQR6XgLA"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.4.1-pr.475.1b13510.0_1685134137632_0.929462302753028"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.4.1":{"name":"@kong-ui-public/copy-uuid","version":"0.4.1","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.68.1","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.5.0","@kong/kongponents":"^8.68.1","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.4.1","_integrity":"sha512-Di12VfZJ0N3cfo/u6iGdQT+X8usWkQoT6mW1bPg2eeD8tWQK0h/n0MahzRmB8IWiUOXR848iQqR7CPgR5C7IHQ==","_resolved":"/tmp/81116db90a0c8c315f2656e380fd4838/kong-ui-public-copy-uuid-0.4.1.tgz","_from":"file:kong-ui-public-copy-uuid-0.4.1.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-Di12VfZJ0N3cfo/u6iGdQT+X8usWkQoT6mW1bPg2eeD8tWQK0h/n0MahzRmB8IWiUOXR848iQqR7CPgR5C7IHQ==","shasum":"1d5d1fc8388d10651597962a62c13b7dae34e716","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.4.1.tgz","fileCount":19,"unpackedSize":556859,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCagS2y2xuAx4kzouDiOzdcpmjPO9Uz7Tw0i3gnppELoQIgOADpj+51e2z6fSurhneN9w0PDt+HTPKqH7QLj8ILmTM="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.4.1_1685134893380_0.7028881481248803"},"_hasShrinkwrap":false},"0.4.1-pr.476.1fd1ccd.0":{"name":"@kong-ui-public/copy-uuid","version":"0.4.1-pr.476.1fd1ccd.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.69.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.5.0","@kong/kongponents":"^8.69.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.4.1-pr.476.1fd1ccd.0","_integrity":"sha512-Af22izBuSWpY0HtKzf5R142EQA/fhdBoSCtbB/omZICuj8I2snXMV25T0hP7lfmwbH5yZ9j+XEJ46CHjFEwNdA==","_resolved":"/tmp/ca0d1d46e4e5b74054ba5e9234c928c5/kong-ui-public-copy-uuid-0.4.1-pr.476.1fd1ccd.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.4.1-pr.476.1fd1ccd.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-Af22izBuSWpY0HtKzf5R142EQA/fhdBoSCtbB/omZICuj8I2snXMV25T0hP7lfmwbH5yZ9j+XEJ46CHjFEwNdA==","shasum":"dc1e906268e83700dc535ecc4fa77ed9106bb3ca","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.4.1-pr.476.1fd1ccd.0.tgz","fileCount":19,"unpackedSize":556876,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDcndBw/yS9D1/euZrQ+UZm9n26TBO0wSDT7lOwnWuW6QIhALyrRJQmhV99JUoFvzf15WndT0TR5cXM+2wh9nQuGd5E"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.4.1-pr.476.1fd1ccd.0_1685134935048_0.7242523184053089"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.4.2":{"name":"@kong-ui-public/copy-uuid","version":"0.4.2","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.69.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.5.0","@kong/kongponents":"^8.69.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.4.2","_integrity":"sha512-3shcANStk5mPCY342zHcrfCP5uZmwoSqoK8i90gEQPlXLga/4lENmJk7dCH1zd+XPPesj2u8Zoc2N8HXRitBig==","_resolved":"/tmp/b2472b38c22ce218e77ad295dac35312/kong-ui-public-copy-uuid-0.4.2.tgz","_from":"file:kong-ui-public-copy-uuid-0.4.2.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-3shcANStk5mPCY342zHcrfCP5uZmwoSqoK8i90gEQPlXLga/4lENmJk7dCH1zd+XPPesj2u8Zoc2N8HXRitBig==","shasum":"162a44dcaa7ab13ed1003c0d76eb407da3da93a9","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.4.2.tgz","fileCount":19,"unpackedSize":556859,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIChi/GuwOFeCAQ6mqPEwZ9BqLiYIDBYI6YRaLF+VGAR/AiEAo6Ku3cy5912+bni8r35kxzL7/V3xD3Byqddly+QYbdo="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.4.2_1685135921227_0.5788444368020063"},"_hasShrinkwrap":false},"0.4.3-pr.477.419000f.0":{"name":"@kong-ui-public/copy-uuid","version":"0.4.3-pr.477.419000f.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.70.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.5.0","@kong/kongponents":"^8.70.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.4.3-pr.477.419000f.0","_integrity":"sha512-tK3iBMQ9r/KhBwJhr6BxMw0RozGnPUVktGmWlHBlLEpZb7uV7kGBmdGyws4oZrol0cvZQTFQ7XLkwDaIfv7DwQ==","_resolved":"/tmp/a75074cf0123eb645003706c20567f6e/kong-ui-public-copy-uuid-0.4.3-pr.477.419000f.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.4.3-pr.477.419000f.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-tK3iBMQ9r/KhBwJhr6BxMw0RozGnPUVktGmWlHBlLEpZb7uV7kGBmdGyws4oZrol0cvZQTFQ7XLkwDaIfv7DwQ==","shasum":"abcc7155d759d89283cfed5b4575045f2671c6d0","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.4.3-pr.477.419000f.0.tgz","fileCount":19,"unpackedSize":556876,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCe8N0gGIRKTPWEfhn3xhnID4tgYizpezEvBIM+yJZxwQIgWmR3nZQAUQhxU6QfasTvvH6/Dnp0jE3wTCKb67LvvmQ="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.4.3-pr.477.419000f.0_1685136464695_0.8844499853930028"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.4.3":{"name":"@kong-ui-public/copy-uuid","version":"0.4.3","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.70.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.5.0","@kong/kongponents":"^8.70.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.4.3","_integrity":"sha512-AnaUfrPNXAfB2aM2vpjlAT65FWi8kELrEWf+7vb+cthdPY+8t9i3Icx9FoeLPk1a/U83Ipz0WZ7Ad0OOY7HGsQ==","_resolved":"/tmp/2c669b89217b0b7b0a10ca20d9190e0e/kong-ui-public-copy-uuid-0.4.3.tgz","_from":"file:kong-ui-public-copy-uuid-0.4.3.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-AnaUfrPNXAfB2aM2vpjlAT65FWi8kELrEWf+7vb+cthdPY+8t9i3Icx9FoeLPk1a/U83Ipz0WZ7Ad0OOY7HGsQ==","shasum":"3b910e33615b1b8ea60e4e88510d9e64818fe7b2","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.4.3.tgz","fileCount":19,"unpackedSize":556859,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDlp1qksKXEx4mqQGxrUkqyiVws12JLcv69Yv0jZjQVLQIhALJW+asZpki4mRFlkT9hdEX6oyosEfJiBNVL6alxiDtS"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.4.3_1685137197457_0.49531835590975737"},"_hasShrinkwrap":false},"0.4.4-pr.503.aa2ae00.0":{"name":"@kong-ui-public/copy-uuid","version":"0.4.4-pr.503.aa2ae00.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.76.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.5.0","@kong/kongponents":"^8.76.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n## Events\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.4.4-pr.503.aa2ae00.0","_integrity":"sha512-9v2Ianfwo4o47jFvT/hiNxOu9X1eVh/nl4I3lvqp7f3thPoTc7ZCUdJxqoeg+7bSsbA7Iv1fUXNaUMNiSl+qBQ==","_resolved":"/tmp/40745e699e6605956b47cb0d34e547e4/kong-ui-public-copy-uuid-0.4.4-pr.503.aa2ae00.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.4.4-pr.503.aa2ae00.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-9v2Ianfwo4o47jFvT/hiNxOu9X1eVh/nl4I3lvqp7f3thPoTc7ZCUdJxqoeg+7bSsbA7Iv1fUXNaUMNiSl+qBQ==","shasum":"0941adfed2ba9b25aa5346ceee5c2c0bf14b522b","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.4.4-pr.503.aa2ae00.0.tgz","fileCount":19,"unpackedSize":556876,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCuGlUsIInw6QQY7RTIvPFNJODwJ4yEavga1k9iQkD2kAIhAPT95YbS6GYJiM4KbM6oRYFc/hMhz2tohYjs3/kH5u58"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.4.4-pr.503.aa2ae00.0_1686111765184_0.33543051525458134"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.4.4":{"name":"@kong-ui-public/copy-uuid","version":"0.4.4","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.76.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.5.0","@kong/kongponents":"^8.76.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.4.4","_integrity":"sha512-YHyujaPL1brbhZaTcNHM4L+4V1wJ8uPuD0qyr/osot6FJ2DnzbiqkTccp2h7UZGxxoplTC0jb2TZdmy+fxAwdg==","_resolved":"/tmp/a5d3835282c4f6917d9d6342399a780b/kong-ui-public-copy-uuid-0.4.4.tgz","_from":"file:kong-ui-public-copy-uuid-0.4.4.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-YHyujaPL1brbhZaTcNHM4L+4V1wJ8uPuD0qyr/osot6FJ2DnzbiqkTccp2h7UZGxxoplTC0jb2TZdmy+fxAwdg==","shasum":"17bba7b25df61f7a2fdef4d0f946d8025b2d3cc6","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.4.4.tgz","fileCount":19,"unpackedSize":556859,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCxmJCnNRI/kigU+WbTWon0M/g/3uAqrRRTIOhbAcxvgwIhAJARGQmjrJ/WT63On/k54UwZ5mr8jokScqBC5wVDBFEC"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.4.4_1686113117038_0.5419510012177573"},"_hasShrinkwrap":false},"0.4.5-pr.512.595a7bf.0":{"name":"@kong-ui-public/copy-uuid","version":"0.4.5-pr.512.595a7bf.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.76.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.5.0","@kong/kongponents":"^8.76.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.4.5-pr.512.595a7bf.0","_integrity":"sha512-Bg9NxjytcvNZXCaeJbPzUCz5AB7hrsloxWLwbQpi4QyQXZ+QSluCwVWceegnrR7tD5yF09aoyek9ZTgtp5YFmQ==","_resolved":"/tmp/675440f9e28b97d7902fe5fbcdc36ae4/kong-ui-public-copy-uuid-0.4.5-pr.512.595a7bf.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.4.5-pr.512.595a7bf.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-Bg9NxjytcvNZXCaeJbPzUCz5AB7hrsloxWLwbQpi4QyQXZ+QSluCwVWceegnrR7tD5yF09aoyek9ZTgtp5YFmQ==","shasum":"fd2896742d4d8244d6c8c03480cc6067fade639d","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.4.5-pr.512.595a7bf.0.tgz","fileCount":19,"unpackedSize":562634,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCKRjh44WAFhU0IBs22K73v1tueXDYR52KparzH8R2H7gIgbW0KKeoPs/GoukPJEhBm+ZepQoZLboeQhAXg7JYsFu0="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.4.5-pr.512.595a7bf.0_1686238572406_0.4164151972371981"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.4.5-pr.512.e6695c5.0":{"name":"@kong-ui-public/copy-uuid","version":"0.4.5-pr.512.e6695c5.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.76.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.5.0","@kong/kongponents":"^8.76.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.4.5-pr.512.e6695c5.0","_integrity":"sha512-Xfbk1ruxxvg3WhfAZ4ivJZS9zT1jioqczY0I5wSNPoJ5gy/0gSj1+HA89LmXPxdl1x/wNd5jRiDU9ppNozJkpQ==","_resolved":"/tmp/f7f6d7e5fc364be4face9a799b1b72ab/kong-ui-public-copy-uuid-0.4.5-pr.512.e6695c5.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.4.5-pr.512.e6695c5.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-Xfbk1ruxxvg3WhfAZ4ivJZS9zT1jioqczY0I5wSNPoJ5gy/0gSj1+HA89LmXPxdl1x/wNd5jRiDU9ppNozJkpQ==","shasum":"3dce2c9976566ed247d099b0101881bb2edcfb80","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.4.5-pr.512.e6695c5.0.tgz","fileCount":19,"unpackedSize":562634,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDyfZq/kkctHtWx65IVnjLC9MYuRUWCCgkQbJx+bYYwlAIhAK9adQJKJZ6xjxzoNswc7Z/pFGPIETdQ4UGaON3DO5ff"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.4.5-pr.512.e6695c5.0_1686239069198_0.5285380750834587"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.5.0":{"name":"@kong-ui-public/copy-uuid","version":"0.5.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.76.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.5.0","@kong/kongponents":"^8.76.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.5.0","_integrity":"sha512-E44QPmZHt7yQBQoWH5+yOrZwtEME6Uo6C+EF+RZRzCL1rekI348P5lEUwDt2dk0LesinFM+HCM812gvqgm15mg==","_resolved":"/tmp/3e401d422f6e3325a650f5b47fc1d2cf/kong-ui-public-copy-uuid-0.5.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.5.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-E44QPmZHt7yQBQoWH5+yOrZwtEME6Uo6C+EF+RZRzCL1rekI348P5lEUwDt2dk0LesinFM+HCM812gvqgm15mg==","shasum":"2ca6ad5595ab18b5e7bc90eb787ed54e8c455d9d","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.5.0.tgz","fileCount":19,"unpackedSize":562617,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCWpZL60E7/JBUEgCsHOk19KZPzUtNlaPE52vyqTjzAtgIgPCqT44ToTC6aGj+96sEIFBd1fjSmTDGh7RB4jhpj46g="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.5.0_1686241643797_0.7466219072763649"},"_hasShrinkwrap":false},"0.4.5-pr.511.bcee99a.0":{"name":"@kong-ui-public/copy-uuid","version":"0.4.5-pr.511.bcee99a.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.76.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.5.0","@kong/kongponents":"^8.76.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.4.5-pr.511.bcee99a.0","_integrity":"sha512-5erwtZod8bNxrQG+t1JKytFZrWutqysHiCgWBFi/wX1wUMtw/G3mk1XWTVbqDRPYVas7OP66PFd6PzNycGiBhw==","_resolved":"/tmp/994265e2b7b062a86502e6bd3e563d24/kong-ui-public-copy-uuid-0.4.5-pr.511.bcee99a.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.4.5-pr.511.bcee99a.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-5erwtZod8bNxrQG+t1JKytFZrWutqysHiCgWBFi/wX1wUMtw/G3mk1XWTVbqDRPYVas7OP66PFd6PzNycGiBhw==","shasum":"312d312d30ead31220fd1c6e3cefe7f7a7f4a409","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.4.5-pr.511.bcee99a.0.tgz","fileCount":19,"unpackedSize":562634,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCk5faLhBdrcpuCFZ3jQHbFqC4Sov4ummtvzeGB9DbfBwIgFQF97Lt89bFUcP3W1qqkb5+nAqsZzLz7/k7fLl92CtQ="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.4.5-pr.511.bcee99a.0_1686241649977_0.05765795155811926"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.5.1-pr.518.cd7bc6a.0":{"name":"@kong-ui-public/copy-uuid","version":"0.5.1-pr.518.cd7bc6a.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.76.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.5.1-pr.518.cd7bc6a.0","@kong/kongponents":"^8.76.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.5.1-pr.518.cd7bc6a.0","_integrity":"sha512-b6VqxdNv5AR24cqYZ6NJwU/jUWf6aVjphBHpr00UXhZviLiOnpgini5phwXl+I3f0rleNslWKz0qp0zSh2yK2Q==","_resolved":"/tmp/e39db25d0ba36ccedec21968fe97daae/kong-ui-public-copy-uuid-0.5.1-pr.518.cd7bc6a.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.5.1-pr.518.cd7bc6a.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-b6VqxdNv5AR24cqYZ6NJwU/jUWf6aVjphBHpr00UXhZviLiOnpgini5phwXl+I3f0rleNslWKz0qp0zSh2yK2Q==","shasum":"bf41916077cbc05b9158f5aa91688d5037c3ba82","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.5.1-pr.518.cd7bc6a.0.tgz","fileCount":19,"unpackedSize":564324,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCFPJ2+tsMiDnuJDJtdlt1FJGJRThRr026whYuKr3T+iwIgBHiAVwf/22qb5WF5gEH/W3sdjUBmk2NaOP8DwdYEWr4="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.5.1-pr.518.cd7bc6a.0_1686559744332_0.44577829916625067"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.5.1-pr.518.319d8a0.0":{"name":"@kong-ui-public/copy-uuid","version":"0.5.1-pr.518.319d8a0.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.76.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.5.1-pr.518.319d8a0.0","@kong/kongponents":"^8.76.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.5.1-pr.518.319d8a0.0","_integrity":"sha512-rAyDuY7YgCrx3p64BlG7FZHnCLvkOdFiVURxK+8x9Ee9RJrqMvoVh4NHl0Wtuq75RRxBVbNpMv79SwD3lFMYQw==","_resolved":"/tmp/5c1374adba7ef30cedcd07b859a2a3e0/kong-ui-public-copy-uuid-0.5.1-pr.518.319d8a0.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.5.1-pr.518.319d8a0.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-rAyDuY7YgCrx3p64BlG7FZHnCLvkOdFiVURxK+8x9Ee9RJrqMvoVh4NHl0Wtuq75RRxBVbNpMv79SwD3lFMYQw==","shasum":"7b6192adecc56e964a5f061cf7c3316203f7059a","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.5.1-pr.518.319d8a0.0.tgz","fileCount":19,"unpackedSize":564324,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB9WxhJA3y3j9wrN2ebinqoe4Un13/oGB1tb7+xZ88rvAiEAkzbNwPgsW2y44At0LeKYkpFMZ/FOJuGHjzhWAs2pNFo="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.5.1-pr.518.319d8a0.0_1686572854476_0.7777700068047708"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.5.1-pr.518.b25d6ee.0":{"name":"@kong-ui-public/copy-uuid","version":"0.5.1-pr.518.b25d6ee.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.76.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.5.1-pr.518.b25d6ee.0","@kong/kongponents":"^8.76.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.5.1-pr.518.b25d6ee.0","_integrity":"sha512-ZtcmDgxo7cgReFGvUxHt9O8EzcmlS7LN03/YwykrP5ggDhroR0m8AIYDsiN/MoMc2YLMWrHkkvpVfoZlGAs91A==","_resolved":"/tmp/5ca1d4f39717f9387619cbe7a0fe13b0/kong-ui-public-copy-uuid-0.5.1-pr.518.b25d6ee.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.5.1-pr.518.b25d6ee.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-ZtcmDgxo7cgReFGvUxHt9O8EzcmlS7LN03/YwykrP5ggDhroR0m8AIYDsiN/MoMc2YLMWrHkkvpVfoZlGAs91A==","shasum":"1b16db033707882ef237dee4d4f60d8fb5985b31","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.5.1-pr.518.b25d6ee.0.tgz","fileCount":19,"unpackedSize":564324,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICDzMVPnKw5h8i3DS57FthVDA6LuCyNksRZJ/Lp8IicpAiEAvLk/2ek3RH7r3vdey4nTDxi8sgqNfsWAeCDuc/R2vfM="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.5.1-pr.518.b25d6ee.0_1686581571611_0.06185707143411512"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.5.1-pr.522.20a0695.0":{"name":"@kong-ui-public/copy-uuid","version":"0.5.1-pr.522.20a0695.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.76.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.5.0","@kong/kongponents":"^8.76.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.5.1-pr.522.20a0695.0","_integrity":"sha512-2/aW8T4Vm52UjGbD58wqBhysRH8VD3XWDRuystiM73XjsQIec/ItKLFBoCzmai3JCWo6YOkUNzim0N43oJ5j3w==","_resolved":"/tmp/86ab5f05750b5151254559dc4b1da884/kong-ui-public-copy-uuid-0.5.1-pr.522.20a0695.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.5.1-pr.522.20a0695.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-2/aW8T4Vm52UjGbD58wqBhysRH8VD3XWDRuystiM73XjsQIec/ItKLFBoCzmai3JCWo6YOkUNzim0N43oJ5j3w==","shasum":"b4a5114be77cbce3e4e76a5acec86f7f80862baf","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.5.1-pr.522.20a0695.0.tgz","fileCount":17,"unpackedSize":34785,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCKftTeb10kWtBzkusoBjmIV4O60n8K1TrFywXdIH5PBwIhAJYZ5PvVXHkKOFho3kPNxY785mQUq0xlj68/IwZmB0aZ"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.5.1-pr.522.20a0695.0_1686601025639_0.9318101021566743"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.5.1":{"name":"@kong-ui-public/copy-uuid","version":"0.5.1","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.76.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.5.0","@kong/kongponents":"^8.76.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.5.1","_integrity":"sha512-eWhWgKbtn7FNA7FjrCvfUXOf5IGf2aC1BA0L90sqn3NpoupUTDOX1WB1HeFqg1GrqkJVUpGPpC94c7qmy0K1yg==","_resolved":"/tmp/c05f6a4221beed0cbf35612baca9ca36/kong-ui-public-copy-uuid-0.5.1.tgz","_from":"file:kong-ui-public-copy-uuid-0.5.1.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-eWhWgKbtn7FNA7FjrCvfUXOf5IGf2aC1BA0L90sqn3NpoupUTDOX1WB1HeFqg1GrqkJVUpGPpC94c7qmy0K1yg==","shasum":"f61d5935bcc30f9103f37784aee6dfcfe4eaf625","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.5.1.tgz","fileCount":17,"unpackedSize":34768,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBefo//vyWaicd/iK20PmK/K/LSGU9nYL58plqzrBgqcAiEA4xU8ERJuAZAnkApxybtieXIEsT6eWS5+94zvR6403qI="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.5.1_1686601391802_0.1279277923533002"},"_hasShrinkwrap":false},"0.5.1-pr.523.6645fc7.0":{"name":"@kong-ui-public/copy-uuid","version":"0.5.1-pr.523.6645fc7.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.76.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.5.0","@kong/kongponents":"^8.76.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.5.1-pr.523.6645fc7.0","_integrity":"sha512-UgVlnGxHWPjIKfgwNGKxhNTkT+qirqVW8xYgvD01Wtq00pq5cz1rz2ElCMwJyfL2D9i1eqZE6nBSr+dyDw6teg==","_resolved":"/tmp/c8249faedd54a63d42844005eab4686b/kong-ui-public-copy-uuid-0.5.1-pr.523.6645fc7.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.5.1-pr.523.6645fc7.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-UgVlnGxHWPjIKfgwNGKxhNTkT+qirqVW8xYgvD01Wtq00pq5cz1rz2ElCMwJyfL2D9i1eqZE6nBSr+dyDw6teg==","shasum":"88ae02a9eb5bd55a03aa6926a161fa0de200d40c","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.5.1-pr.523.6645fc7.0.tgz","fileCount":17,"unpackedSize":34785,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDqhFlS3nSN+fgt5J7ryq8AEO8T8u6vn4NomTgPZsS/BAiBfqOa0gVFvBvkMNZLnQmdioUWx65ZtfKsZYyB7EBmj7g=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.5.1-pr.523.6645fc7.0_1686601571171_0.4278136638331276"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.5.1-pr.524.731cd6f.0":{"name":"@kong-ui-public/copy-uuid","version":"0.5.1-pr.524.731cd6f.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.76.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.5.0","@kong/kongponents":"^8.76.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.5.1-pr.524.731cd6f.0","_integrity":"sha512-qNdDGvM4d6+x2C9TWMDsKJUFuKb3b1kxzfxMtFKdqUxgDzt0A8s8U2UjZQa1gg5mN7KZc664daw30DAUVWOfvQ==","_resolved":"/tmp/02497cb7bfee392ec9ca07e469080c93/kong-ui-public-copy-uuid-0.5.1-pr.524.731cd6f.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.5.1-pr.524.731cd6f.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-qNdDGvM4d6+x2C9TWMDsKJUFuKb3b1kxzfxMtFKdqUxgDzt0A8s8U2UjZQa1gg5mN7KZc664daw30DAUVWOfvQ==","shasum":"21fb5072c2082621a572aac68944f49d74ad357e","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.5.1-pr.524.731cd6f.0.tgz","fileCount":17,"unpackedSize":34785,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCeGyX4u8LBHy98DrftwaSM2shn/ad6sUENYNmbJztXSwIhAMAZHJye1s3ZscK3KZwmqZA/nHaFcQ83JQnJg/dEib9Q"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.5.1-pr.524.731cd6f.0_1686601902830_0.6135396835678448"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.5.2-pr.526.2bbdb9e.0":{"name":"@kong-ui-public/copy-uuid","version":"0.5.2-pr.526.2bbdb9e.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.80.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.5.0","@kong/kongponents":"^8.80.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.5.2-pr.526.2bbdb9e.0","_integrity":"sha512-f5gzgwVXmdgTV4zQ5uhXN2cBp2udw8Xwf4iotJJDD1crepxeac7KLXXQZDQin2wmwZtrJU04zKgb4M9N0ndG6w==","_resolved":"/tmp/3c5e1ed57bcefec92a1461a7a020fda8/kong-ui-public-copy-uuid-0.5.2-pr.526.2bbdb9e.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.5.2-pr.526.2bbdb9e.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-f5gzgwVXmdgTV4zQ5uhXN2cBp2udw8Xwf4iotJJDD1crepxeac7KLXXQZDQin2wmwZtrJU04zKgb4M9N0ndG6w==","shasum":"32023f698d982de90c7c7c518194cd5f061f8d9f","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.5.2-pr.526.2bbdb9e.0.tgz","fileCount":17,"unpackedSize":34785,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDPJyiQBW01ZNsnTGf25Nfz1pP8aZuLXN9Is/HD1tkIlQIhAM4UZED1Ul8dsvjA61lnYlyR7FqH5bexM9mfaARk2pDo"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.5.2-pr.526.2bbdb9e.0_1686606879558_0.12110365310322457"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.5.2":{"name":"@kong-ui-public/copy-uuid","version":"0.5.2","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.80.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.5.0","@kong/kongponents":"^8.80.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.5.2","_integrity":"sha512-Ppd3eBWe+zboW5O4Onxf/d9TKrOlr+kGeTVdy7GKFaqP62DNe21/8bwxfHCKb2P8WAqLwVHR7SvBcYZmrvtxSQ==","_resolved":"/tmp/006a176a02cccb690f3cb6e226666b99/kong-ui-public-copy-uuid-0.5.2.tgz","_from":"file:kong-ui-public-copy-uuid-0.5.2.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-Ppd3eBWe+zboW5O4Onxf/d9TKrOlr+kGeTVdy7GKFaqP62DNe21/8bwxfHCKb2P8WAqLwVHR7SvBcYZmrvtxSQ==","shasum":"f5f464272992a901982178de1b99208b9e90a4f5","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.5.2.tgz","fileCount":17,"unpackedSize":34768,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEaLhyzvzmOYFnrzEnSAqslVEq1DF98tnQ7oPJ6sAjaKAiEAucPHZ6veO5lwD871/yJIZznIfnOFzU5jQ7k4RmAzLW8="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.5.2_1686608069401_0.6448962851699558"},"_hasShrinkwrap":false},"0.5.1-pr.518.1c0e93e.0":{"name":"@kong-ui-public/copy-uuid","version":"0.5.1-pr.518.1c0e93e.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.76.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.5.1-pr.518.1c0e93e.0","@kong/kongponents":"^8.76.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.5.1-pr.518.1c0e93e.0","_integrity":"sha512-QK5aBNoVaTCfgkBVYJ1igyiPGrmtPiqIran6rqrmi0gHxQHA0reMWpy3Qa6wdhEo5Yq8ud7TCHKrhy2t+RA+iQ==","_resolved":"/tmp/33e4e5d53b78e670786ad976f86c04b1/kong-ui-public-copy-uuid-0.5.1-pr.518.1c0e93e.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.5.1-pr.518.1c0e93e.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-QK5aBNoVaTCfgkBVYJ1igyiPGrmtPiqIran6rqrmi0gHxQHA0reMWpy3Qa6wdhEo5Yq8ud7TCHKrhy2t+RA+iQ==","shasum":"dbf21e069162deca78563ead903ebf5ced8a8d0b","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.5.1-pr.518.1c0e93e.0.tgz","fileCount":17,"unpackedSize":34802,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCVIKKvMqFzEYnCnqDBDY+yMkL1r0KCkL3BYfCFIUtUrAIhAOT5kcgu1Ttme2cM3cn+ufzJSw/4Xgt03FH5eU22WvBf"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.5.1-pr.518.1c0e93e.0_1686642084980_0.5359115847346534"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.5.1-pr.518.916f129.0":{"name":"@kong-ui-public/copy-uuid","version":"0.5.1-pr.518.916f129.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.76.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.5.1-pr.518.916f129.0","@kong/kongponents":"^8.76.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.5.1-pr.518.916f129.0","_integrity":"sha512-66sbmQGQIk1CYYN0T+QYkhk+uVv1q890q2Bq25cIPxX6RFRnqlXx1NBkQCEM/zAT4smCjpZTufmaAy8pbw3p5w==","_resolved":"/tmp/f8e24a8f569cc8b8201c25ed968e9f0a/kong-ui-public-copy-uuid-0.5.1-pr.518.916f129.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.5.1-pr.518.916f129.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-66sbmQGQIk1CYYN0T+QYkhk+uVv1q890q2Bq25cIPxX6RFRnqlXx1NBkQCEM/zAT4smCjpZTufmaAy8pbw3p5w==","shasum":"05f074ae04099fece8f80e3bbc229aa181f40992","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.5.1-pr.518.916f129.0.tgz","fileCount":17,"unpackedSize":34802,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDL2hwC+rhljF042YJEJGqg6KuxCXxkQX8rFxbypUS+PwIhAN9p7f52wO7XpXR72iY8w6qHovmbaCTk4vnUSaJGgLdq"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.5.1-pr.518.916f129.0_1686642487729_0.42004892087628876"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.5.1-pr.518.9657780.0":{"name":"@kong-ui-public/copy-uuid","version":"0.5.1-pr.518.9657780.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.76.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.5.1-pr.518.9657780.0","@kong/kongponents":"^8.76.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.5.1-pr.518.9657780.0","_integrity":"sha512-hhehUPfRCF8t5sblJrafZ8NSvehb6nIsSjks9VIYSZWINDwtV0ULR6oqgDv31yh9nuG4+Uia4mnvOWNfulgrtQ==","_resolved":"/tmp/d515a2d5b817264b11b0e545c6d296ac/kong-ui-public-copy-uuid-0.5.1-pr.518.9657780.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.5.1-pr.518.9657780.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-hhehUPfRCF8t5sblJrafZ8NSvehb6nIsSjks9VIYSZWINDwtV0ULR6oqgDv31yh9nuG4+Uia4mnvOWNfulgrtQ==","shasum":"46c2742b86da9dcf280c3ebebefc3c3659284a1d","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.5.1-pr.518.9657780.0.tgz","fileCount":17,"unpackedSize":34802,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICR1+0a6hPKsGWZo3WDnXgnMN7d+u9K9TNSCsUDPK9aoAiAMglIn8sDhcs623jfdite8rPCp2T+gNfwaScd+Butrow=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.5.1-pr.518.9657780.0_1686646481282_0.17662706881705503"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.5.3-pr.533.64ab10c.0":{"name":"@kong-ui-public/copy-uuid","version":"0.5.3-pr.533.64ab10c.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.82.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.5.1-pr.533.64ab10c.0","@kong/kongponents":"^8.82.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.5.3-pr.533.64ab10c.0","_integrity":"sha512-ioxYHXs74LWQRzu5DYLWYgoFKbOL8CKTeXAO1ZAFd/vSTj1PNFgWK6XDJJXtQLvmUy+8L8r/BGfp8389iuFtAw==","_resolved":"/tmp/9ba6d55a5349c27d819e0390aa81dea3/kong-ui-public-copy-uuid-0.5.3-pr.533.64ab10c.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.5.3-pr.533.64ab10c.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-ioxYHXs74LWQRzu5DYLWYgoFKbOL8CKTeXAO1ZAFd/vSTj1PNFgWK6XDJJXtQLvmUy+8L8r/BGfp8389iuFtAw==","shasum":"48a8272f4cab4e173db473558d2383d7d39c2ad9","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.5.3-pr.533.64ab10c.0.tgz","fileCount":17,"unpackedSize":34802,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDpa5TzuKCeVUvqxHI9JUlrMMN5beTwukFaxZzsmtZbSAiA6awEAEJKop4rggZUF7SsOkzLssLrnfG82LygS7di6bQ=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.5.3-pr.533.64ab10c.0_1686724484094_0.36601274814585527"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.5.3":{"name":"@kong-ui-public/copy-uuid","version":"0.5.3","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.80.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.6.0","@kong/kongponents":"^8.80.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.5.3","_integrity":"sha512-rSlgwsZrDXdIqI1Hfq2dzshlD5maNhzJCLIj2lS/nyHkkI+o0R33vI29vHJdVsOJlCjJUEeVFCu0lmuuW2YwWw==","_resolved":"/tmp/5184d812eea9d80ddd5674d9b4d126cc/kong-ui-public-copy-uuid-0.5.3.tgz","_from":"file:kong-ui-public-copy-uuid-0.5.3.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-rSlgwsZrDXdIqI1Hfq2dzshlD5maNhzJCLIj2lS/nyHkkI+o0R33vI29vHJdVsOJlCjJUEeVFCu0lmuuW2YwWw==","shasum":"b767b600ab2aa47e7d6a231fb4d3d48624877140","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.5.3.tgz","fileCount":17,"unpackedSize":34768,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD9E+kYjhUxDKpZFM+aRn8NecSnirfuy8nk7qAt6Y5/sQIhAPDdop6kfmAO7WXZyfB4GtVXoNJzQ7Xj3FNeDftZRo8+"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.5.3_1686724567379_0.7553801214049152"},"_hasShrinkwrap":false},"0.5.4-pr.533.2bcc0e8.0":{"name":"@kong-ui-public/copy-uuid","version":"0.5.4-pr.533.2bcc0e8.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.82.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.6.0","@kong/kongponents":"^8.82.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.5.4-pr.533.2bcc0e8.0","_integrity":"sha512-n4RiqN/xRFZUoJYPkKBbltpGNSQt2RxOScH8OVnQ8N1UYiTx+amipoGL1qBlBULZMvW4WPKNWCdm8+9XeWYL2A==","_resolved":"/tmp/de1d240802df7c7d9be6e4e59bca1a3a/kong-ui-public-copy-uuid-0.5.4-pr.533.2bcc0e8.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.5.4-pr.533.2bcc0e8.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-n4RiqN/xRFZUoJYPkKBbltpGNSQt2RxOScH8OVnQ8N1UYiTx+amipoGL1qBlBULZMvW4WPKNWCdm8+9XeWYL2A==","shasum":"39b8fca45b19014db66a229c22e4d7f1a2dcb15a","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.5.4-pr.533.2bcc0e8.0.tgz","fileCount":17,"unpackedSize":34785,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCGFbXds5GUGNlI9f52DqRtyv5fuuWpGGPpvFG8JKGN4AIgQ0OLy6G+u8X19NWaDx03Rn5CO4RHPHiCWy9ITq+FGkE="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.5.4-pr.533.2bcc0e8.0_1686724937161_0.8215702118109645"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.5.4":{"name":"@kong-ui-public/copy-uuid","version":"0.5.4","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.82.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.6.0","@kong/kongponents":"^8.82.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.5.4","_integrity":"sha512-OGzABXlTOLXD6ln7tKNdhQcVF0FiBXeA6OmuXULnDHO4TAHQUuH8jSv20EayX6XCRuSLKKnArW7SUK4p5xsmsA==","_resolved":"/tmp/51b247cd36125919707b7630df501281/kong-ui-public-copy-uuid-0.5.4.tgz","_from":"file:kong-ui-public-copy-uuid-0.5.4.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-OGzABXlTOLXD6ln7tKNdhQcVF0FiBXeA6OmuXULnDHO4TAHQUuH8jSv20EayX6XCRuSLKKnArW7SUK4p5xsmsA==","shasum":"985c7fcb397ea69e5e273138bf554327f6ee6f2a","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.5.4.tgz","fileCount":17,"unpackedSize":34768,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDep98NLtduaSG61S06UT4idIc55MDcwX+9+/ZaULVrAAIhAKWu7m0bdaWOZ02kEHSpeI/jdz+hII4QuWiWmvUJh3ka"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.5.4_1686725528218_0.894342544078109"},"_hasShrinkwrap":false},"0.5.5-pr.538.c053347.0":{"name":"@kong-ui-public/copy-uuid","version":"0.5.5-pr.538.c053347.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.82.1","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.6.0","@kong/kongponents":"^8.82.1","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.5.5-pr.538.c053347.0","_integrity":"sha512-FRPesXzSq/r1EygcUT+2ZWHKXv7uAYiQzP9Lk09S0zPcGd0pdnNK0oSlBSQp1x7knzAdK9r9JsFRoOz8fR093A==","_resolved":"/tmp/1873592a0b03a4706d6d265140706d44/kong-ui-public-copy-uuid-0.5.5-pr.538.c053347.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.5.5-pr.538.c053347.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-FRPesXzSq/r1EygcUT+2ZWHKXv7uAYiQzP9Lk09S0zPcGd0pdnNK0oSlBSQp1x7knzAdK9r9JsFRoOz8fR093A==","shasum":"5ce00781e22a803efa438ca0b969b994fb9507f6","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.5.5-pr.538.c053347.0.tgz","fileCount":17,"unpackedSize":34785,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA8WDBzIz1lAqAdzEaljdDqNbUF/JcuQSrh4PEQGM68FAiAfh1mDKAjN4DjT9fd6Gv5LPOAZKxL02c49CezI8mjwYw=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.5.5-pr.538.c053347.0_1686785248949_0.2477549256285616"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.5.5":{"name":"@kong-ui-public/copy-uuid","version":"0.5.5","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.82.1","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.6.0","@kong/kongponents":"^8.82.1","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.5.5","_integrity":"sha512-f9DM0CY1Oyd6MhuJNo6+IcTw12NVaS7eA5rivU1moXSuHDJjxaFnq7/mVYq8om8isBDTyCWXk5Hci2Eh4OP5aA==","_resolved":"/tmp/30a2b3b79f7d2112d165e5b2380e8f56/kong-ui-public-copy-uuid-0.5.5.tgz","_from":"file:kong-ui-public-copy-uuid-0.5.5.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-f9DM0CY1Oyd6MhuJNo6+IcTw12NVaS7eA5rivU1moXSuHDJjxaFnq7/mVYq8om8isBDTyCWXk5Hci2Eh4OP5aA==","shasum":"ada776cc93b7e6ba2fb678d8fec2987c8784c55c","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.5.5.tgz","fileCount":17,"unpackedSize":34768,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDlt8OuufwTDMxW85fJRpyiY+LIFl/2NFfYMg8MVDLHgAIgZeBt3ru4jh+4g0NYmJCFSYU7sRD4JNX918F1G0lZgY8="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.5.5_1686785982837_0.43859508926816404"},"_hasShrinkwrap":false},"0.5.6-pr.540.b6d6ca7.0":{"name":"@kong-ui-public/copy-uuid","version":"0.5.6-pr.540.b6d6ca7.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.82.2","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.6.0","@kong/kongponents":"^8.82.2","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.5.6-pr.540.b6d6ca7.0","_integrity":"sha512-3TZuPdrCKiXiIGSoiIRLpTFp8//Zkn5lmkdkIZTZxR3zCF2KU262eUcIxeqns6o8JJBx9GC2l905p4eGu7tHdg==","_resolved":"/tmp/dda60292dbf4c1126499ca0e48b6a9f5/kong-ui-public-copy-uuid-0.5.6-pr.540.b6d6ca7.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.5.6-pr.540.b6d6ca7.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-3TZuPdrCKiXiIGSoiIRLpTFp8//Zkn5lmkdkIZTZxR3zCF2KU262eUcIxeqns6o8JJBx9GC2l905p4eGu7tHdg==","shasum":"c6dc1718ccbfe01587072ee7c6e11578e51055d9","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.5.6-pr.540.b6d6ca7.0.tgz","fileCount":17,"unpackedSize":34785,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICFvin8hbzwqBsveOKzHN0wd5/B0swd460RPH27hAkS+AiABoXNhaOJA8GX9IGKVZpNmUhiY7SUGf6fldPTEmzPv1Q=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.5.6-pr.540.b6d6ca7.0_1686826825445_0.4956208224498331"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.5.6-pr.534.47464bb.0":{"name":"@kong-ui-public/copy-uuid","version":"0.5.6-pr.534.47464bb.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.82.2","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.6.0","@kong/kongponents":"^8.82.2","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.5.6-pr.534.47464bb.0","_integrity":"sha512-2+ofyXLP573o5Xd4+Y2PtuqhizoJYm7ZzrrefOTF8kvvGsgoAuIjxPxMGUmLVxF9Jw5Fp47pDZh+I2qe8fcQXg==","_resolved":"/tmp/2d7b39b41506e78f3278438695c7dd44/kong-ui-public-copy-uuid-0.5.6-pr.534.47464bb.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.5.6-pr.534.47464bb.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-2+ofyXLP573o5Xd4+Y2PtuqhizoJYm7ZzrrefOTF8kvvGsgoAuIjxPxMGUmLVxF9Jw5Fp47pDZh+I2qe8fcQXg==","shasum":"9310ea657acd5e49f278993e47077650d7336bfc","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.5.6-pr.534.47464bb.0.tgz","fileCount":17,"unpackedSize":34785,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCKXRy4OzoIU6XnzfJCtfVTgCvFH6hlHJvSXOpY+2Dg9wIgR+hMQPRU660jCg/ie5RFEGu2CgCYbg14APjk7FtksAI="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.5.6-pr.534.47464bb.0_1686827565727_0.13234439975722534"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.5.6-pr.542.a88ad61.0":{"name":"@kong-ui-public/copy-uuid","version":"0.5.6-pr.542.a88ad61.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.82.2","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.6.0","@kong/kongponents":"^8.82.2","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.5.6-pr.542.a88ad61.0","_integrity":"sha512-F4z+CQwp4Og3u0dfh0IWb0OBvK5onzOU99gPIYrZGRLkEI5pfRGY/zY/CXm/JROKogvvJZ756OsORvPf4OVY4A==","_resolved":"/tmp/0e098090184197ca7e9c7bc8b591130c/kong-ui-public-copy-uuid-0.5.6-pr.542.a88ad61.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.5.6-pr.542.a88ad61.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-F4z+CQwp4Og3u0dfh0IWb0OBvK5onzOU99gPIYrZGRLkEI5pfRGY/zY/CXm/JROKogvvJZ756OsORvPf4OVY4A==","shasum":"fb9d614d0d46d52d1a3aec58605839e619955457","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.5.6-pr.542.a88ad61.0.tgz","fileCount":17,"unpackedSize":34785,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE2eA92KGGjFpXFJo0nJ/qJI30ZCBs9Q49ROWTYvoWmwAiBbhBl23kvrmZWZGenmZWV6s+yxPsrBX3WvZPHu84BF3A=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.5.6-pr.542.a88ad61.0_1686827588741_0.8515993146763263"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.5.6-pr.439.5891a67.0":{"name":"@kong-ui-public/copy-uuid","version":"0.5.6-pr.439.5891a67.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.82.2","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.6.0","@kong/kongponents":"^8.82.2","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.5.6-pr.439.5891a67.0","_integrity":"sha512-uj+tRFEvJfbPtlG06s6LGFIT6SboaMafJrt4ZQcYdGUT25rmS73G9jmKaveZtHedzjxIPb2WMi3JyWRfesBlKQ==","_resolved":"/tmp/8bd0ca75bc932a07513e5ac5f1bc9b7e/kong-ui-public-copy-uuid-0.5.6-pr.439.5891a67.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.5.6-pr.439.5891a67.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-uj+tRFEvJfbPtlG06s6LGFIT6SboaMafJrt4ZQcYdGUT25rmS73G9jmKaveZtHedzjxIPb2WMi3JyWRfesBlKQ==","shasum":"a746398cd3b1429f7d2e6a05ac032879ac377659","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.5.6-pr.439.5891a67.0.tgz","fileCount":17,"unpackedSize":34785,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHWwqIwyB7ycZdTQonL2YJPITCGRPujL2cF65oWFTwlvAiAB3Y1fRYQ6JVrg0RB873vajY1w6vAdc8oV/+7Q1Kv70A=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.5.6-pr.439.5891a67.0_1686827623325_0.3656915390688431"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.5.6":{"name":"@kong-ui-public/copy-uuid","version":"0.5.6","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.82.2","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.6.0","@kong/kongponents":"^8.82.2","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.5.6","_integrity":"sha512-Fqo8xHqLKqnBJDeXMn6B8Xf1TU+Z7BCTxrSYokScmA5MMwAvLUj15ToYLxySzBhRNIqbMdRo3AMGZ3Dn2mmwxw==","_resolved":"/tmp/09b40175956ed81ecd3a102d1ba5db79/kong-ui-public-copy-uuid-0.5.6.tgz","_from":"file:kong-ui-public-copy-uuid-0.5.6.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-Fqo8xHqLKqnBJDeXMn6B8Xf1TU+Z7BCTxrSYokScmA5MMwAvLUj15ToYLxySzBhRNIqbMdRo3AMGZ3Dn2mmwxw==","shasum":"45183ef63b06374f10dbab2527bab965b76c2d0a","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.5.6.tgz","fileCount":17,"unpackedSize":34768,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICI5icw0I4Vo2txpFdcVpCps1WCLYesWB0jAIxbCD8nnAiBbhOL0IfN4hjiQ+G4MoIWEb0IGjQgM7EAFd9NEss/MCA=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.5.6_1686828167204_0.04269392935423011"},"_hasShrinkwrap":false},"0.5.7-pr.554.5a0dc27.0":{"name":"@kong-ui-public/copy-uuid","version":"0.5.7-pr.554.5a0dc27.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.82.3","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.6.0","@kong/kongponents":"^8.82.3","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.5.7-pr.554.5a0dc27.0","_integrity":"sha512-MKPXRkVaG5HnkTnrPEE7zERWXLBECnS2DATfpz4OZKBJUqvjvFvLyn3RfHpEjqwfWbUsby/KXvwgGXOiJdv4kA==","_resolved":"/tmp/895588da04a71a20dbca3b1635f6b79b/kong-ui-public-copy-uuid-0.5.7-pr.554.5a0dc27.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.5.7-pr.554.5a0dc27.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-MKPXRkVaG5HnkTnrPEE7zERWXLBECnS2DATfpz4OZKBJUqvjvFvLyn3RfHpEjqwfWbUsby/KXvwgGXOiJdv4kA==","shasum":"1ebfe3c49bcca0fbbbbf91b9395ec102e7549527","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.5.7-pr.554.5a0dc27.0.tgz","fileCount":17,"unpackedSize":34785,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB3xv3gqBUitReWRD8gLXKspVNd6yyFIq6uZDkQ0tgOkAiEAgzL4FRMM7JYNHIIggaaOq9ofbfc7tk4zmmD/axkU4nc="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.5.7-pr.554.5a0dc27.0_1687371261682_0.37270454237711537"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.5.7-pr.554.18c0055.0":{"name":"@kong-ui-public/copy-uuid","version":"0.5.7-pr.554.18c0055.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.82.4","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.6.0","@kong/kongponents":"^8.82.4","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.5.7-pr.554.18c0055.0","_integrity":"sha512-/Sc3x8WBgo4jjFXBjCz2SLSEcV6PsLT1WznUJ+/tCPG21guRLULACWxwmZzwIa4UxTAdJ3Wj25w9ntgxSaLzxg==","_resolved":"/tmp/fa4780b787adca7df84ce127663079a4/kong-ui-public-copy-uuid-0.5.7-pr.554.18c0055.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.5.7-pr.554.18c0055.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-/Sc3x8WBgo4jjFXBjCz2SLSEcV6PsLT1WznUJ+/tCPG21guRLULACWxwmZzwIa4UxTAdJ3Wj25w9ntgxSaLzxg==","shasum":"58dfd1a1ed81ba887ee38715a0f0fb2dd7fe2aef","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.5.7-pr.554.18c0055.0.tgz","fileCount":17,"unpackedSize":34785,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDVjr2UjzDZhCa81UGG5eh7NXzakz6fzWAaFLN+90LHcQIhAMRWPKSdrbZ6Ys5exboH4URZoubXXxly8WgQqi7bOmep"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.5.7-pr.554.18c0055.0_1687392466215_0.29354556419691313"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.5.7":{"name":"@kong-ui-public/copy-uuid","version":"0.5.7","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.82.4","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.6.0","@kong/kongponents":"^8.82.4","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.5.7","_integrity":"sha512-k8Hl9swxRvwwKW3+tNIrTHyg8ABjMoSaE0b8pV7qbaA8mqNGskbVbtgV8ei4EnHhYyEKqWosIMu4wBfPaKI1Ng==","_resolved":"/tmp/fcad1bb294932bbab5be4dc5d1e0fe40/kong-ui-public-copy-uuid-0.5.7.tgz","_from":"file:kong-ui-public-copy-uuid-0.5.7.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-k8Hl9swxRvwwKW3+tNIrTHyg8ABjMoSaE0b8pV7qbaA8mqNGskbVbtgV8ei4EnHhYyEKqWosIMu4wBfPaKI1Ng==","shasum":"21b2e13a87360d5b3faf252ba95803c7544989ab","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.5.7.tgz","fileCount":17,"unpackedSize":34768,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGMVbVUAWD+ZFCPvMVEXDfsRGZ5jNtgJ82t9N/j/Rwx6AiEAoNyp2P+fmvvdzoaAKbPNp0CRVLY5WcFw6KrDbtpcezQ="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.5.7_1687393208208_0.3155493188337142"},"_hasShrinkwrap":false},"0.5.7-pr.474.4c57c8d.0":{"name":"@kong-ui-public/copy-uuid","version":"0.5.7-pr.474.4c57c8d.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.82.2","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.6.1-pr.474.4c57c8d.0","@kong/kongponents":"^8.82.2","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.5.7-pr.474.4c57c8d.0","_integrity":"sha512-WwH+NTd2y5+JFbg2n408HTkzkjGwcQbZocLnBdeeWX7tCo4+ylIoEoQ36QslinxVVpcwi2WYz5zax9cpNtqZRg==","_resolved":"/tmp/54c88075ea6b68cef39eb4f8b2d7f8ea/kong-ui-public-copy-uuid-0.5.7-pr.474.4c57c8d.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.5.7-pr.474.4c57c8d.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-WwH+NTd2y5+JFbg2n408HTkzkjGwcQbZocLnBdeeWX7tCo4+ylIoEoQ36QslinxVVpcwi2WYz5zax9cpNtqZRg==","shasum":"ea2467f84e9edc4ad1f36c8dc0f751b3d7f3d59d","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.5.7-pr.474.4c57c8d.0.tgz","fileCount":17,"unpackedSize":34802,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDQ1gUCxlGKHo58el+F6RfwKKQI3/MwzJ83iLK52mV9VQIhAPpP+9RjQeNfyQr51iTCcvB4aHBkHSQPuy3t4PM9P1qG"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.5.7-pr.474.4c57c8d.0_1687439314589_0.5907588221164972"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.5.8":{"name":"@kong-ui-public/copy-uuid","version":"0.5.8","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.83.0","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.6.0","@kong/kongponents":"^8.83.0","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.5.8","_integrity":"sha512-DG5sDnyPsE6ZBHHAFlMjbNGH2NnIQICCnM/cTe0L/PPSDT5Al332/KGjGz3U7QplJgEvBjog1xE1C/ZJPj2JYQ==","_resolved":"/tmp/11e1a856a06c6d06b11cc6810cc37cb4/kong-ui-public-copy-uuid-0.5.8.tgz","_from":"file:kong-ui-public-copy-uuid-0.5.8.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-DG5sDnyPsE6ZBHHAFlMjbNGH2NnIQICCnM/cTe0L/PPSDT5Al332/KGjGz3U7QplJgEvBjog1xE1C/ZJPj2JYQ==","shasum":"f07c1e4e4a31a8918b4f04e311c4e4215391ef83","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.5.8.tgz","fileCount":17,"unpackedSize":34768,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDxdHzQqAlqCO0ojKw28qVyblPopitvA5RQBze4qmNo1AiEAms3C1MwycKop8Ie4i9S0BSZxzBajIMzVAn+Tt1YgUeY="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.5.8_1687553441232_0.2306605483927222"},"_hasShrinkwrap":false},"0.5.9":{"name":"@kong-ui-public/copy-uuid","version":"0.5.9","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.83.1","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.6.0","@kong/kongponents":"^8.83.1","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.5.9","_integrity":"sha512-sW6NsSYhgLHCRZ2sNRZgKuuY/6AwYYIoo6he3S1LpnhaLIO8L+3E9bqoi6zwr8HAj0/K0GgEokDno56rEBFt+w==","_resolved":"/tmp/db825d15eab290160fba50dc657fedd2/kong-ui-public-copy-uuid-0.5.9.tgz","_from":"file:kong-ui-public-copy-uuid-0.5.9.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-sW6NsSYhgLHCRZ2sNRZgKuuY/6AwYYIoo6he3S1LpnhaLIO8L+3E9bqoi6zwr8HAj0/K0GgEokDno56rEBFt+w==","shasum":"aaf016cdb740138c030afd9e19e321f41b2f55d1","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.5.9.tgz","fileCount":17,"unpackedSize":34768,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDNxa7kVNp6yiGdZUm4ha5ZCjX+16K4ewBBtPgB9HNddAiEAywlD6/hLPzkXWAk1d4CcHkBxNylkm/jtyopTtteCfVE="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.5.9_1687771995564_0.12043709929054347"},"_hasShrinkwrap":false},"0.5.10":{"name":"@kong-ui-public/copy-uuid","version":"0.5.10","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.83.2","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.6.0","@kong/kongponents":"^8.83.2","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.5.10","_integrity":"sha512-VMTOQwTrdAFW6NI/VyeHpEBIOy/WD3dSwJAskVIezdbFCz73pRGMPyz9AAZX2jSzVnEF5yleJzyFNh+2C3vgKw==","_resolved":"/tmp/6275b3833095a90721b128d3017df760/kong-ui-public-copy-uuid-0.5.10.tgz","_from":"file:kong-ui-public-copy-uuid-0.5.10.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-VMTOQwTrdAFW6NI/VyeHpEBIOy/WD3dSwJAskVIezdbFCz73pRGMPyz9AAZX2jSzVnEF5yleJzyFNh+2C3vgKw==","shasum":"db1fa483c9f36246ebab8cb45d561ca04d135a9d","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.5.10.tgz","fileCount":17,"unpackedSize":34769,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICK8npbD8UdDUiM/d/PhWSwGKiEvaug36UwzSEzaBgFzAiBd+eBpAYghG4U5ZYxCR57Nj1RxoKhKyW0Eh++EYAD4Xw=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.5.10_1687789495401_0.6239784270974074"},"_hasShrinkwrap":false},"0.5.11":{"name":"@kong-ui-public/copy-uuid","version":"0.5.11","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.83.2","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.6.1","@kong/kongponents":"^8.83.2","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.5.11","_integrity":"sha512-4kGkA2KjPjLgb7IO/IetYnHJ8u8914amehijH5+0HgkX8sk1175Dzsuo0j3EeCgd7b59nXrAvcy074jMCqarCg==","_resolved":"/tmp/625f899aae77262155222b6fc4985bd6/kong-ui-public-copy-uuid-0.5.11.tgz","_from":"file:kong-ui-public-copy-uuid-0.5.11.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-4kGkA2KjPjLgb7IO/IetYnHJ8u8914amehijH5+0HgkX8sk1175Dzsuo0j3EeCgd7b59nXrAvcy074jMCqarCg==","shasum":"dc506c1c80e31f3632fcda9f95cb1e97cb8f140d","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.5.11.tgz","fileCount":17,"unpackedSize":34769,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDf1HxdbMKOiLBy/pwikRnJXqAxSIatkxDwzsMIbVaNOQIhALIQ89mFNquYi5V3ux0zppxwuzx3VhbSClddlfMBNZE4"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.5.11_1687799578189_0.6588027627234032"},"_hasShrinkwrap":false},"0.5.12-pr.574.ab8cbf3.0":{"name":"@kong-ui-public/copy-uuid","version":"0.5.12-pr.574.ab8cbf3.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.83.2","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.6.2-pr.574.ab8cbf3.0","@kong/kongponents":"^8.83.2","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.5.12-pr.574.ab8cbf3.0","_integrity":"sha512-ssYClCw6I+wPM0P3J5ubXDV0waD3O9hnT4nmEuvi97qidJFFjsYHKIW2z9nr9FCUAq5dPcu5V1tLzyVlwueHnQ==","_resolved":"/tmp/418133f8be06fab26994ab2985fcbdfe/kong-ui-public-copy-uuid-0.5.12-pr.574.ab8cbf3.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.5.12-pr.574.ab8cbf3.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-ssYClCw6I+wPM0P3J5ubXDV0waD3O9hnT4nmEuvi97qidJFFjsYHKIW2z9nr9FCUAq5dPcu5V1tLzyVlwueHnQ==","shasum":"1b68ff5c13c1a14d6e085b8c39a7434b4a85aca7","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.5.12-pr.574.ab8cbf3.0.tgz","fileCount":17,"unpackedSize":34803,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDpJdK2gH0kYhaAqj94xgK8E7RM7GMTJzoeWclNmSHfgAiEAtl8r4t30NL9nZadRXHO+IiIw7A08+2AwMQrJwRarbAw="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.5.12-pr.574.ab8cbf3.0_1687814895160_0.08309404505049245"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.5.12-pr.574.3e4214e.0":{"name":"@kong-ui-public/copy-uuid","version":"0.5.12-pr.574.3e4214e.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.83.2","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.6.2-pr.574.3e4214e.0","@kong/kongponents":"^8.83.2","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.5.12-pr.574.3e4214e.0","_integrity":"sha512-98u1m5NZeepHtgJzESmj1V72a1E40PGw5q5hOe0Flvlfr+KMXjweF5xsqaHXlIP5GgW6iTwMvU3CWZJKIYABTA==","_resolved":"/tmp/f2277fdeb17eb9a29c35829495a19fc2/kong-ui-public-copy-uuid-0.5.12-pr.574.3e4214e.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.5.12-pr.574.3e4214e.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-98u1m5NZeepHtgJzESmj1V72a1E40PGw5q5hOe0Flvlfr+KMXjweF5xsqaHXlIP5GgW6iTwMvU3CWZJKIYABTA==","shasum":"502dcf7c47b485af8f3146d6b7b3f4d2be8d71f1","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.5.12-pr.574.3e4214e.0.tgz","fileCount":17,"unpackedSize":34803,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBORw/n/9e15q3C+AhmJdJk0rIcIha7vP+BSTkxhwRpHAiEAqa75AZm3s4G77VNq2YFOn7wXzlCaN8w7z04lrZ32Kr4="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.5.12-pr.574.3e4214e.0_1687819349501_0.1501668175302613"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.5.12":{"name":"@kong-ui-public/copy-uuid","version":"0.5.12","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.83.4","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.6.1","@kong/kongponents":"^8.83.4","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.5.12","_integrity":"sha512-3FUWBIBedIwY7cVVeHGzzRIgFZWRp+BapHbeOSzrrCIfehQWvbj/HEtM0c3J3Ivei0S8UN5CURtQZgT1zQWLgw==","_resolved":"/tmp/ea63e10854864b6fc86b08e258d2ec7d/kong-ui-public-copy-uuid-0.5.12.tgz","_from":"file:kong-ui-public-copy-uuid-0.5.12.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-3FUWBIBedIwY7cVVeHGzzRIgFZWRp+BapHbeOSzrrCIfehQWvbj/HEtM0c3J3Ivei0S8UN5CURtQZgT1zQWLgw==","shasum":"c35b42dbd87cac72c111bedd2ad4ee2523f4a25f","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.5.12.tgz","fileCount":17,"unpackedSize":34718,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC8AP7knzOABUO7xPWk7Ps/RZEnA5GtdFzLX2m6Z75xMwIhAJE8qOBHDtKBltgnhK6UFwDK/bqlmc5lnHs3P5Tcryc+"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.5.12_1687989518345_0.27913935317534233"},"_hasShrinkwrap":false},"0.5.13":{"name":"@kong-ui-public/copy-uuid","version":"0.5.13","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.83.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.6.1","@kong/kongponents":"^8.83.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.5.13","_integrity":"sha512-/wBV41/jK3X4EbZGt4b+X1JbZHtS7Pd941AHTr8y/wa2TPNMUytvfUy8lgz+cWxOKfIjWMmD9Aa9imRNSHgLSA==","_resolved":"/tmp/bfe24ed2d668050188deb63d6266a45e/kong-ui-public-copy-uuid-0.5.13.tgz","_from":"file:kong-ui-public-copy-uuid-0.5.13.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-/wBV41/jK3X4EbZGt4b+X1JbZHtS7Pd941AHTr8y/wa2TPNMUytvfUy8lgz+cWxOKfIjWMmD9Aa9imRNSHgLSA==","shasum":"072bb1aeef10da86c4c54f16c02035495074b96e","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.5.13.tgz","fileCount":17,"unpackedSize":34718,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDh5a8Do1AW5VkO20k8kwsVFW1ekfNo+yAXLxPXkji9qAIgH+pGKTLT25UBbM99Xr0j+VxuFz+WimEvdG3MMFHYRWM="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.5.13_1688004970570_0.09752008292904701"},"_hasShrinkwrap":false},"0.5.14-pr.616.e3701a8.0":{"name":"@kong-ui-public/copy-uuid","version":"0.5.14-pr.616.e3701a8.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.83.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.6.2-pr.616.e3701a8.0","@kong/kongponents":"^8.83.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.5.14-pr.616.e3701a8.0","_integrity":"sha512-sHnelRTaYmwS1thHuMsjJvvFJYUtBHuOTNCvC6zbJi0jNVz2UrXsoXVJZXNMmdeK9fQplfdEnWP4HDOUJiBbmA==","_resolved":"/tmp/90966a98ca436be1ed89b32eac1f0f28/kong-ui-public-copy-uuid-0.5.14-pr.616.e3701a8.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.5.14-pr.616.e3701a8.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-sHnelRTaYmwS1thHuMsjJvvFJYUtBHuOTNCvC6zbJi0jNVz2UrXsoXVJZXNMmdeK9fQplfdEnWP4HDOUJiBbmA==","shasum":"963b2fd6890f607195bb24fd67ebb03df0415039","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.5.14-pr.616.e3701a8.0.tgz","fileCount":17,"unpackedSize":34752,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHSpRyWydnZkuQtpjEvBaRf8kOXrLGV0GLf+FMLI0rlBAiEAlhzPttTU4D8VbnSet5d0bWO7q/Nqt3o5rD0KYo0t3Gs="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.5.14-pr.616.e3701a8.0_1689715692238_0.21490114367181556"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.5.14-pr.616.16d5544.0":{"name":"@kong-ui-public/copy-uuid","version":"0.5.14-pr.616.16d5544.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.83.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.6.2-pr.616.16d5544.0","@kong/kongponents":"^8.83.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.5.14-pr.616.16d5544.0","_integrity":"sha512-8eELbiax58UgEcIuVNPTxotd0G7OnzRwlf6BBk1qahSnkLXqJePJdU3l+RR/29LI2Wsi6YMVuN9IzTj9v2YHSg==","_resolved":"/tmp/5a076913cbb85f0a85d96bcee2a4d5f5/kong-ui-public-copy-uuid-0.5.14-pr.616.16d5544.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.5.14-pr.616.16d5544.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-8eELbiax58UgEcIuVNPTxotd0G7OnzRwlf6BBk1qahSnkLXqJePJdU3l+RR/29LI2Wsi6YMVuN9IzTj9v2YHSg==","shasum":"7d6f73828bc06d572cbdcfa75227109ca24b2764","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.5.14-pr.616.16d5544.0.tgz","fileCount":17,"unpackedSize":34752,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBmiXDYazcZ+Bs2aCILqA5C4GbUmRcs1cwA/drpfy4zpAiEAv7WxuZWnE3tynSghosveQmgeyBgWNVzApS5XnQGs1Qs="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.5.14-pr.616.16d5544.0_1689717094098_0.9790196042490311"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.5.14-pr.616.b4ff420.0":{"name":"@kong-ui-public/copy-uuid","version":"0.5.14-pr.616.b4ff420.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.83.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.6.2-pr.616.b4ff420.0","@kong/kongponents":"^8.83.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.5.14-pr.616.b4ff420.0","_integrity":"sha512-ZnA52e8axa8E1Gvd9UmoiKsEHor4+gFFg70fHoQ10x0ev6eBXyDLvAY8XIwi1f1JPotbk0+lcbvBwAgrty/+5Q==","_resolved":"/tmp/e669da89121f1b057d465270bfe1a21b/kong-ui-public-copy-uuid-0.5.14-pr.616.b4ff420.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.5.14-pr.616.b4ff420.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-ZnA52e8axa8E1Gvd9UmoiKsEHor4+gFFg70fHoQ10x0ev6eBXyDLvAY8XIwi1f1JPotbk0+lcbvBwAgrty/+5Q==","shasum":"cff3c8e5554bde5479f3b66cb77b55a2e3b29cb6","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.5.14-pr.616.b4ff420.0.tgz","fileCount":17,"unpackedSize":34752,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDSVxk2RaH7xl6fPTwM/MUnJYiSoCRjY62XhX8wYJlxiwIhAN+i8wB35Wyw9jxq4fYuotnZeLhBhQT6dwp3mdfqSdg3"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.5.14-pr.616.b4ff420.0_1689717963942_0.5736426457804067"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.5.14-pr.616.754259.0":{"name":"@kong-ui-public/copy-uuid","version":"0.5.14-pr.616.754259.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.83.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.6.2-pr.616.0754259.0","@kong/kongponents":"^8.83.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.5.14-pr.616.754259.0","_integrity":"sha512-um2Rg9b3gNyQdFyIuzpXijhtOB6Ozb4UxaGvb6ZXofq1o5WNP1Kg1xXlAbbczl92/xrcU5Qvg3VjFKLL2hsc5w==","_resolved":"/tmp/628c213ef5c0b4216bd04994feb76f33/kong-ui-public-copy-uuid-0.5.14-pr.616.0754259.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.5.14-pr.616.0754259.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-um2Rg9b3gNyQdFyIuzpXijhtOB6Ozb4UxaGvb6ZXofq1o5WNP1Kg1xXlAbbczl92/xrcU5Qvg3VjFKLL2hsc5w==","shasum":"f799b14260c6b0209eba7921ad3cca50dcce10c7","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.5.14-pr.616.754259.0.tgz","fileCount":17,"unpackedSize":34752,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDFc6/Tu24MbTrj+6nqLDpfEkVLI+IU7qcYR3sAPfqDmwIhAIPpjcWWjsur3if9eaPJT7cl40lYb9MJipGjXYH0GV62"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.5.14-pr.616.754259.0_1689718212791_0.6348265326263038"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.5.14-pr.616.11a2666.0":{"name":"@kong-ui-public/copy-uuid","version":"0.5.14-pr.616.11a2666.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.83.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.6.2-pr.616.11a2666.0","@kong/kongponents":"^8.83.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.5.14-pr.616.11a2666.0","_integrity":"sha512-O397f3vAge8XSgYPDGuhEibi/jQVvfOss0us3oi0uVpyysapYfC9e1y/1GDQtCOPDfpPpN0wWC4UT9EblYuRkg==","_resolved":"/tmp/81abc304d72c40b71600ef0f61734e04/kong-ui-public-copy-uuid-0.5.14-pr.616.11a2666.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.5.14-pr.616.11a2666.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-O397f3vAge8XSgYPDGuhEibi/jQVvfOss0us3oi0uVpyysapYfC9e1y/1GDQtCOPDfpPpN0wWC4UT9EblYuRkg==","shasum":"7097bd1423699a9843dc22e40ccb34a0c6cdb01a","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.5.14-pr.616.11a2666.0.tgz","fileCount":17,"unpackedSize":34752,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCxlEDxZIEKG7859RsiGLPpnmeIEk1Z6gKa/zRgrxGmCgIgS57Oomxj8xbUR+40OO7PWPdbW2WKmh750pAChKO+fcM="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.5.14-pr.616.11a2666.0_1689774757725_0.6294171157280306"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.5.14":{"name":"@kong-ui-public/copy-uuid","version":"0.5.14","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.83.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.7.0","@kong/kongponents":"^8.83.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.5.14","_integrity":"sha512-RhagQFDZtjIZpRc5HLGNFVatfn006He05p9e3rtpzugwEjuV7MlWXW6qY26y6It2mMr2x77ZCh2DDBjMFTDGoA==","_resolved":"/tmp/4a3555df1f73103b46f315871acfafa6/kong-ui-public-copy-uuid-0.5.14.tgz","_from":"file:kong-ui-public-copy-uuid-0.5.14.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-RhagQFDZtjIZpRc5HLGNFVatfn006He05p9e3rtpzugwEjuV7MlWXW6qY26y6It2mMr2x77ZCh2DDBjMFTDGoA==","shasum":"1f7d81eb1d6632d854674a5ea7d508e860e859e9","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.5.14.tgz","fileCount":17,"unpackedSize":34718,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICbtJy5Yya23XCF6C5KG4vfmcQynod714FRY03U/xMSaAiAskjhW3ND2QCXuvhQCONPxy/1GunszK8NKHEwX2fW+4A=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.5.14_1689777303095_0.08961703496897"},"_hasShrinkwrap":false},"0.5.15-pr.618.1de3214.0":{"name":"@kong-ui-public/copy-uuid","version":"0.5.15-pr.618.1de3214.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.83.5","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.7.1-pr.618.1de3214.0","@kong/kongponents":"^8.83.5","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.5.15-pr.618.1de3214.0","_integrity":"sha512-0djY/BSSXXAI6zRFE8qhokWDUGtSRSaAgd6RGqXIiaCD4AWPvmUtm6ZhLIRrrxtM929dXRNLDBqzhHKpFVX3Ag==","_resolved":"/tmp/69677595a0abf09c9c7134ac7fcc6ca7/kong-ui-public-copy-uuid-0.5.15-pr.618.1de3214.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.5.15-pr.618.1de3214.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-0djY/BSSXXAI6zRFE8qhokWDUGtSRSaAgd6RGqXIiaCD4AWPvmUtm6ZhLIRrrxtM929dXRNLDBqzhHKpFVX3Ag==","shasum":"426f6b3aaa3909a11a81e4e8fdb1683c56b70745","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.5.15-pr.618.1de3214.0.tgz","fileCount":17,"unpackedSize":34751,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGJ/IyOVye/JxZzurFwalokwad9sCeco7+NKUEuZZa01AiEAuVdfrP+OgMMZh/IrspIyLV+R5LU2Ze5Xem7Ejc2Xo0I="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.5.15-pr.618.1de3214.0_1689790775616_0.24409428372098207"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.6.0":{"name":"@kong-ui-public/copy-uuid","version":"0.6.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.83.5","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.0","@kong/kongponents":"^8.83.5","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.6.0","_integrity":"sha512-SDNeKfTURx8VW0q0i63tYOJzT3lQXd8OoG7hmgyKbstbMmj9XeGwW3NuHeNxW8brY4WTgebXRAWHIoHPktIqwg==","_resolved":"/tmp/936ab1c4b874ea0e7dfe9e1529c2f10a/kong-ui-public-copy-uuid-0.6.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.6.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-SDNeKfTURx8VW0q0i63tYOJzT3lQXd8OoG7hmgyKbstbMmj9XeGwW3NuHeNxW8brY4WTgebXRAWHIoHPktIqwg==","shasum":"0e9810392de315d125303974d85c26993451ee62","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.6.0.tgz","fileCount":17,"unpackedSize":34716,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDHqszJzfAhjeLIjc7T8Uoutu9Mdt5LqzQos2LP8cd5UAIhAJhUuTcl/g/9luwAn+dLe7PVZUk3n+L0Jw2r6SRx6Pqv"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.6.0_1689799543454_0.8192282183786666"},"_hasShrinkwrap":false},"0.5.15-pr.603.bdecb5f.0":{"name":"@kong-ui-public/copy-uuid","version":"0.5.15-pr.603.bdecb5f.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.83.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.7.1-pr.603.bdecb5f.0","@kong/kongponents":"^8.83.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.5.15-pr.603.bdecb5f.0","_integrity":"sha512-jUWgJAT6nMlur3BTm3n57r85h8Z0pas8Mma86p8sP/wvNLUxPW/63RDniKcjmMMiaQ+OLPWMZl0DaNl5rLEJvg==","_resolved":"/tmp/93567f3297e75f0a531b86e65c3945cf/kong-ui-public-copy-uuid-0.5.15-pr.603.bdecb5f.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.5.15-pr.603.bdecb5f.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-jUWgJAT6nMlur3BTm3n57r85h8Z0pas8Mma86p8sP/wvNLUxPW/63RDniKcjmMMiaQ+OLPWMZl0DaNl5rLEJvg==","shasum":"34763c5a03f4b531d319c3c4d20836a72f317627","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.5.15-pr.603.bdecb5f.0.tgz","fileCount":17,"unpackedSize":34753,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHkuPQpc16v+4tvoYFqAmKpa62MkXwp2begfldYkVal5AiBEEYsEW3WluFNQdNDTkysKvKWPLqQ+A1uXo3h/Pgz0HA=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.5.15-pr.603.bdecb5f.0_1689802407811_0.21590954527156692"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.5.15-pr.603.053f46f.0":{"name":"@kong-ui-public/copy-uuid","version":"0.5.15-pr.603.053f46f.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.83.5","vue":"^3.2.47"},"devDependencies":{"@kong-ui-public/i18n":"^0.7.1-pr.603.053f46f.0","@kong/kongponents":"^8.83.5","vue":"^3.2.47"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.5.15-pr.603.053f46f.0","_integrity":"sha512-SfiEK49rRMhXaW6rPHtH4c22ck9G/yQGfrfPPOMVnA4yqwRplAGo4JvOMLr25V1ZQp8Qp8+7FhqQ2w8EU3EVLw==","_resolved":"/tmp/ad2296bf4845f6b7926043f49cb4311e/kong-ui-public-copy-uuid-0.5.15-pr.603.053f46f.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.5.15-pr.603.053f46f.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-SfiEK49rRMhXaW6rPHtH4c22ck9G/yQGfrfPPOMVnA4yqwRplAGo4JvOMLr25V1ZQp8Qp8+7FhqQ2w8EU3EVLw==","shasum":"6eb75a23288e0698bb4a13ee5ff101c75a203c95","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.5.15-pr.603.053f46f.0.tgz","fileCount":17,"unpackedSize":34753,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDagplqFj1HLqO3ilb3jzHtHDj+ixkaTOx74FDE/KY4VQIhALHTaTEpoAmPWgHndzQvZa4RVkDRFMclf2y//0qlFOE6"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.5.15-pr.603.053f46f.0_1689802756036_0.7823047188589964"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.6.1-pr.608.4a7ebcd.0":{"name":"@kong-ui-public/copy-uuid","version":"0.6.1-pr.608.4a7ebcd.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.91.0","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.0","@kong/kongponents":"^8.91.0","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.6.1-pr.608.4a7ebcd.0","_integrity":"sha512-vzH5T/nCn0uoFU6m1cD92McQrL9ot9pfR+ufX96hznXIv7rblkM8NyQPT3A5L1Gm2NM7DVIHCKllCtvqTm/VQw==","_resolved":"/tmp/341971387c8b0703ef2281fa44d67a3d/kong-ui-public-copy-uuid-0.6.1-pr.608.4a7ebcd.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.6.1-pr.608.4a7ebcd.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-vzH5T/nCn0uoFU6m1cD92McQrL9ot9pfR+ufX96hznXIv7rblkM8NyQPT3A5L1Gm2NM7DVIHCKllCtvqTm/VQw==","shasum":"547f32c107455d49bfb3f4c6fafe4b0efe5373db","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.6.1-pr.608.4a7ebcd.0.tgz","fileCount":17,"unpackedSize":34733,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDE8aNEABrA4vITaQTkiaMYvthXjSdJTlwVkpY9vxevBwIhAKSF8UQnfcC3LZN1AKi1A9GvKD48953Pl1SCH17One0v"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.6.1-pr.608.4a7ebcd.0_1690211956492_0.8558983076164872"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.6.1-pr.608.388c107.0":{"name":"@kong-ui-public/copy-uuid","version":"0.6.1-pr.608.388c107.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.91.0","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.0","@kong/kongponents":"^8.91.0","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.6.1-pr.608.388c107.0","_integrity":"sha512-068X2oGEO4vyjTWvgjQe6eTFc1g9LGuodL4HsjcM6s3ETnOIGCCfocwnnoSdWwOOOSq4CUZr5QrFR9NTcNv7BQ==","_resolved":"/tmp/443ff6de2fda3899091e06dda243026f/kong-ui-public-copy-uuid-0.6.1-pr.608.388c107.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.6.1-pr.608.388c107.0.tgz","_nodeVersion":"18.16.1","_npmVersion":"9.5.1","dist":{"integrity":"sha512-068X2oGEO4vyjTWvgjQe6eTFc1g9LGuodL4HsjcM6s3ETnOIGCCfocwnnoSdWwOOOSq4CUZr5QrFR9NTcNv7BQ==","shasum":"8fa8688c1eb6a17fdf37df561c411625e66a96d6","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.6.1-pr.608.388c107.0.tgz","fileCount":17,"unpackedSize":34733,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD5QYFx4i0kyH9vlLUXohr2U7gxTwaAst4YMToS9xCxdAIgEce3JF1JTDOn79R38v8Mk1SenwTTYspldTscM3gxXvA="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.6.1-pr.608.388c107.0_1690212413997_0.2514743777747013"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.6.1-pr.608.4224f82.0":{"name":"@kong-ui-public/copy-uuid","version":"0.6.1-pr.608.4224f82.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.91.0","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.0","@kong/kongponents":"^8.91.0","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'var(--black-45, rgba(0, 0, 0, 0.45))'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.6.1-pr.608.4224f82.0","_integrity":"sha512-4vjZEz3SC7LdSDJ104VWG2sDrnMSsqtoxGg0kwJ0mqxLxfu3K9Xl/d1oje9Ygx2MaV1X0IT0EMFO1Z78hcl+mg==","_resolved":"/tmp/d77eec39bdfea10884819643836cc02f/kong-ui-public-copy-uuid-0.6.1-pr.608.4224f82.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.6.1-pr.608.4224f82.0.tgz","_nodeVersion":"18.16.1","_npmVersion":"9.5.1","dist":{"integrity":"sha512-4vjZEz3SC7LdSDJ104VWG2sDrnMSsqtoxGg0kwJ0mqxLxfu3K9Xl/d1oje9Ygx2MaV1X0IT0EMFO1Z78hcl+mg==","shasum":"14fc99958cffd90a01a19541020e33e2921f4adf","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.6.1-pr.608.4224f82.0.tgz","fileCount":17,"unpackedSize":34733,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCzTvyMsKE3bvP+wqvO86Q6rxR+evJZfX9RUulm6ByM8QIhAIq+B4j0vL86wduJ+6fvM3DREHHLI7lCJSk5ZR+wXRGz"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.6.1-pr.608.4224f82.0_1690212841797_0.7227232509383112"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.6.1":{"name":"@kong-ui-public/copy-uuid","version":"0.6.1","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.91.0","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.0","@kong/kongponents":"^8.91.0","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.6.1","_integrity":"sha512-syRNOueEMvjEpjeBqi8CRRbaOfMxSvRQ662NweqMTmpOHHJTBpzy+LniZ5R/6Ij9rv/bk9ZPvZr0WA46Uo4r3w==","_resolved":"/tmp/d87fc37cea055ef50c823b7f20125328/kong-ui-public-copy-uuid-0.6.1.tgz","_from":"file:kong-ui-public-copy-uuid-0.6.1.tgz","_nodeVersion":"18.16.1","_npmVersion":"9.5.1","dist":{"integrity":"sha512-syRNOueEMvjEpjeBqi8CRRbaOfMxSvRQ662NweqMTmpOHHJTBpzy+LniZ5R/6Ij9rv/bk9ZPvZr0WA46Uo4r3w==","shasum":"fa03af38a880fe5193eb677c92a1028a8fe64d6f","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.6.1.tgz","fileCount":17,"unpackedSize":34716,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDbbbSIf2S18wVTda0c0XBbrAeltqdY2pwo8W1YIbBwHAiEA1HPgJVC0kSDxuapM+dGNKyZzIl00Gz0ogCIk5IUXUTY="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.6.1_1690213928903_0.05175730709543114"},"_hasShrinkwrap":false},"0.6.2":{"name":"@kong-ui-public/copy-uuid","version":"0.6.2","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.91.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.0","@kong/kongponents":"^8.91.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.6.2","_integrity":"sha512-MpKLA3AXqWI7CWarRGc3daP4/wXTIJRCiRpxM5MvLDigLRT+hcMvUICMW4K9k7JiYG/lrEIzeINp2dpMvIbPQQ==","_resolved":"/tmp/59a2cf6abda6c480d9fed68b81053199/kong-ui-public-copy-uuid-0.6.2.tgz","_from":"file:kong-ui-public-copy-uuid-0.6.2.tgz","_nodeVersion":"18.16.1","_npmVersion":"9.5.1","dist":{"integrity":"sha512-MpKLA3AXqWI7CWarRGc3daP4/wXTIJRCiRpxM5MvLDigLRT+hcMvUICMW4K9k7JiYG/lrEIzeINp2dpMvIbPQQ==","shasum":"80ff07efb049aab90789db89c1778ee7832ad3b0","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.6.2.tgz","fileCount":17,"unpackedSize":34716,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD9p1kV8uqkQc0Dp7bI0FWjNMJCVYp8VWTzfH6SY09oQAIhANFn5ybSVu0dyCkZxiR3NtJCV37ALir5ukEA9PO2zOju"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.6.2_1690226657293_0.21752372493612504"},"_hasShrinkwrap":false},"0.6.3-pr.624.457e13e.0":{"name":"@kong-ui-public/copy-uuid","version":"0.6.3-pr.624.457e13e.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.91.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.0","@kong/design-tokens":"^1.7.1","@kong/kongponents":"^8.91.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.6.3-pr.624.457e13e.0","_integrity":"sha512-xdRinKLnOLlDv0pYQmKkkYq30j+hTuHcN8gcHCd5NSVGnprs4mRaTqd2jFmovs/fMwlrnd3XbWNtwOfga/FiuA==","_resolved":"/tmp/4c9c60c15f640ddd72d081815384362b/kong-ui-public-copy-uuid-0.6.3-pr.624.457e13e.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.6.3-pr.624.457e13e.0.tgz","_nodeVersion":"18.16.1","_npmVersion":"9.5.1","dist":{"integrity":"sha512-xdRinKLnOLlDv0pYQmKkkYq30j+hTuHcN8gcHCd5NSVGnprs4mRaTqd2jFmovs/fMwlrnd3XbWNtwOfga/FiuA==","shasum":"3b700fdd0d0fa686f299f6500766e02d2e942389","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.6.3-pr.624.457e13e.0.tgz","fileCount":17,"unpackedSize":34702,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA433wrOYlfGY8I0rwclcmFbSluMoVVcNpweX1JNUxIcAiB8ygoaVLIEcgQB87zfns9tTYU2n98+XJzNghMj+nWkuA=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.6.3-pr.624.457e13e.0_1690232738357_0.6675570292316393"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.6.3-pr.624.269fc80.0":{"name":"@kong-ui-public/copy-uuid","version":"0.6.3-pr.624.269fc80.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.91.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.0","@kong/design-tokens":"^1.7.1","@kong/kongponents":"^8.91.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.6.3-pr.624.269fc80.0","_integrity":"sha512-upWvNkryPrmGd1bdWSVpgcb+nJB80W5HWjWlyiROuKDwBXmaJSpRZHaEdi+mhj8ejRQvWWHQu6uw6rZMwCCJHw==","_resolved":"/tmp/7015e735614b5d29afc122ea46741c63/kong-ui-public-copy-uuid-0.6.3-pr.624.269fc80.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.6.3-pr.624.269fc80.0.tgz","_nodeVersion":"18.16.1","_npmVersion":"9.5.1","dist":{"integrity":"sha512-upWvNkryPrmGd1bdWSVpgcb+nJB80W5HWjWlyiROuKDwBXmaJSpRZHaEdi+mhj8ejRQvWWHQu6uw6rZMwCCJHw==","shasum":"9f7d200879ec45b0d01b0e11622e24fb26c03a88","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.6.3-pr.624.269fc80.0.tgz","fileCount":17,"unpackedSize":34702,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDxBdbVsV/JnHam0oAIBInIjIWo9IzW5CxV6ATIBTO+XwIhALZb5RR7Cmb8WAO3B1Ot95W+KHlGlzLgKEEMT0RmLFv6"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.6.3-pr.624.269fc80.0_1690289779399_0.1002720194748139"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.6.3-pr.624.c602fb7.0":{"name":"@kong-ui-public/copy-uuid","version":"0.6.3-pr.624.c602fb7.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.91.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.0","@kong/design-tokens":"^1.7.1","@kong/kongponents":"^8.91.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.6.3-pr.624.c602fb7.0","_integrity":"sha512-sAJChbTSDbdbUA2WKPLQDnXW09I1ZgXQMIb3NFgN2ILN+TzFQexx/q6qF2Cha6qwQb9xT1hUP8/quZSSI/NAJA==","_resolved":"/tmp/95aa1e1620a1de9d2790a6020ad9e968/kong-ui-public-copy-uuid-0.6.3-pr.624.c602fb7.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.6.3-pr.624.c602fb7.0.tgz","_nodeVersion":"18.16.1","_npmVersion":"9.5.1","dist":{"integrity":"sha512-sAJChbTSDbdbUA2WKPLQDnXW09I1ZgXQMIb3NFgN2ILN+TzFQexx/q6qF2Cha6qwQb9xT1hUP8/quZSSI/NAJA==","shasum":"14bb36f29fde46fe370decc8fd438ec19a2eb8e9","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.6.3-pr.624.c602fb7.0.tgz","fileCount":17,"unpackedSize":34702,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICfFXM85cGBsJakUDcbmNidgfM2Tb2PCKQWVrihEhhywAiANSUtPERtM43yPzXCfKCSJDWn5q5uuF7fdtas1RoUxHg=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.6.3-pr.624.c602fb7.0_1690299216651_0.9308819815089302"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.6.3-pr.624.28db17c.0":{"name":"@kong-ui-public/copy-uuid","version":"0.6.3-pr.624.28db17c.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.91.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.0","@kong/design-tokens":"^1.7.1","@kong/kongponents":"^8.91.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.6.3-pr.624.28db17c.0","_integrity":"sha512-niT98xTKlY76YL269tHDNdLZeVJWRqMHWVosBUENRjlMl+X02Z1A560mNQTDPJiwFsFDiyQmqEvjECAYi0sscw==","_resolved":"/tmp/e4cb9d4ed048896721c3150bfdce91ad/kong-ui-public-copy-uuid-0.6.3-pr.624.28db17c.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.6.3-pr.624.28db17c.0.tgz","_nodeVersion":"18.16.1","_npmVersion":"9.5.1","dist":{"integrity":"sha512-niT98xTKlY76YL269tHDNdLZeVJWRqMHWVosBUENRjlMl+X02Z1A560mNQTDPJiwFsFDiyQmqEvjECAYi0sscw==","shasum":"3689eabd8ead93d28409d4a79b0e5a28972e6b06","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.6.3-pr.624.28db17c.0.tgz","fileCount":17,"unpackedSize":34702,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFPwoFMJcNfbPxhHfXWDJQ96MDnYUVENdwdT4SSrCBgEAiApFrmfhWrp83yHlKr34SVRAIPPnKYTzNHRtykZEA8UYg=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.6.3-pr.624.28db17c.0_1690299621075_0.3886920752989764"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.6.3-pr.624.ef78bf2.0":{"name":"@kong-ui-public/copy-uuid","version":"0.6.3-pr.624.ef78bf2.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.91.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.0","@kong/design-tokens":"^1.7.1","@kong/kongponents":"^8.91.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.6.3-pr.624.ef78bf2.0","_integrity":"sha512-eCXbLBK3Yst92Fet3tdgVkfw6J1D4rOpeXIH3WN57yCdq7qpl9HhLu8Q20WKVYwcTUcok0/iVxMPSB4OOC1ffg==","_resolved":"/tmp/07184aaf79d7529a4f55d3b152f8a90e/kong-ui-public-copy-uuid-0.6.3-pr.624.ef78bf2.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.6.3-pr.624.ef78bf2.0.tgz","_nodeVersion":"18.16.1","_npmVersion":"9.5.1","dist":{"integrity":"sha512-eCXbLBK3Yst92Fet3tdgVkfw6J1D4rOpeXIH3WN57yCdq7qpl9HhLu8Q20WKVYwcTUcok0/iVxMPSB4OOC1ffg==","shasum":"b1646b728a2137cdc140f4a30fa87a7cb6b73c8c","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.6.3-pr.624.ef78bf2.0.tgz","fileCount":17,"unpackedSize":34702,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDOA2u5JXqVpJsWAdIvyuZBn43I1Vs8bdJzrpEsqjHKpgIhAN7KEk6wXhW2njAl8YCU5+GMqp+NFhxXx5QunJPcvaZ/"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.6.3-pr.624.ef78bf2.0_1690300646880_0.8627245134915456"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.6.3-pr.624.a1acf3e.0":{"name":"@kong-ui-public/copy-uuid","version":"0.6.3-pr.624.a1acf3e.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.91.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.0","@kong/design-tokens":"^1.7.1","@kong/kongponents":"^8.91.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.6.3-pr.624.a1acf3e.0","_integrity":"sha512-iP2xMoZQF9pbip1nkFTYgUdF//lXki8o3ZeygxE35EGO6IGw7t2667wuZ6GlEyQe0ETKzJ+ZNPg3Oz9O6hZ6Ag==","_resolved":"/tmp/b15151bd527a216e63cd9b590d6fd4bf/kong-ui-public-copy-uuid-0.6.3-pr.624.a1acf3e.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.6.3-pr.624.a1acf3e.0.tgz","_nodeVersion":"18.16.1","_npmVersion":"9.5.1","dist":{"integrity":"sha512-iP2xMoZQF9pbip1nkFTYgUdF//lXki8o3ZeygxE35EGO6IGw7t2667wuZ6GlEyQe0ETKzJ+ZNPg3Oz9O6hZ6Ag==","shasum":"faf077d7f5fd910ea6330afd46d19042ade0d143","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.6.3-pr.624.a1acf3e.0.tgz","fileCount":17,"unpackedSize":34702,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDckVb0bDb3hjPOIo47UsxL2c8Hl3JFQJluIhQzhNCgJAIgema73A8mGoCCIkcPeTCEVYfWq68dkqZotuN9h2iqLP8="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.6.3-pr.624.a1acf3e.0_1690302575112_0.7282647142930596"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.6.3-pr.624.b4d8540.0":{"name":"@kong-ui-public/copy-uuid","version":"0.6.3-pr.624.b4d8540.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.91.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.0","@kong/design-tokens":"^1.7.1","@kong/kongponents":"^8.91.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.6.3-pr.624.b4d8540.0","_integrity":"sha512-lfVvC5V7d6QsLJC/+BYhpvQ3GpfTVXQbssrKv2YrbrwQeRqLYjvM1gkCDGzl+E0BP7mUfvD9K4SJ/uQ+ts24Tg==","_resolved":"/tmp/f033bba4b5007c9a2f013df79ba2c33a/kong-ui-public-copy-uuid-0.6.3-pr.624.b4d8540.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.6.3-pr.624.b4d8540.0.tgz","_nodeVersion":"18.16.1","_npmVersion":"9.5.1","dist":{"integrity":"sha512-lfVvC5V7d6QsLJC/+BYhpvQ3GpfTVXQbssrKv2YrbrwQeRqLYjvM1gkCDGzl+E0BP7mUfvD9K4SJ/uQ+ts24Tg==","shasum":"2a3a797007362139e5f7f565301c4e69a4a87d8c","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.6.3-pr.624.b4d8540.0.tgz","fileCount":17,"unpackedSize":34702,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBjnPFlo9R/lwT//H5WfXdWASDWuNe1Y2QsFAe9PTs5qAiAO0xX3BE4u4lY76dq1c6zXBaudOHzgNYb6yMXbm459VQ=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.6.3-pr.624.b4d8540.0_1690305094467_0.6913553798846515"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.6.3-pr.624.6b39a2f.0":{"name":"@kong-ui-public/copy-uuid","version":"0.6.3-pr.624.6b39a2f.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.91.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.0","@kong/design-tokens":"^1.7.1","@kong/kongponents":"^8.91.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.6.3-pr.624.6b39a2f.0","_integrity":"sha512-xQuTmqQ4TpZFhy6FXpxSVoW14cOEYuXklywMRUym9fWa7RpHZKownModzkZVvz5d73GV0KGUoP2HqDGjVAMAfg==","_resolved":"/tmp/bda694a69920b454e30cb5c581904e09/kong-ui-public-copy-uuid-0.6.3-pr.624.6b39a2f.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.6.3-pr.624.6b39a2f.0.tgz","_nodeVersion":"18.16.1","_npmVersion":"9.5.1","dist":{"integrity":"sha512-xQuTmqQ4TpZFhy6FXpxSVoW14cOEYuXklywMRUym9fWa7RpHZKownModzkZVvz5d73GV0KGUoP2HqDGjVAMAfg==","shasum":"8418786d3026f49bf457fc6714367f318f04e47f","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.6.3-pr.624.6b39a2f.0.tgz","fileCount":17,"unpackedSize":34702,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFmEp5QE9YZ4F4gpr9OIk/fQoOxOHtjk4Ihnuza2MoQsAiEAzlCvAZMmQYwXTmfVrrH1tfCbR8u+UDVELdU7j4JAUdo="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.6.3-pr.624.6b39a2f.0_1690307323275_0.832274358451538"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.7.0":{"name":"@kong-ui-public/copy-uuid","version":"0.7.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.91.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.0","@kong/design-tokens":"^1.7.1","@kong/kongponents":"^8.91.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.7.0","_integrity":"sha512-ouxlOB0VJCwEuMrvWWMj0oFKJ1qDgL0HnWpktVpQxDx87wQlnbgLtNcjZGfJN+65L9CEfrkde7UjfnYnwadO2w==","_resolved":"/tmp/77be031cd2d90cf2f6b63b6df9ae5e7b/kong-ui-public-copy-uuid-0.7.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.7.0.tgz","_nodeVersion":"18.16.1","_npmVersion":"9.5.1","dist":{"integrity":"sha512-ouxlOB0VJCwEuMrvWWMj0oFKJ1qDgL0HnWpktVpQxDx87wQlnbgLtNcjZGfJN+65L9CEfrkde7UjfnYnwadO2w==","shasum":"a3bb08492516eb0359caa966a16e08f4f6daef65","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.7.0.tgz","fileCount":17,"unpackedSize":34685,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHB6v6ul0beNZo/2g2RCM7fC4DZC6yPTtfNcYfxVoBZ/AiBGCO5l39qBxWun7ddFs+qWjAMbs4hb3VVMcNGVC88I7Q=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.7.0_1690309563357_0.08149871622347837"},"_hasShrinkwrap":false},"0.7.1":{"name":"@kong-ui-public/copy-uuid","version":"0.7.1","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.92.0","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.0","@kong/design-tokens":"^1.7.1","@kong/kongponents":"^8.92.0","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.7.1","_integrity":"sha512-0oSq24UHimaB2JkBep554EtRp8Li77lZxzesLfiGSzo9aRiIy5vAYhrwOivMzJhIPx3gUqTG0MBAvOvdqdcbtw==","_resolved":"/tmp/4b443c693196b09d1d53eea158146d98/kong-ui-public-copy-uuid-0.7.1.tgz","_from":"file:kong-ui-public-copy-uuid-0.7.1.tgz","_nodeVersion":"18.16.1","_npmVersion":"9.5.1","dist":{"integrity":"sha512-0oSq24UHimaB2JkBep554EtRp8Li77lZxzesLfiGSzo9aRiIy5vAYhrwOivMzJhIPx3gUqTG0MBAvOvdqdcbtw==","shasum":"85713d5d89a0fb928bea088d408c5653af15011d","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.7.1.tgz","fileCount":17,"unpackedSize":34685,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD+GO5IKsWFjnuYNXIKsH4vnZoX8d+qh4UlzncN9HUqdAIgLmKqSbamdbtyNjbfFfGHBJXFacae/Iem8Ypvc/u3F0Y="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.7.1_1690466595947_0.9621266704641898"},"_hasShrinkwrap":false},"0.7.2":{"name":"@kong-ui-public/copy-uuid","version":"0.7.2","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.93.0","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.0","@kong/design-tokens":"^1.7.1","@kong/kongponents":"^8.93.0","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.7.2","_integrity":"sha512-ghHXJxqblGLP88rsEOJmolN155hwugnIH/Qs8QY/329WEQQZ3jr936HWwq7CZM0Cu+aik1lt6e5kVL+g5efK7g==","_resolved":"/tmp/df1cc51c8c54a9247cd88dd4b1a7ddcb/kong-ui-public-copy-uuid-0.7.2.tgz","_from":"file:kong-ui-public-copy-uuid-0.7.2.tgz","_nodeVersion":"18.16.1","_npmVersion":"9.5.1","dist":{"integrity":"sha512-ghHXJxqblGLP88rsEOJmolN155hwugnIH/Qs8QY/329WEQQZ3jr936HWwq7CZM0Cu+aik1lt6e5kVL+g5efK7g==","shasum":"8e1008918f2a67d04c221d4f14763fc2f9adf917","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.7.2.tgz","fileCount":17,"unpackedSize":34685,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDfQCv+Pe8N9FoK/QvKFp5GRwRnbzZvJ7bFcsCikyQGiAiBIrG7cz35Mo4PO+M1R5nsjYxqalN1zvc50pdtB0Mu6Hw=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.7.2_1690478854348_0.5736418369958927"},"_hasShrinkwrap":false},"0.7.3":{"name":"@kong-ui-public/copy-uuid","version":"0.7.3","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.93.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.0","@kong/design-tokens":"^1.7.1","@kong/kongponents":"^8.93.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.7.3","_integrity":"sha512-zKn2MxTwwyxOKkvDEKcyglYWwEu87xJalCSyWtPOfq+0GeafDq4qwWFnbC39J+Q8ZFBRVPX2daSJ7me58aIygQ==","_resolved":"/tmp/bcca2e844ae1a15191c9e4712faa539d/kong-ui-public-copy-uuid-0.7.3.tgz","_from":"file:kong-ui-public-copy-uuid-0.7.3.tgz","_nodeVersion":"18.16.1","_npmVersion":"9.5.1","dist":{"integrity":"sha512-zKn2MxTwwyxOKkvDEKcyglYWwEu87xJalCSyWtPOfq+0GeafDq4qwWFnbC39J+Q8ZFBRVPX2daSJ7me58aIygQ==","shasum":"a2816d1c9e09cf8a7f41883cf0bec4ae7fa61f5c","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.7.3.tgz","fileCount":17,"unpackedSize":34685,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDrFn3df2HYCR3gG9NEmRoBS5qunQehnoUxBidCK3fkewIgK2mT4IWY3j5LGPOQlOgfuBAKfcIxgFlvYJiUvva7cqU="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.7.3_1690528415267_0.47374464720496245"},"_hasShrinkwrap":false},"0.7.4":{"name":"@kong-ui-public/copy-uuid","version":"0.7.4","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.93.2","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.0","@kong/design-tokens":"^1.7.1","@kong/kongponents":"^8.93.2","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.7.4","_integrity":"sha512-nl8ZvrSsBJyVSdoDrEJmmYrWOqW4QlCQvxb+zEJbzXvm18G3w+GCHe49mQ2B/Qg/9NvjXuvNIqUb7HCqGpYjjw==","_resolved":"/tmp/0698b6146109e109c1f21ce6ed43fa5d/kong-ui-public-copy-uuid-0.7.4.tgz","_from":"file:kong-ui-public-copy-uuid-0.7.4.tgz","_nodeVersion":"18.16.1","_npmVersion":"9.5.1","dist":{"integrity":"sha512-nl8ZvrSsBJyVSdoDrEJmmYrWOqW4QlCQvxb+zEJbzXvm18G3w+GCHe49mQ2B/Qg/9NvjXuvNIqUb7HCqGpYjjw==","shasum":"e9aae4a54529f6eee57042eaa61ca742cabafb3a","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.7.4.tgz","fileCount":17,"unpackedSize":34685,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCaiPPCFbPEzzoKIt4KgC37WsmoYrZEKZeNg1zU9eW34QIhAIK7i6cvXOI6bkHvwTtMq7urErNZejK5w/GBnP3kc8sy"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.7.4_1690788311063_0.9059745599885443"},"_hasShrinkwrap":false},"0.7.5":{"name":"@kong-ui-public/copy-uuid","version":"0.7.5","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.93.2","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.0","@kong/design-tokens":"^1.7.1","@kong/kongponents":"^8.97.0","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.7.5","_integrity":"sha512-VEFgkzes2QA3MuODIG6DMgAk5PhHn0x8xT0+HqkKOjc2d0QpUCGwonbybT8FAMNTIPrb6vgK9LYRGhtrGf2bjg==","_resolved":"/tmp/0d0abfb6dead21596617e6ef638196c0/kong-ui-public-copy-uuid-0.7.5.tgz","_from":"file:kong-ui-public-copy-uuid-0.7.5.tgz","_nodeVersion":"18.16.1","_npmVersion":"9.5.1","dist":{"integrity":"sha512-VEFgkzes2QA3MuODIG6DMgAk5PhHn0x8xT0+HqkKOjc2d0QpUCGwonbybT8FAMNTIPrb6vgK9LYRGhtrGf2bjg==","shasum":"7b76d54a1dfd78a7d3fd7b09c13db3fd355da963","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.7.5.tgz","fileCount":17,"unpackedSize":34685,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDCCVVOnAtbo/6SAdXL9nP8EzkFRbi+/In//YGT3LcIHQIhAL1u71gveT1dnmrMVphUWv71gZw9MtGlNv3S4I8bBhBK"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.7.5_1690789493431_0.5031448376225711"},"_hasShrinkwrap":false},"0.7.6":{"name":"@kong-ui-public/copy-uuid","version":"0.7.6","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.93.2","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.0","@kong/design-tokens":"^1.7.1","@kong/kongponents":"^8.98.0","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.7.6","_integrity":"sha512-Coomy4G867CnLAXJevvP6/YI/lF1g5UH6vPzydjFKGRTw7OH5O2gwN4+368GVdSBTr2LNaual1Q3vhcZbnsZoQ==","_resolved":"/tmp/e24d3f28073b8d619c0417e528d7bfac/kong-ui-public-copy-uuid-0.7.6.tgz","_from":"file:kong-ui-public-copy-uuid-0.7.6.tgz","_nodeVersion":"18.16.1","_npmVersion":"9.5.1","dist":{"integrity":"sha512-Coomy4G867CnLAXJevvP6/YI/lF1g5UH6vPzydjFKGRTw7OH5O2gwN4+368GVdSBTr2LNaual1Q3vhcZbnsZoQ==","shasum":"2122498cc7dfae714336d39b3d5a7be734249dca","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.7.6.tgz","fileCount":17,"unpackedSize":34685,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBfnio9HkIa54MtNawmdzrTWXSY+RXwkhhYBrcZK9qxKAiEA2rh1PYfSdFZks8kxnoP3SiXcRZLPLjwrL+B0cHO8yh0="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.7.6_1690825108049_0.3355044922614663"},"_hasShrinkwrap":false},"0.7.7":{"name":"@kong-ui-public/copy-uuid","version":"0.7.7","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.93.2","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.0","@kong/design-tokens":"^1.7.1","@kong/kongponents":"^8.99.0","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.7.7","_integrity":"sha512-fqS6AdT32YEsz1S1pOrCUi/jn/yDmlWeT/q5H7goH5ct6UB3GVkYMqxOa9BJkiEb4FxtuxPuV6CtQQZWJO8X8Q==","_resolved":"/tmp/6ba80d30cd25a0f8e9277b86c6257511/kong-ui-public-copy-uuid-0.7.7.tgz","_from":"file:kong-ui-public-copy-uuid-0.7.7.tgz","_nodeVersion":"18.16.1","_npmVersion":"9.5.1","dist":{"integrity":"sha512-fqS6AdT32YEsz1S1pOrCUi/jn/yDmlWeT/q5H7goH5ct6UB3GVkYMqxOa9BJkiEb4FxtuxPuV6CtQQZWJO8X8Q==","shasum":"a7787761d57f675ba88613b3c50993e9a0c46ffe","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.7.7.tgz","fileCount":17,"unpackedSize":34685,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCCyDfQtcVpblcl3l1H69ej8rWjcYfymbkHMxZAWTs0pgIhAM067mUpJMAQ7Dlly56EdNkAurxmZqPtHLL/xIbP/Rmg"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.7.7_1690844024678_0.31962776971597195"},"_hasShrinkwrap":false},"0.7.8-pr.652.c3d4383.0":{"name":"@kong-ui-public/copy-uuid","version":"0.7.8-pr.652.c3d4383.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.93.2","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.0","@kong/design-tokens":"^1.7.1","@kong/kongponents":"^8.99.0","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.7.8-pr.652.c3d4383.0","_integrity":"sha512-TaYmsOYRfakaKoCSUgRSPJTvwBOOL4G1yk0GvviOxVh4rDk7X1s8g6dTk4SNzXk51nKJx8mH4+n8LcWfGxHgOA==","_resolved":"/tmp/5458bfbfa3696efc6235847d43afd352/kong-ui-public-copy-uuid-0.7.8-pr.652.c3d4383.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.7.8-pr.652.c3d4383.0.tgz","_nodeVersion":"18.16.1","_npmVersion":"9.5.1","dist":{"integrity":"sha512-TaYmsOYRfakaKoCSUgRSPJTvwBOOL4G1yk0GvviOxVh4rDk7X1s8g6dTk4SNzXk51nKJx8mH4+n8LcWfGxHgOA==","shasum":"baa58ba7c9ed60aa3935fa8d3c6082559443e7de","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.7.8-pr.652.c3d4383.0.tgz","fileCount":17,"unpackedSize":35444,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC2KAXUW/9yF7TYOZ9nqK2V0aP6yvH2gZXXpZYvzrhMuwIgOrPruH+qcfuhr8geV+O6dRxx+c/tVFaNSOgezr3Fth4="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.7.8-pr.652.c3d4383.0_1690908702762_0.4746027961468895"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.7.8-pr.652.313609a.0":{"name":"@kong-ui-public/copy-uuid","version":"0.7.8-pr.652.313609a.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.93.2","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.0","@kong/design-tokens":"^1.7.1","@kong/kongponents":"^8.99.0","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`isHidden`](#ishidden)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n - [`showUuid`](#showuuid)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `isHidden`\n\n- type: `Boolean`\n- required: `false`\n- default: `false`\n\nAn indicator of whether the UUID string is replaced with asterisks.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n### `showUuid`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nIf false the UUID will not be shown at all. Useful for the case the host app wants to display something that the uuid resolves to, but still be able to copy the uuid behind the scenes.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.7.8-pr.652.313609a.0","_integrity":"sha512-adgo7U+lK+x252H/F9xip5xlUYj5cfjQ3XnyNuGDyTHI/eFBfgA7ybtvqY+a7pWijnpnOimukisUrNfPiTjHcQ==","_resolved":"/tmp/db1cdbabbab44def2d2bc3aef945fb84/kong-ui-public-copy-uuid-0.7.8-pr.652.313609a.0.tgz","_from":"file:kong-ui-public-copy-uuid-0.7.8-pr.652.313609a.0.tgz","_nodeVersion":"18.16.1","_npmVersion":"9.5.1","dist":{"integrity":"sha512-adgo7U+lK+x252H/F9xip5xlUYj5cfjQ3XnyNuGDyTHI/eFBfgA7ybtvqY+a7pWijnpnOimukisUrNfPiTjHcQ==","shasum":"adfe49144b36c509155f225e9d4588b2fbf2bb99","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.7.8-pr.652.313609a.0.tgz","fileCount":17,"unpackedSize":35731,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDxr69MVIb+21PzmnEKE+iz7osUPOMT7j/53haip9q+XwIgUYSixBwEhsvu4q+6wC2JFqOkvoeapULAL4KU/OGWE5I="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.7.8-pr.652.313609a.0_1690909413650_0.3357505319442571"},"_hasShrinkwrap":false},"0.7.8":{"name":"@kong-ui-public/copy-uuid","version":"0.7.8","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.99.0","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.0","@kong/design-tokens":"^1.7.1","@kong/kongponents":"^8.99.0","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.7.8","_integrity":"sha512-lJp4JqNylR2LwiQ+KQ4EoCAHMkjiShC6jd1d5JVrImcHauRFg7qtEWfKoO/K7qonCxZODGwByF3KkBiQWt80NQ==","_resolved":"/tmp/fd10a8d35b076c61ea852558d520c31f/kong-ui-public-copy-uuid-0.7.8.tgz","_from":"file:kong-ui-public-copy-uuid-0.7.8.tgz","_nodeVersion":"18.17.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-lJp4JqNylR2LwiQ+KQ4EoCAHMkjiShC6jd1d5JVrImcHauRFg7qtEWfKoO/K7qonCxZODGwByF3KkBiQWt80NQ==","shasum":"c7e8022000efb260a5443dc41fd2d63adbfa67f1","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.7.8.tgz","fileCount":17,"unpackedSize":34685,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICGGgZ4jf0kZULk4dZCvLWu10Wc515hihvmAJKbmPNkOAiBCgYq2WaiGvNZRDC7/nJ91vyqgpCSuGQ86LZEHuv4iaw=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.7.8_1690985120465_0.9084889503674949"},"_hasShrinkwrap":false},"0.7.9":{"name":"@kong-ui-public/copy-uuid","version":"0.7.9","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.102.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.0","@kong/design-tokens":"^1.7.1","@kong/kongponents":"^8.102.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.7.9","_integrity":"sha512-e4YopzYTkXOHyJAI5/+FnRNK0JQ/tWPUmKG+2eDOJIQzHTYwG1nJ6HP7xwFsZn/kV67/8yfWj/UeC3yyxg6vGQ==","_resolved":"/tmp/e51226df09c5009f757ce3e22fd4ace3/kong-ui-public-copy-uuid-0.7.9.tgz","_from":"file:kong-ui-public-copy-uuid-0.7.9.tgz","_nodeVersion":"18.17.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-e4YopzYTkXOHyJAI5/+FnRNK0JQ/tWPUmKG+2eDOJIQzHTYwG1nJ6HP7xwFsZn/kV67/8yfWj/UeC3yyxg6vGQ==","shasum":"3f8230ef60c8efb724b4c13b00ee2c67348cef9b","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.7.9.tgz","fileCount":17,"unpackedSize":34687,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD4pUCEEQSvKxNaJMQdGDGg7XtlywKH3Ywdh1cOeTWrTwIgVhr6mC940UcN3/VwtcV/gAPuBO+muDdnFLKoHwCeeIg="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.7.9_1691083021804_0.6839086356523794"},"_hasShrinkwrap":false},"0.7.10":{"name":"@kong-ui-public/copy-uuid","version":"0.7.10","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.105.0","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.0","@kong/design-tokens":"^1.7.1","@kong/kongponents":"^8.102.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.7.10","_integrity":"sha512-7rNxItqAhKXO2CXhUq2ifVipNhm6B4sXkVw4MjtO5baD3dNlmKHCT/umIIX5rMvGd8cbGQebszTrRUB959zuJw==","_resolved":"/tmp/1fc6aa692b39d632d7c90bf1058439a0/kong-ui-public-copy-uuid-0.7.10.tgz","_from":"file:kong-ui-public-copy-uuid-0.7.10.tgz","_nodeVersion":"18.17.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-7rNxItqAhKXO2CXhUq2ifVipNhm6B4sXkVw4MjtO5baD3dNlmKHCT/umIIX5rMvGd8cbGQebszTrRUB959zuJw==","shasum":"2a1f3f0ca92d569c89d494b88bf479ed8d3f28e6","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.7.10.tgz","fileCount":17,"unpackedSize":34688,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDHBcPVF5RTs7w3285D8HuXEtHSSHCQ6ow0E3ZYIBTVSQIgP1DtGF5SCBDvv/t4JLl2eAZDeNFyIJ9VlDLFC/XoAds="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.7.10_1691100388547_0.3858386575705821"},"_hasShrinkwrap":false},"0.7.11":{"name":"@kong-ui-public/copy-uuid","version":"0.7.11","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.106.0","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.0","@kong/design-tokens":"^1.7.1","@kong/kongponents":"^8.102.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.7.11","_integrity":"sha512-jMjGr7XRquz+TkJ3BqNjq7hfGqo26CabDTHfnnwEJPEo6dsTO16r1Fa9ZWIsY5nFV1RiT8eCoBXnBZcTfxdndw==","_resolved":"/tmp/505a92d478b25e17245b156aecac9304/kong-ui-public-copy-uuid-0.7.11.tgz","_from":"file:kong-ui-public-copy-uuid-0.7.11.tgz","_nodeVersion":"18.17.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-jMjGr7XRquz+TkJ3BqNjq7hfGqo26CabDTHfnnwEJPEo6dsTO16r1Fa9ZWIsY5nFV1RiT8eCoBXnBZcTfxdndw==","shasum":"01f7628ac5c46626eabb303dd61fc08fb4f13e51","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.7.11.tgz","fileCount":17,"unpackedSize":34688,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAQFFhh4rIpRhpSTK3oSGyJE2tND3MvfqpFaZcP2XvVbAiEAsbBqOa7r93RA5MDuZAItj086YYRrwf9Ud3WJ0s/dqbc="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.7.11_1691119995578_0.3858351432597642"},"_hasShrinkwrap":false},"1.0.1-pr.663.74a5ad1.0":{"name":"@kong-ui-public/copy-uuid","version":"1.0.1-pr.663.74a5ad1.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.106.0","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.0","@kong/design-tokens":"^1.7.1","@kong/kongponents":"^8.102.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.0.1-pr.663.74a5ad1.0","_integrity":"sha512-TsNv+MbnP5E4H21PNFs0caT8MmFuyxfN4jICkwiUvMMtRRBh+Ef2gwadz5xPE1O8memR/vOshkjmax9jCfLT6Q==","_resolved":"/tmp/e569dacdb89a7a585f3ee4722244ee36/kong-ui-public-copy-uuid-1.0.1-pr.663.74a5ad1.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.0.1-pr.663.74a5ad1.0.tgz","_nodeVersion":"18.17.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-TsNv+MbnP5E4H21PNFs0caT8MmFuyxfN4jICkwiUvMMtRRBh+Ef2gwadz5xPE1O8memR/vOshkjmax9jCfLT6Q==","shasum":"c623d3c33665954bf37e560dd0bae214be5a7abc","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.0.1-pr.663.74a5ad1.0.tgz","fileCount":17,"unpackedSize":35418,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFM2PWUcrGGPyHNTIMsVaRyuzHtzANTJdzWXdW03N+p/AiA3VbiHyKUNOnUJeVZSh6ji5R+YPHVmgtkP8ZcVz/V9rQ=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.0.1-pr.663.74a5ad1.0_1691164892623_0.6980157993490723"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.0.1-pr.663.89a7f38.0":{"name":"@kong-ui-public/copy-uuid","version":"1.0.1-pr.663.89a7f38.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.106.0","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.0","@kong/design-tokens":"^1.7.1","@kong/kongponents":"^8.102.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string.\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.0.1-pr.663.89a7f38.0","_integrity":"sha512-f1JdQtgclPP2jOHt7g3BRpYDTgev1/WNyCeZnEzwkpSpMvcW7GX8G8xYv8FhPB6bq4XEo+gvtOxRH5rqBAXy2g==","_resolved":"/tmp/745e0f0d80568ec683376703cee5fd19/kong-ui-public-copy-uuid-1.0.1-pr.663.89a7f38.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.0.1-pr.663.89a7f38.0.tgz","_nodeVersion":"18.17.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-f1JdQtgclPP2jOHt7g3BRpYDTgev1/WNyCeZnEzwkpSpMvcW7GX8G8xYv8FhPB6bq4XEo+gvtOxRH5rqBAXy2g==","shasum":"3b3cea1ee272603d41a48cec32f704a8eec31ebd","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.0.1-pr.663.89a7f38.0.tgz","fileCount":17,"unpackedSize":35418,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC9FqvWw7j4U0UzgjlFU06KtqqQ6jYIUkw8ZbLV45RJGAiEAt0nA8BURPxzcjupppPDVtOio0dPM6Vlw5uWtWVEz7aU="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.0.1-pr.663.89a7f38.0_1691165524651_0.2870857152639841"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.0.1-pr.663.1bf9a57.0":{"name":"@kong-ui-public/copy-uuid","version":"1.0.1-pr.663.1bf9a57.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.106.0","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.0","@kong/design-tokens":"^1.7.1","@kong/kongponents":"^8.102.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take following `format` values:\n\n- `uuid`\n- `hidden`\n- `redacted`\n- `deleted`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.0.1-pr.663.1bf9a57.0","_integrity":"sha512-8GVqyUI0YMUYln6c0quwHsDJgVtEA1QSYSaRQ/wotl6mcT4IcROTGfEG0UFTUtXXTTMdjmBIX3VrCxT+ZJ1MzQ==","_resolved":"/tmp/82d4794c57ffc5c0f55829ac381f375d/kong-ui-public-copy-uuid-1.0.1-pr.663.1bf9a57.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.0.1-pr.663.1bf9a57.0.tgz","_nodeVersion":"18.17.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-8GVqyUI0YMUYln6c0quwHsDJgVtEA1QSYSaRQ/wotl6mcT4IcROTGfEG0UFTUtXXTTMdjmBIX3VrCxT+ZJ1MzQ==","shasum":"9acc961d4ec78785a78a0c57462cec626d7eca52","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.0.1-pr.663.1bf9a57.0.tgz","fileCount":17,"unpackedSize":35514,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDjD6Tc2XvAKJHPEop3Q1AS8CUiHpD6sOb2GVU5WOO0jQIgIv+9v9INielwE2YUDI8Pl1FvQZeAuWiQhqNZKF1Sr2I="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.0.1-pr.663.1bf9a57.0_1691165838456_0.8377978319008708"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.0.1-pr.663.87fcab0.0":{"name":"@kong-ui-public/copy-uuid","version":"1.0.1-pr.663.87fcab0.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.106.0","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.0","@kong/design-tokens":"^1.7.1","@kong/kongponents":"^8.102.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.0.1-pr.663.87fcab0.0","_integrity":"sha512-+ct51gk+202w9NTLj37GFHVPioKezeOn5stP18YRnj9wJIMQVBPUrVXMNv3+6JRt4sa9bp4pmE3ctcNkc/fHQg==","_resolved":"/tmp/7f410ec717358fa0ecbf85dccc73c3d6/kong-ui-public-copy-uuid-1.0.1-pr.663.87fcab0.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.0.1-pr.663.87fcab0.0.tgz","_nodeVersion":"18.17.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-+ct51gk+202w9NTLj37GFHVPioKezeOn5stP18YRnj9wJIMQVBPUrVXMNv3+6JRt4sa9bp4pmE3ctcNkc/fHQg==","shasum":"2a4747c9dabad3d30d5e5845b98fddff5db4d3e4","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.0.1-pr.663.87fcab0.0.tgz","fileCount":17,"unpackedSize":36023,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCGYsyVgXhKdWE+Y02tJqPNMQ1uDzCyqNJOeVSbwy8fyAIhAKbaP4afzAe6HNs4dcGewyZcLeO8lbDt7Fn0XYF+KFbE"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.0.1-pr.663.87fcab0.0_1691172508611_0.13148016214200187"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"0.7.12":{"name":"@kong-ui-public/copy-uuid","version":"0.7.12","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.107.0","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.0","@kong/design-tokens":"^1.7.1","@kong/kongponents":"^8.102.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@0.7.12","_integrity":"sha512-oIbkOPcf4h95m9l7CN+i0pDKE917bBKwQiU7mfk0PkhD53fS2cPDi7pWnk4x3Wlv20ut+0tnFV5FRcY2RpxHEA==","_resolved":"/tmp/91c5c9a7d279c912255cddcc39cca427/kong-ui-public-copy-uuid-0.7.12.tgz","_from":"file:kong-ui-public-copy-uuid-0.7.12.tgz","_nodeVersion":"18.17.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-oIbkOPcf4h95m9l7CN+i0pDKE917bBKwQiU7mfk0PkhD53fS2cPDi7pWnk4x3Wlv20ut+0tnFV5FRcY2RpxHEA==","shasum":"965516feaaf4d50352987429fa1b8867276c43f3","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-0.7.12.tgz","fileCount":17,"unpackedSize":34688,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDuVKbCwwd/WJDNGsUjH0aCRuToNPYlPPk0rSyt9FvdLwIhAJgfDS/MLcom7FcWCV51iy3hTJ9IJpNMsdFKpZP6Mcv9"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_0.7.12_1691173278495_0.684590515438398"},"_hasShrinkwrap":false},"1.0.1-pr.663.c7f9c32.0":{"name":"@kong-ui-public/copy-uuid","version":"1.0.1-pr.663.c7f9c32.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.107.0","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.0","@kong/design-tokens":"^1.7.1","@kong/kongponents":"^8.102.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.0.1-pr.663.c7f9c32.0","_integrity":"sha512-7nfwUyP5pVEi1XZfWervSr6JuIdRwkbr4s+bDz1Jg7jVZ7gs6UvmrseRVB6UI7DS8vS6D8tqX+FYS7MavPzP1A==","_resolved":"/tmp/2010bb1a2463abafe84c4f73144cb018/kong-ui-public-copy-uuid-1.0.1-pr.663.c7f9c32.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.0.1-pr.663.c7f9c32.0.tgz","_nodeVersion":"18.17.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-7nfwUyP5pVEi1XZfWervSr6JuIdRwkbr4s+bDz1Jg7jVZ7gs6UvmrseRVB6UI7DS8vS6D8tqX+FYS7MavPzP1A==","shasum":"f84c9b7f7f6e28215b68fbf411ad15727139b5cc","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.0.1-pr.663.c7f9c32.0.tgz","fileCount":17,"unpackedSize":36023,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD6wkjRqW4b20ksfk5eZdiX0W09Y14ahSbjhqSx4LsglwIgQRTAFKFH9H65c6dAnKgemVU3zzgjW5cBiBPQL4+jmdY="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.0.1-pr.663.c7f9c32.0_1691173514246_0.4897845776102452"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.0.1-pr.663.d86fe19.0":{"name":"@kong-ui-public/copy-uuid","version":"1.0.1-pr.663.d86fe19.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.107.0","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.0","@kong/design-tokens":"^1.7.1","@kong/kongponents":"^8.102.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.0.1-pr.663.d86fe19.0","_integrity":"sha512-cX2VeIzbQgBurFmnCfYf6Jr5qwGDrwAsUCwoSo9xl3JQfr6Go8bRJg74t2FfCvDbPj5y4Y0f+9k0Yu9pZ9hW4Q==","_resolved":"/tmp/7349ec55ecc9ea70ca1d565346b92119/kong-ui-public-copy-uuid-1.0.1-pr.663.d86fe19.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.0.1-pr.663.d86fe19.0.tgz","_nodeVersion":"18.17.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-cX2VeIzbQgBurFmnCfYf6Jr5qwGDrwAsUCwoSo9xl3JQfr6Go8bRJg74t2FfCvDbPj5y4Y0f+9k0Yu9pZ9hW4Q==","shasum":"f97bcb4459ee771ef4aa09856fc9a964195c8c94","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.0.1-pr.663.d86fe19.0.tgz","fileCount":17,"unpackedSize":36023,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICZhJFFLDvZN94JPuffrJxmr6DD7ALrpwFW9w34PAhEKAiBCziJtSiy73y3Vj072WLzz6FnsBHN9oR5vdnsYn1akpg=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.0.1-pr.663.d86fe19.0_1691180010864_0.779847746836833"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.1.0":{"name":"@kong-ui-public/copy-uuid","version":"1.1.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.107.0","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.0","@kong/design-tokens":"^1.7.1","@kong/kongponents":"^8.102.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.1.0","_integrity":"sha512-N6qwfzkSyKLVq+kbIFgQUuhOqBgkgijArHP8wEKo/k7JbQKGq4vT3RBBU9870QqeoHcj9Nbsji9S9EkhP/Zdkw==","_resolved":"/tmp/453d6b45f61705590da9520cf1d0e620/kong-ui-public-copy-uuid-1.1.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.1.0.tgz","_nodeVersion":"18.17.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-N6qwfzkSyKLVq+kbIFgQUuhOqBgkgijArHP8wEKo/k7JbQKGq4vT3RBBU9870QqeoHcj9Nbsji9S9EkhP/Zdkw==","shasum":"1c929b051b378646c64497c4a060c20113fc17ac","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.1.0.tgz","fileCount":17,"unpackedSize":36006,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDLsK+DgVTAY3ophvEh8FYyxEfGKIg+nTjk+vxjIr07GgIhAOReHVuGD5qVoFhvTkwlUeTaxZkX35ckuaHtJ3DmGrse"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.1.0_1691180547554_0.48376901490883895"},"_hasShrinkwrap":false},"1.1.1":{"name":"@kong-ui-public/copy-uuid","version":"1.1.1","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.108.0","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.0","@kong/design-tokens":"^1.7.1","@kong/kongponents":"^8.102.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.1.1","_integrity":"sha512-67wB91xRkDlA4bSF6R8T8kiEn5ZAd42ADNn432cvOFRIyatjFB1xaONAX0C9ZigLh9gdLTN8MdtRhyQ22LF0gA==","_resolved":"/tmp/ccc42fadf38c17a31d183a7c93a56eb6/kong-ui-public-copy-uuid-1.1.1.tgz","_from":"file:kong-ui-public-copy-uuid-1.1.1.tgz","_nodeVersion":"18.17.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-67wB91xRkDlA4bSF6R8T8kiEn5ZAd42ADNn432cvOFRIyatjFB1xaONAX0C9ZigLh9gdLTN8MdtRhyQ22LF0gA==","shasum":"57e04c0e246d301faada064140b2b00aa9cc26f6","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.1.1.tgz","fileCount":17,"unpackedSize":36006,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCdlWETZsbRBWInACxqJTQ/dWHDcPKeyRKi2SxfcXM7RAIgfAMsJOjUjN3aoD4WLiOT2mmDSBUDErrg+h0W4QiZarM="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.1.1_1691183950025_0.2967415943628595"},"_hasShrinkwrap":false},"1.1.2":{"name":"@kong-ui-public/copy-uuid","version":"1.1.2","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.109.0","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.0","@kong/design-tokens":"^1.7.1","@kong/kongponents":"^8.102.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.1.2","_integrity":"sha512-BfJq8qe9rbbSdDRSme/G4YzM78doYP3b1J0sfkndRL/1ruBHYxaS4z3RACGNOCY2rzSWHX/W99l40cLoWpzKYQ==","_resolved":"/tmp/865979e6cd5b165c819e68dca640d779/kong-ui-public-copy-uuid-1.1.2.tgz","_from":"file:kong-ui-public-copy-uuid-1.1.2.tgz","_nodeVersion":"18.17.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-BfJq8qe9rbbSdDRSme/G4YzM78doYP3b1J0sfkndRL/1ruBHYxaS4z3RACGNOCY2rzSWHX/W99l40cLoWpzKYQ==","shasum":"5617ed5bcf880fd7cd3102afdb2c5b63851eac87","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.1.2.tgz","fileCount":17,"unpackedSize":36006,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDI1ZhKjF2unVSwvxFOnJD4Glh4oYrI8522oRC+3axFdgIgGU1sSVZnmXBt3m+ThELVTICrvb4wCLgCcgFRwllo5q0="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.1.2_1691184988189_0.7609210369802515"},"_hasShrinkwrap":false},"1.1.3":{"name":"@kong-ui-public/copy-uuid","version":"1.1.3","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.109.0","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.0","@kong/design-tokens":"^1.7.1","@kong/kongponents":"^8.109.0","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.1.3","_integrity":"sha512-Xgh4u9eHmsPhBagaq+QHLTLEXUIwbQEH4+oRXKXvLz2d15jES931k6oOM/uTM4GRt9s7o6ik2A7xCtFZsg1ncw==","_resolved":"/tmp/656a83b40a34bb624a5328296d25625d/kong-ui-public-copy-uuid-1.1.3.tgz","_from":"file:kong-ui-public-copy-uuid-1.1.3.tgz","_nodeVersion":"18.17.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-Xgh4u9eHmsPhBagaq+QHLTLEXUIwbQEH4+oRXKXvLz2d15jES931k6oOM/uTM4GRt9s7o6ik2A7xCtFZsg1ncw==","shasum":"6af16524397a098798636f2d22aaa99f11efcb94","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.1.3.tgz","fileCount":17,"unpackedSize":36006,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCpMBuyeAyTV1y35gUwrQOO52w/cL8LYCWHlEGqfMBAGgIhAPx2PqXzxAQ1YhcgIMzjKDXRj7RaDfNjUootOqWpGLrB"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.1.3_1691251277873_0.16511612449629864"},"_hasShrinkwrap":false},"1.1.4":{"name":"@kong-ui-public/copy-uuid","version":"1.1.4","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.116.0","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.0","@kong/design-tokens":"^1.8.0","@kong/kongponents":"^8.116.0","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.1.4","_integrity":"sha512-/a8labFrdN89EFdrq4HTtlWzdua62g10QRuumFeWtrFle5etDp0uiwL5yEv3WgoGy40Tme7CAQIamaOBJyKO3w==","_resolved":"/tmp/cadd179a5d9be883b0db800e3742c803/kong-ui-public-copy-uuid-1.1.4.tgz","_from":"file:kong-ui-public-copy-uuid-1.1.4.tgz","_nodeVersion":"18.17.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-/a8labFrdN89EFdrq4HTtlWzdua62g10QRuumFeWtrFle5etDp0uiwL5yEv3WgoGy40Tme7CAQIamaOBJyKO3w==","shasum":"93f7eba4cf3957be7196504d07aa08b4660ab710","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.1.4.tgz","fileCount":17,"unpackedSize":36006,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFxDe26272nOrJNuIxGe+Ou8u8B+DWPl4sPqzSi6j/7lAiAdHKUY+P9eo/ef32bjsOk1yhjTNezC/3pbUz8MHC2VMA=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.1.4_1691382872766_0.1518423119340777"},"_hasShrinkwrap":false},"1.1.5":{"name":"@kong-ui-public/copy-uuid","version":"1.1.5","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.116.2","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.0","@kong/design-tokens":"^1.8.0","@kong/kongponents":"^8.116.2","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.1.5","_integrity":"sha512-60ZdTW273biRyqlewUmQR5Y+VwrQEfCU9/HhSEk+8vdx9NPc6I60tQaINF663nzjNJQzDWU1Nkdk1IGHC0P1GA==","_resolved":"/tmp/de46aa9855248ce14dc3b8b35c477cfb/kong-ui-public-copy-uuid-1.1.5.tgz","_from":"file:kong-ui-public-copy-uuid-1.1.5.tgz","_nodeVersion":"18.17.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-60ZdTW273biRyqlewUmQR5Y+VwrQEfCU9/HhSEk+8vdx9NPc6I60tQaINF663nzjNJQzDWU1Nkdk1IGHC0P1GA==","shasum":"2d5928fdc83d5d840ad376201cec1cde048a877d","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.1.5.tgz","fileCount":17,"unpackedSize":36006,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFcj6AxqIxQ/a8Hvz4j5+t/6Y7UJzBy4Gu38ajUMXyOSAiEA34OKfREcvJhs4HkhW6WTtucydZ9d5HFAWa7dUxYH9wk="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.1.5_1691463105503_0.5397039790495564"},"_hasShrinkwrap":false},"1.1.6":{"name":"@kong-ui-public/copy-uuid","version":"1.1.6","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.119.0","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.0","@kong/design-tokens":"^1.9.0","@kong/kongponents":"^8.119.0","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.1.6","_integrity":"sha512-X/HYyjn/LWyhkRiggki47nlXNY5z1pjE+xK6Ag2u0YluzlXjI50dHPeOcJiygF6fOL8w4wuUXro4nqDBYnYy+Q==","_resolved":"/tmp/427ebad668e57e1a84a7d7430abfb6ba/kong-ui-public-copy-uuid-1.1.6.tgz","_from":"file:kong-ui-public-copy-uuid-1.1.6.tgz","_nodeVersion":"18.17.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-X/HYyjn/LWyhkRiggki47nlXNY5z1pjE+xK6Ag2u0YluzlXjI50dHPeOcJiygF6fOL8w4wuUXro4nqDBYnYy+Q==","shasum":"58740ad0ad044855b980620cbdeecaa862000150","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.1.6.tgz","fileCount":17,"unpackedSize":36006,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCXXXSv0sTAAmO57wL/SWrp7oLl4BlNkv5c1kvVkbR1vgIgQndlZ78kB6VqafH7dfkV5EoNzgAgNrw8jv4gNVwvNcQ="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.1.6_1691727239289_0.2366351081055309"},"_hasShrinkwrap":false},"1.1.7":{"name":"@kong-ui-public/copy-uuid","version":"1.1.7","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.121.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.0","@kong/design-tokens":"^1.9.0","@kong/kongponents":"^8.121.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.1.7","_integrity":"sha512-zksmHiW+XQRnsGGCiIiSNJS7RcQhfW+Ae9+0UxZjE50eB5MQMzC5FF7ubrm+66wF/w2wtmrZNugskQidb5kBGg==","_resolved":"/tmp/13d25364f0e341349f0767f703d65807/kong-ui-public-copy-uuid-1.1.7.tgz","_from":"file:kong-ui-public-copy-uuid-1.1.7.tgz","_nodeVersion":"18.17.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-zksmHiW+XQRnsGGCiIiSNJS7RcQhfW+Ae9+0UxZjE50eB5MQMzC5FF7ubrm+66wF/w2wtmrZNugskQidb5kBGg==","shasum":"1f66166728628cf81e8a90a2f7433399d0ebe0ae","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.1.7.tgz","fileCount":17,"unpackedSize":36006,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCb6vLcXnLvRMLXrwrnBD9BuSkOK45zQk8gRir5VyG36QIhANkXlArN4SVFyM5e5a7a3oMeaQjWInTFKKEAGxBVSXvw"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.1.7_1691809831523_0.40117900913480065"},"_hasShrinkwrap":false},"1.1.8":{"name":"@kong-ui-public/copy-uuid","version":"1.1.8","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.121.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.0","@kong/design-tokens":"^1.9.0","@kong/kongponents":"^8.122.0","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.1.8","_integrity":"sha512-rwi9xjTrlkQIG/Rw826WamgAdNKO5a2uLOkMFARySTBTLY4+muGhMoJFZu7lWZzFedeejRH+P7WQ4RF8GcaNBw==","_resolved":"/tmp/5f35f7568c45eb30e3415b8d4676f9eb/kong-ui-public-copy-uuid-1.1.8.tgz","_from":"file:kong-ui-public-copy-uuid-1.1.8.tgz","_nodeVersion":"18.17.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-rwi9xjTrlkQIG/Rw826WamgAdNKO5a2uLOkMFARySTBTLY4+muGhMoJFZu7lWZzFedeejRH+P7WQ4RF8GcaNBw==","shasum":"6e549e43509040c787fb154b452092918466ccbc","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.1.8.tgz","fileCount":17,"unpackedSize":36006,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHqcvHkD/Lf5iLGHbSWAhBT9WqNdHcbWY6NjR9OqBikUAiEA6PL41bbK5XnpxozyCiRRU2I/NhVrUUl//cXv8GiJm8E="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.1.8_1692002003048_0.06349169558017254"},"_hasShrinkwrap":false},"1.1.9":{"name":"@kong-ui-public/copy-uuid","version":"1.1.9","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.122.0","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.0","@kong/design-tokens":"^1.9.0","@kong/kongponents":"^8.122.0","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.1.9","_integrity":"sha512-kA1Mbiuu14syHW0PRDjZnFL9RsaDIttq/mwakwXW7FjpsxwP9OGO1yKCjTPMq78ZAJMkB6giKFb0q+TsJHX14g==","_resolved":"/tmp/0ad3e10b6d376beaa9f62b51efb983c6/kong-ui-public-copy-uuid-1.1.9.tgz","_from":"file:kong-ui-public-copy-uuid-1.1.9.tgz","_nodeVersion":"18.17.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-kA1Mbiuu14syHW0PRDjZnFL9RsaDIttq/mwakwXW7FjpsxwP9OGO1yKCjTPMq78ZAJMkB6giKFb0q+TsJHX14g==","shasum":"f7725b4109105c5eb1364575b75ae58f1f9ecd43","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.1.9.tgz","fileCount":17,"unpackedSize":36006,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGUYAddgCGwiEoGY5Cj+AnvR98P/3kxh/vtPnbtmdUfgAiAsYxO/4vB75b7AKZQ7FeIrYIOjMqVRyuN7PSPeGznhlQ=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.1.9_1692003565949_0.21264147023401714"},"_hasShrinkwrap":false},"1.1.10":{"name":"@kong-ui-public/copy-uuid","version":"1.1.10","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.122.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.0","@kong/design-tokens":"^1.9.0","@kong/kongponents":"^8.122.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.1.10","_integrity":"sha512-xa7rYazH2Fq1SbkZVohPGh4lBLIZpFxQ/1VKV549jmJ6cOPHt0WIcRiF+3gVhbx9yOwUVWR1VNaWhMKghy/nwg==","_resolved":"/tmp/2ad1041e554eb3f76446219526386009/kong-ui-public-copy-uuid-1.1.10.tgz","_from":"file:kong-ui-public-copy-uuid-1.1.10.tgz","_nodeVersion":"18.17.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-xa7rYazH2Fq1SbkZVohPGh4lBLIZpFxQ/1VKV549jmJ6cOPHt0WIcRiF+3gVhbx9yOwUVWR1VNaWhMKghy/nwg==","shasum":"32002b8ce650522eb741d8f42e739c9963247185","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.1.10.tgz","fileCount":17,"unpackedSize":36007,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDo7ebOad8K+clDGuy1y2H+Oey4IGP9gdWU7cOU0qbhMAIhAPVL3xlxsr7oOEqEQL8ax3AXpDZZczBlHL9DGLajDFw5"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.1.10_1692324001157_0.29294032156191885"},"_hasShrinkwrap":false},"1.1.11-pr.729.fde1022.0":{"name":"@kong-ui-public/copy-uuid","version":"1.1.11-pr.729.fde1022.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.122.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.1-pr.729.fde1022.0","@kong/design-tokens":"^1.9.0","@kong/kongponents":"^8.122.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.1.11-pr.729.fde1022.0","_integrity":"sha512-PgHMrE8E5ysH3GMdii7gsykej8C6QTdcTUTvv4WaZI19fN7uJ/fa0moNRx+4IkQpnfsQ7jOEUQKItkvQA9NfiA==","_resolved":"/tmp/99ff0e054924e66d215a0af58da10548/kong-ui-public-copy-uuid-1.1.11-pr.729.fde1022.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.1.11-pr.729.fde1022.0.tgz","_nodeVersion":"18.17.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-PgHMrE8E5ysH3GMdii7gsykej8C6QTdcTUTvv4WaZI19fN7uJ/fa0moNRx+4IkQpnfsQ7jOEUQKItkvQA9NfiA==","shasum":"732d97f8ae084c149a349c0887bf1761785dde95","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.1.11-pr.729.fde1022.0.tgz","fileCount":17,"unpackedSize":36051,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDXhlPhh1xT9OLQyL9FAHGuPRMzgYDUVBLhEXCLvyc4yAIgdXoH3bYsc/nbaX/o+3N91FXYOMVAH5n4mUOL3lYEKkc="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.1.11-pr.729.fde1022.0_1692677200090_0.9419145497078527"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.1.11-pr.729.8e2b465.0":{"name":"@kong-ui-public/copy-uuid","version":"1.1.11-pr.729.8e2b465.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.122.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.1-pr.729.8e2b465.0","@kong/design-tokens":"^1.9.0","@kong/kongponents":"^8.122.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.1.11-pr.729.8e2b465.0","_integrity":"sha512-Pkc0NrMrcCwb0hGGGCRIMrFBM5ri3fcixbAJNdtNaCPvDGLNAEvazBbS+3QxlHkvKW1bi+cwH8m8cRL6FClNeg==","_resolved":"/tmp/c2eb68dc4071ba9dbfb972dff0935c4a/kong-ui-public-copy-uuid-1.1.11-pr.729.8e2b465.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.1.11-pr.729.8e2b465.0.tgz","_nodeVersion":"18.17.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-Pkc0NrMrcCwb0hGGGCRIMrFBM5ri3fcixbAJNdtNaCPvDGLNAEvazBbS+3QxlHkvKW1bi+cwH8m8cRL6FClNeg==","shasum":"ac27ff64618a60bf3b29d018105303ef133d8810","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.1.11-pr.729.8e2b465.0.tgz","fileCount":17,"unpackedSize":36051,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCdf3mig0qXJB5VqrkgbyxTVsfAowFXR/6Qi+Zqqz2D5QIgAcYJv0BlnDREaBek2JR7PS61pja9co0pdfifTjGiZ6c="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.1.11-pr.729.8e2b465.0_1692693447470_0.4353926718589731"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.1.11-pr.729.5940fe0.0":{"name":"@kong-ui-public/copy-uuid","version":"1.1.11-pr.729.5940fe0.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.122.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.1-pr.729.5940fe0.0","@kong/design-tokens":"^1.9.0","@kong/kongponents":"^8.122.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.1.11-pr.729.5940fe0.0","_integrity":"sha512-RpmCMd7GnAbq49bEJJrZbjnjOurycTgthbLeOXJAPzeh98P/0ZeWEfZCa2meZE033LIHr7rNk6EzoOh7ZrRNLg==","_resolved":"/tmp/7ec7b2df29d5a81449dd73d55aae6bbe/kong-ui-public-copy-uuid-1.1.11-pr.729.5940fe0.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.1.11-pr.729.5940fe0.0.tgz","_nodeVersion":"18.17.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-RpmCMd7GnAbq49bEJJrZbjnjOurycTgthbLeOXJAPzeh98P/0ZeWEfZCa2meZE033LIHr7rNk6EzoOh7ZrRNLg==","shasum":"d8a81c4b5ba73df3a9e77db2250988be546c90b4","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.1.11-pr.729.5940fe0.0.tgz","fileCount":17,"unpackedSize":36050,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBVeci593FaJzDYJzr32GsPTVzrlSZHH+t+QLFCL5VfGAiAYTpCWyIfTxnD8yKERE1IW7V7RapI5OcT/1iF7jt8luA=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.1.11-pr.729.5940fe0.0_1692710170815_0.5878862409625771"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.1.11":{"name":"@kong-ui-public/copy-uuid","version":"1.1.11","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.122.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.1","@kong/design-tokens":"^1.9.0","@kong/kongponents":"^8.122.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.1.11","_integrity":"sha512-rUrZ0P6TJqawGXpSLxGUHL8ygP5ov7+ru+ZXm8rWuWl9h7k2ZcpNtUTOWhJ2bZw55cwvVx0bg/LnWIbUV924iQ==","_resolved":"/tmp/8098b98c9e002b85677c77b99e778fed/kong-ui-public-copy-uuid-1.1.11.tgz","_from":"file:kong-ui-public-copy-uuid-1.1.11.tgz","_nodeVersion":"18.17.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-rUrZ0P6TJqawGXpSLxGUHL8ygP5ov7+ru+ZXm8rWuWl9h7k2ZcpNtUTOWhJ2bZw55cwvVx0bg/LnWIbUV924iQ==","shasum":"d953cf06906d674657379fb0c6c29d184234ed1a","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.1.11.tgz","fileCount":17,"unpackedSize":36016,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCRuK27e+/JDuqEhAEklNXZ5rt2MzTUj9/3EW1mYjlKLgIgZCBQdsFjhv7VLf8R7mAFbD836mbzOHrOqP9kvJIjSc8="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.1.11_1692715749585_0.6196641958626252"},"_hasShrinkwrap":false},"1.1.12-pr.730.b1016fd2.0":{"name":"@kong-ui-public/copy-uuid","version":"1.1.12-pr.730.b1016fd2.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.122.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.2-pr.730.b1016fd2.0","@kong/design-tokens":"^1.9.0","@kong/kongponents":"^8.122.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.1.12-pr.730.b1016fd2.0","_integrity":"sha512-9Io5RrkkwOCcDFZydbFvMCWhQZRQVGBCRULUqjODc18TvbeLF3Ks/GIJiUALZhrFOEXAdeJKgawwW/eotl8C/w==","_resolved":"/tmp/04e25377fa8cc863df634e5bf7b59c8e/kong-ui-public-copy-uuid-1.1.12-pr.730.b1016fd2.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.1.12-pr.730.b1016fd2.0.tgz","_nodeVersion":"18.17.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-9Io5RrkkwOCcDFZydbFvMCWhQZRQVGBCRULUqjODc18TvbeLF3Ks/GIJiUALZhrFOEXAdeJKgawwW/eotl8C/w==","shasum":"9a5748c4b59483967e3d34171f4f7aeb22549553","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.1.12-pr.730.b1016fd2.0.tgz","fileCount":17,"unpackedSize":36052,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDhfDeLZiWCC/daq0zSryGovncPNf/KChY44F6r8X1ZtAIgCDEmpZnMhy1BEldJp7uvURiTw3eNHvJ8HsovBvAxH0Q="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.1.12-pr.730.b1016fd2.0_1692718024071_0.43963886250861384"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.1.12":{"name":"@kong-ui-public/copy-uuid","version":"1.1.12","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.122.2","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.1","@kong/design-tokens":"^1.9.0","@kong/kongponents":"^8.122.2","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.1.12","_integrity":"sha512-aah+H9ADHYNyHrpe0aMVuJhzxMslyEMsvLMdTOc6mA85lc2FWgSscfifw9uqXLKEEnjBF0DTh6tBsobsXAO1+A==","_resolved":"/tmp/2cbf8c389bc0e4f64124291882a458f8/kong-ui-public-copy-uuid-1.1.12.tgz","_from":"file:kong-ui-public-copy-uuid-1.1.12.tgz","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-aah+H9ADHYNyHrpe0aMVuJhzxMslyEMsvLMdTOc6mA85lc2FWgSscfifw9uqXLKEEnjBF0DTh6tBsobsXAO1+A==","shasum":"a5660cd3308e0ba425cff23cdb1bcbbfcd6b65a8","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.1.12.tgz","fileCount":17,"unpackedSize":36016,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDq33zRtYT62mI4YtlhU0JWsJcIUPQJktmjan5VRgSibAiBYcuyODCIUK1ZwWjR8SJDmfQEHfbhbv+gTXQxy+kg6+A=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.1.12_1692758708585_0.2356446575273512"},"_hasShrinkwrap":false},"1.1.13":{"name":"@kong-ui-public/copy-uuid","version":"1.1.13","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.122.3","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.1","@kong/design-tokens":"^1.9.1","@kong/kongponents":"^8.122.3","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.1.13","_integrity":"sha512-00GLbjvSD3KgyHJ3j+HZcDeDgeJnyY3hQCldLdmkaKRAwDwailskA23VK3Lanz+phwydpZQ41UluhZYREoqZWQ==","_resolved":"/tmp/8409acce0d00232acd043ac199f407b1/kong-ui-public-copy-uuid-1.1.13.tgz","_from":"file:kong-ui-public-copy-uuid-1.1.13.tgz","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-00GLbjvSD3KgyHJ3j+HZcDeDgeJnyY3hQCldLdmkaKRAwDwailskA23VK3Lanz+phwydpZQ41UluhZYREoqZWQ==","shasum":"e385b95813362aa15a5e5c1f35879181316a00d9","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.1.13.tgz","fileCount":17,"unpackedSize":36016,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFHO5rwscJZiYCzPq9cLDFwUE9CSz38BCtWmpRgMSfTbAiAxjjwKNKGN7L6zAL9C5gRHUusv9sBNxGwA3nCl3WAb6Q=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.1.13_1692932050926_0.4168715276642123"},"_hasShrinkwrap":false},"1.1.14":{"name":"@kong-ui-public/copy-uuid","version":"1.1.14","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.122.4","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.1","@kong/design-tokens":"^1.9.1","@kong/kongponents":"^8.122.4","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.1.14","_integrity":"sha512-ekBoMp3cxLdQeJFK++MRh7UPi83PaoS879iMVs6aoNaPP/nl+PE//V3vzb7/d66oh8yjgmslwLB6lanCcnaQpg==","_resolved":"/tmp/8773dd093d4d5a8ddf080935063c4f24/kong-ui-public-copy-uuid-1.1.14.tgz","_from":"file:kong-ui-public-copy-uuid-1.1.14.tgz","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-ekBoMp3cxLdQeJFK++MRh7UPi83PaoS879iMVs6aoNaPP/nl+PE//V3vzb7/d66oh8yjgmslwLB6lanCcnaQpg==","shasum":"44e90dc596083cc4e37fcfbeb67f8e270c52fa7c","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.1.14.tgz","fileCount":17,"unpackedSize":36016,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFlcau6VCp/phLDOThPEyTj/kDc4jXQxkLEA+5KR0NyRAiEAxDT73v07t/N2AlQ8FJJF2k1QdPBXZ2lMNiyQxQkuE60="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.1.14_1693203013123_0.1605980649048908"},"_hasShrinkwrap":false},"1.1.15":{"name":"@kong-ui-public/copy-uuid","version":"1.1.15","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.122.5","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.1","@kong/design-tokens":"^1.9.1","@kong/kongponents":"^8.122.5","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.1.15","_integrity":"sha512-B/pZDykkwz/1tQmupudxalpVNtmxL/XFAOFIXLiBtxbYFkvsg9TltOsH0GXMEZ83CR5W+jRdwaWNEf3wl1aYTg==","_resolved":"/tmp/eebcfe928ab396d0e3b97b6f2d3e36e2/kong-ui-public-copy-uuid-1.1.15.tgz","_from":"file:kong-ui-public-copy-uuid-1.1.15.tgz","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-B/pZDykkwz/1tQmupudxalpVNtmxL/XFAOFIXLiBtxbYFkvsg9TltOsH0GXMEZ83CR5W+jRdwaWNEf3wl1aYTg==","shasum":"d0b016168ae727d8a52e453f538f050d998aacdb","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.1.15.tgz","fileCount":17,"unpackedSize":36016,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDKIVcij6f6vmijdXxsJIM7ZEKAxNBVk4RLQDUsjnrscgIhALBTMx3qMN44EcmjrHotp9d1ezN66vrKC49+MD7w8lug"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.1.15_1693619610354_0.994707505315584"},"_hasShrinkwrap":false},"1.1.16":{"name":"@kong-ui-public/copy-uuid","version":"1.1.16","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.122.6","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.1","@kong/design-tokens":"^1.9.1","@kong/kongponents":"^8.122.6","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.1.16","_integrity":"sha512-045EfDGqnep5MJRA2B1OYWpzCuJ8R3DAd6+NNgWyv4+8bAme78MfLYyybUjIMDgC7N/4699K4/PgEMDTL9/e8A==","_resolved":"/tmp/28748d1c40832c86cc453ae458389caf/kong-ui-public-copy-uuid-1.1.16.tgz","_from":"file:kong-ui-public-copy-uuid-1.1.16.tgz","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-045EfDGqnep5MJRA2B1OYWpzCuJ8R3DAd6+NNgWyv4+8bAme78MfLYyybUjIMDgC7N/4699K4/PgEMDTL9/e8A==","shasum":"a5c07b224587d07dfaeb3d85e4a35e31710abc16","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.1.16.tgz","fileCount":17,"unpackedSize":36016,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCWJujZo4tF23jp2fWyaAnrOhalZEGfXKSx7NP/6fs/XwIhAMWQpQgr1+EYLA1DW8eAhFlkhhRwvGl1axZr8dR6OETd"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.1.16_1693820540079_0.5744318703395737"},"_hasShrinkwrap":false},"1.1.17":{"name":"@kong-ui-public/copy-uuid","version":"1.1.17","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.122.7","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.1","@kong/design-tokens":"^1.9.1","@kong/kongponents":"^8.122.7","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.1.17","_integrity":"sha512-NzkrWSt7pvep/m0ABNnv01vVP/o4QnDLSqPrnegejTwwEbL6RHLqHT4F3i8pWUD6X5OWmxVVvPsks2Uwmt9owQ==","_resolved":"/tmp/ad7a7c9f4b6b66370b1374eef62f3d46/kong-ui-public-copy-uuid-1.1.17.tgz","_from":"file:kong-ui-public-copy-uuid-1.1.17.tgz","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-NzkrWSt7pvep/m0ABNnv01vVP/o4QnDLSqPrnegejTwwEbL6RHLqHT4F3i8pWUD6X5OWmxVVvPsks2Uwmt9owQ==","shasum":"76a51d2aace3f5271af925b017cf4ed3bcce203b","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.1.17.tgz","fileCount":17,"unpackedSize":36016,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCumpjdAL8HAxljiEnmJQVps5Fzd0dI4mtQUUkHfZcdBgIhAJvJdRy5xSqNGpuK4Y0h1Fz/JlEVDhSHIdyolczG7kdj"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.1.17_1694134317799_0.6260239883125183"},"_hasShrinkwrap":false},"1.1.18":{"name":"@kong-ui-public/copy-uuid","version":"1.1.18","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.123.3","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.1","@kong/design-tokens":"^1.10.2","@kong/kongponents":"^8.123.3","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.1.18","_integrity":"sha512-v00NwpccUFn9Ro3uuq645vvm1N05YQ5F5/dEU5XaOP/12RAV0JSSFa6OLKHu18Q9NIGcJ6g9B0zVyVnDK6+jzQ==","_resolved":"/tmp/cd2eff8da76c48331ecea10a358a0a61/kong-ui-public-copy-uuid-1.1.18.tgz","_from":"file:kong-ui-public-copy-uuid-1.1.18.tgz","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-v00NwpccUFn9Ro3uuq645vvm1N05YQ5F5/dEU5XaOP/12RAV0JSSFa6OLKHu18Q9NIGcJ6g9B0zVyVnDK6+jzQ==","shasum":"a8fc8288ac56dba703bd4dd4604a00ba589e704b","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.1.18.tgz","fileCount":17,"unpackedSize":36017,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE1f3wi2jFcCDT9LPOEPOx5rzBhcxJVnNBlnozP4WhONAiEA5g6y83rR5xcWcUHIIk7v8VQ+L07mhEk0Ln5hwvsj52E="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.1.18_1694224732808_0.048900390927417714"},"_hasShrinkwrap":false},"1.1.19":{"name":"@kong-ui-public/copy-uuid","version":"1.1.19","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.123.5","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.1","@kong/design-tokens":"^1.10.2","@kong/kongponents":"^8.123.5","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.1.19","_integrity":"sha512-biIRtMJyHNA2TVwnTRd65j+OREQbT/fqbW7Z7CaU36N/gWRET6v7ZawSdkvU+b/fx9+jHOw209K6R8WYzB/HJA==","_resolved":"/tmp/2ff4bf9ab7ebc87fb6200895f737a961/kong-ui-public-copy-uuid-1.1.19.tgz","_from":"file:kong-ui-public-copy-uuid-1.1.19.tgz","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-biIRtMJyHNA2TVwnTRd65j+OREQbT/fqbW7Z7CaU36N/gWRET6v7ZawSdkvU+b/fx9+jHOw209K6R8WYzB/HJA==","shasum":"bd1f19f77a68d5aa43b4574f1d2efc998e288d20","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.1.19.tgz","fileCount":17,"unpackedSize":36017,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG63nDT53a85e3aOtSEcNNFmE6VoRBwS0cr/QZLiIUDXAiEAz+egBjMzNCgzw9larVIVhx7joxG1xAYNpz7vyM3BfCI="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.1.19_1694487028850_0.7819282617136387"},"_hasShrinkwrap":false},"1.1.20":{"name":"@kong-ui-public/copy-uuid","version":"1.1.20","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.123.6","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.1","@kong/design-tokens":"^1.10.2","@kong/kongponents":"^8.123.6","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.1.20","_integrity":"sha512-0hAU6j4VrYhFbtHYpLkZiaHZQYbmnDO8Zpb1owFSe3z4q+cCLE4xVz3pKONw1QtNQdn2c/HdYBLmIisM85YNuw==","_resolved":"/tmp/0edc774b04329ac3747223cead35da2f/kong-ui-public-copy-uuid-1.1.20.tgz","_from":"file:kong-ui-public-copy-uuid-1.1.20.tgz","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-0hAU6j4VrYhFbtHYpLkZiaHZQYbmnDO8Zpb1owFSe3z4q+cCLE4xVz3pKONw1QtNQdn2c/HdYBLmIisM85YNuw==","shasum":"95c5be5c2cfbc432f69177ee7136eb2250786f23","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.1.20.tgz","fileCount":17,"unpackedSize":36017,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDLM5gEheXskM3BMpZ1UnFvmS/j14PD53m1WwLi0qsy6AiB9mqXzKu4byr+SnpIzGvyKihF2OuEt78CULQQ8+Cf2aA=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.1.20_1694572713573_0.8013151650849488"},"_hasShrinkwrap":false},"1.1.21":{"name":"@kong-ui-public/copy-uuid","version":"1.1.21","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.123.7","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.1","@kong/design-tokens":"^1.10.2","@kong/kongponents":"^8.123.7","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.1.21","_integrity":"sha512-GyczK8Z339/sfI+lcCH9saQeLM0KOgFFFOIG5QTSRBwVr6uPRhP1AbpP+u+1BP8qZwEmA/Qih+z8Xl/XXxlRwA==","_resolved":"/tmp/a2ad40f8d45b296443e62088182bcb0b/kong-ui-public-copy-uuid-1.1.21.tgz","_from":"file:kong-ui-public-copy-uuid-1.1.21.tgz","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-GyczK8Z339/sfI+lcCH9saQeLM0KOgFFFOIG5QTSRBwVr6uPRhP1AbpP+u+1BP8qZwEmA/Qih+z8Xl/XXxlRwA==","shasum":"e42a5ef700cc980ad3877db14dd5dff7094e6bbc","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.1.21.tgz","fileCount":17,"unpackedSize":36017,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCpzA5oyQ+9+2sN7RMTWML/LUlF5bs8SXz9V+YYMl0X7QIhAM0FFvAiYcMLTLgDjpveJTyodrpi4NPdeK/6PAYO6pk/"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.1.21_1694656776884_0.6785363834308575"},"_hasShrinkwrap":false},"1.1.22":{"name":"@kong-ui-public/copy-uuid","version":"1.1.22","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.123.8","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.1","@kong/design-tokens":"^1.10.2","@kong/kongponents":"^8.123.8","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.1.22","_integrity":"sha512-OjEIBhErzFJQ8hkIZ3MiXRp3CTgzB9WkOBYQn6WnB1RoHzNI2u0yPAfQg5SWNpC0hLFA1pVfkEOyqflT2Sd2PA==","_resolved":"/tmp/2de2b76fe9ad21567e1c735cc4fc1192/kong-ui-public-copy-uuid-1.1.22.tgz","_from":"file:kong-ui-public-copy-uuid-1.1.22.tgz","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-OjEIBhErzFJQ8hkIZ3MiXRp3CTgzB9WkOBYQn6WnB1RoHzNI2u0yPAfQg5SWNpC0hLFA1pVfkEOyqflT2Sd2PA==","shasum":"a94229ef298f1c005d4989f076d290888761ecdc","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.1.22.tgz","fileCount":17,"unpackedSize":36017,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDuyDmvtXExIuLElQfByDUAZvIixIxRURWQJ8exxps6DAIgcv5aXDyfsDEPjsuqFZM1jRk+6/PjrjSTv4OTySF+jCw="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.1.22_1694854998543_0.3398102760588084"},"_hasShrinkwrap":false},"1.1.23":{"name":"@kong-ui-public/copy-uuid","version":"1.1.23","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.123.8","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.2","@kong/design-tokens":"^1.10.2","@kong/kongponents":"^8.123.8","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.1.23","_integrity":"sha512-ocw97zPv5BOgXPmJKe+34vqR+Maed9u8UiGMTikNOvoBJete8Am86r2NZkSZ2PZUt/tso8RXSqHuDB62DS9l1A==","_resolved":"/tmp/328047040b3b778c478b68e5fb916072/kong-ui-public-copy-uuid-1.1.23.tgz","_from":"file:kong-ui-public-copy-uuid-1.1.23.tgz","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-ocw97zPv5BOgXPmJKe+34vqR+Maed9u8UiGMTikNOvoBJete8Am86r2NZkSZ2PZUt/tso8RXSqHuDB62DS9l1A==","shasum":"c0a1f678fd60cd719495dc5c77b435c79ca5b323","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.1.23.tgz","fileCount":17,"unpackedSize":36017,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFQV24SahMKRmSeTXScpMmQ3e7hGBp8eAsyqKko48nn9AiB0IXl0duNiHHfmOF9QKiUn6B1/AOOPSIxf9NntIw3HCQ=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.1.23_1695023984061_0.3778179380104214"},"_hasShrinkwrap":false},"1.1.24":{"name":"@kong-ui-public/copy-uuid","version":"1.1.24","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.123.8","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.3","@kong/design-tokens":"^1.10.2","@kong/kongponents":"^8.123.8","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.1.24","_integrity":"sha512-vLGKUsVSBVl9LDLsxTZU4CD6Q0PSiUzwA4DxsR5cWnC59qdB3zyGuCVinb3uj+nkKUn1uWBW87psHhuceUnzGg==","_resolved":"/tmp/489b1e33c53efcd348f11c9459815c0a/kong-ui-public-copy-uuid-1.1.24.tgz","_from":"file:kong-ui-public-copy-uuid-1.1.24.tgz","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-vLGKUsVSBVl9LDLsxTZU4CD6Q0PSiUzwA4DxsR5cWnC59qdB3zyGuCVinb3uj+nkKUn1uWBW87psHhuceUnzGg==","shasum":"419eecdebeeaeb5e82c478b5370a7226035fa6cd","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.1.24.tgz","fileCount":17,"unpackedSize":36017,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGxcTb2m4owSTUJh90CzMlujPzwW1ipJB5l5LAfdmfCFAiEA6j9UyyrDMZBLHWnRF8fI0JpIwOwFnCmjisKBPVUutl8="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.1.24_1695188184907_0.5457404407401081"},"_hasShrinkwrap":false},"1.1.25":{"name":"@kong-ui-public/copy-uuid","version":"1.1.25","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.123.8","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.3","@kong/design-tokens":"^1.10.3","@kong/kongponents":"^8.123.8","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.1.25","_integrity":"sha512-hZmCh3eZVc892f6E/eRE0Zu9vEnOvi9EMYHdW8ywS6+FpiS5UB0gVOFCOAZzXWFty1/iyJpisd/gRprNnmXQzQ==","_resolved":"/tmp/1b9b950ab81cb6325e2d763a1a713045/kong-ui-public-copy-uuid-1.1.25.tgz","_from":"file:kong-ui-public-copy-uuid-1.1.25.tgz","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-hZmCh3eZVc892f6E/eRE0Zu9vEnOvi9EMYHdW8ywS6+FpiS5UB0gVOFCOAZzXWFty1/iyJpisd/gRprNnmXQzQ==","shasum":"b3365d170909dfdee7c3942d396f3a5e417295e3","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.1.25.tgz","fileCount":17,"unpackedSize":36017,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFihbYgpctoTdrI7k1tka7ZjvihUZDhGmCP68RQtittSAiEA2ZJyMGfrxxgRHaPnKlSXYUTIwPfqq9oNBGY2SQPL3MQ="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.1.25_1695783204738_0.005845477036955593"},"_hasShrinkwrap":false},"1.1.26":{"name":"@kong-ui-public/copy-uuid","version":"1.1.26","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.123.8","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.3","@kong/design-tokens":"^1.11.2","@kong/kongponents":"^8.123.8","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.1.26","_integrity":"sha512-F0bKKSe9SeFEqDIRpT3fTujmNjlQ6nR/p8WS8irUpPN6r7/xeJwm5He/UH7LScEB7PWKaDmepoT3nMu0PXrdHg==","_resolved":"/tmp/4cb4f416eb6894b555f3410c14cffc5b/kong-ui-public-copy-uuid-1.1.26.tgz","_from":"file:kong-ui-public-copy-uuid-1.1.26.tgz","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-F0bKKSe9SeFEqDIRpT3fTujmNjlQ6nR/p8WS8irUpPN6r7/xeJwm5He/UH7LScEB7PWKaDmepoT3nMu0PXrdHg==","shasum":"1bb61035140de6d9be1bea84eba5cb341252fba3","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.1.26.tgz","fileCount":17,"unpackedSize":36017,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBqoLJybECyVZKkwmbAx4aRryvyQ+6r6r1WCoPbh4RlhAiEAzqnOfy8Sfcu1N6hHprzG7TXczLtzNxJX0RdXW5TeHfQ="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.1.26_1695867433194_0.4267229302623079"},"_hasShrinkwrap":false},"1.1.27":{"name":"@kong-ui-public/copy-uuid","version":"1.1.27","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.123.8","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.4","@kong/design-tokens":"^1.11.2","@kong/kongponents":"^8.123.8","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.1.27","_integrity":"sha512-XZES5EemJuEI9+n4wDnzbFFrIiPfKFSOTHDQjoYa60GsjCp5ZPvlwmduVMYvYnEusTvrDZaffUzhPVXC0uQNAA==","_resolved":"/tmp/49572e5a1030cdaef21a7847705545c1/kong-ui-public-copy-uuid-1.1.27.tgz","_from":"file:kong-ui-public-copy-uuid-1.1.27.tgz","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-XZES5EemJuEI9+n4wDnzbFFrIiPfKFSOTHDQjoYa60GsjCp5ZPvlwmduVMYvYnEusTvrDZaffUzhPVXC0uQNAA==","shasum":"b3e2dd53ff1d1c03189cae69010d08f46c7ad2e1","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.1.27.tgz","fileCount":17,"unpackedSize":36017,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCYHnn5rN5feFHRi+R7UsurnhrLEmzszzmgP7ieGEbfQwIgCgUyHVGbePsO8l/3GxPuRSEHSiJopqTA3wZhKN326Gk="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.1.27_1695877594682_0.16771132032509684"},"_hasShrinkwrap":false},"1.1.28-pr.813.4358edcc.0":{"name":"@kong-ui-public/copy-uuid","version":"1.1.28-pr.813.4358edcc.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.123.8","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.4","@kong/design-tokens":"^1.11.2","@kong/kongponents":"^8.123.8","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\nimport '@kong-ui/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.1.28-pr.813.4358edcc.0","_integrity":"sha512-Hw0vcTHYppdIUt6VgkQUhEd6etxNnY7wcXAg6UFXxop4oVURbsJzBH/rczUlNx4Yc9QpGWukrcXoNgW1Q0UsRA==","_resolved":"/tmp/926376df08773d5a0420e0db38bf27a4/kong-ui-public-copy-uuid-1.1.28-pr.813.4358edcc.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.1.28-pr.813.4358edcc.0.tgz","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-Hw0vcTHYppdIUt6VgkQUhEd6etxNnY7wcXAg6UFXxop4oVURbsJzBH/rczUlNx4Yc9QpGWukrcXoNgW1Q0UsRA==","shasum":"090a53f6eb918782eb1b68ab66bd0386dfb59b59","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.1.28-pr.813.4358edcc.0.tgz","fileCount":17,"unpackedSize":36911,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAyXj1Uld1OxgcdaYR2TeomjSD+SX5DzM9vsJGwAP2mSAiEA9DXOcRBUNBzOuOLZ2VDV9ISA+GRrOF7yUTI/ufwv/As="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.1.28-pr.813.4358edcc.0_1695930946444_0.7943077398164351"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.2.0":{"name":"@kong-ui-public/copy-uuid","version":"1.2.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.123.8","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.4","@kong/design-tokens":"^1.11.2","@kong/kongponents":"^8.123.8","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.2.0","_integrity":"sha512-VfvtuMUNk0VcS00wAQO9C4B6Qc6A6KdzMI+Gu+tLa8DoMD8u/Mgu4sEe0tgkUveS9WgBWg1IPz5zeL9eZau5+w==","_resolved":"/tmp/ff80f3a781cdef8db08f8760fa7478ae/kong-ui-public-copy-uuid-1.2.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.2.0.tgz","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-VfvtuMUNk0VcS00wAQO9C4B6Qc6A6KdzMI+Gu+tLa8DoMD8u/Mgu4sEe0tgkUveS9WgBWg1IPz5zeL9eZau5+w==","shasum":"5438156b4ef7c9f09d744061aaa5008be1e42122","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.2.0.tgz","fileCount":17,"unpackedSize":36892,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFmR/rvAMuAlI0miV6xv4omrZmyrqvARAGoWeZJeqq11AiBI8mv9miPWUvpnw4aGkLC96EXld++gctF9MKHyFyqC8g=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.2.0_1695991327326_0.6428642484431515"},"_hasShrinkwrap":false},"1.2.1-pr.821.e7da777c.0":{"name":"@kong-ui-public/copy-uuid","version":"1.2.1-pr.821.e7da777c.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.123.8","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.4","@kong/design-tokens":"^1.11.2","@kong/kongponents":"^8.123.8","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.2.1-pr.821.e7da777c.0","_integrity":"sha512-jIMiK3dlkZR2QOB9qf6ax3oGqSMJKKyyEXs7n3HA2/c16UJn3H3UlnaXKM+O7HhHLfdhjcv4teKhc3evoLlAIA==","_resolved":"/tmp/256131aa36fbf289ec4414b54ed10f6e/kong-ui-public-copy-uuid-1.2.1-pr.821.e7da777c.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.2.1-pr.821.e7da777c.0.tgz","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-jIMiK3dlkZR2QOB9qf6ax3oGqSMJKKyyEXs7n3HA2/c16UJn3H3UlnaXKM+O7HhHLfdhjcv4teKhc3evoLlAIA==","shasum":"6279ce1c35b2edf9cdd000c7dd4aec1220444928","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.2.1-pr.821.e7da777c.0.tgz","fileCount":17,"unpackedSize":36973,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDSUnMgt/6CWWzNlhTemxA9tCSMneaf1Ntp/K05aW67XgIgUvwuomAf+F9Wcs5W2L+olxdZbP8QVXesRGpnLdkMr6U="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.2.1-pr.821.e7da777c.0_1696544771755_0.8644208183527862"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.2.1":{"name":"@kong-ui-public/copy-uuid","version":"1.2.1","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.123.8","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.4","@kong/design-tokens":"^1.11.3","@kong/kongponents":"^8.123.8","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.2.1","_integrity":"sha512-JjEBASVMuCHUWnHgeoX96mgIhc/4QLpPyFrBGy6k7bq5pyAKmvO2V3YoYZ+BRZZr1Eu6KRvqKTVN/YxBobsrgg==","_resolved":"/tmp/f2b03cca188df24a9eafe081531a1a42/kong-ui-public-copy-uuid-1.2.1.tgz","_from":"file:kong-ui-public-copy-uuid-1.2.1.tgz","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-JjEBASVMuCHUWnHgeoX96mgIhc/4QLpPyFrBGy6k7bq5pyAKmvO2V3YoYZ+BRZZr1Eu6KRvqKTVN/YxBobsrgg==","shasum":"07fae797e3725e8f4bcf76c2c2228613ddd68e27","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.2.1.tgz","fileCount":17,"unpackedSize":36892,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFuLVbdYHoT2kbLqaa8HYIE6l2UxQioWHtsRbSVU8gIwAiBTwG5mlyDYcrnT1PJ9XLwAI0gX8wqVp7fT4J1yExcJ1Q=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.2.1_1696600195213_0.9038944730954288"},"_hasShrinkwrap":false},"1.2.2-pr.821.d465c6e4.0":{"name":"@kong-ui-public/copy-uuid","version":"1.2.2-pr.821.d465c6e4.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.123.8","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.4","@kong/design-tokens":"^1.11.3","@kong/kongponents":"^8.123.8","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.2.2-pr.821.d465c6e4.0","_integrity":"sha512-16UowjtnzBXduXMpAKjyWcibHEj5ABtP5M4Cr0jO2aAKsmpDOLDBDZHUNbsqOZHB6pwDh3w/wm5n5l5/5rEBZA==","_resolved":"/tmp/b7e9da17135ef437086334631da65d6f/kong-ui-public-copy-uuid-1.2.2-pr.821.d465c6e4.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.2.2-pr.821.d465c6e4.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-16UowjtnzBXduXMpAKjyWcibHEj5ABtP5M4Cr0jO2aAKsmpDOLDBDZHUNbsqOZHB6pwDh3w/wm5n5l5/5rEBZA==","shasum":"7a642aaf7aa4b5c8294e999279b1b9053e1c90d1","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.2.2-pr.821.d465c6e4.0.tgz","fileCount":17,"unpackedSize":36973,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCOJGuwMq/d6Jj/cnKuXicFYLMysfMHfsUhwQ7/JxSouwIhAIlpCcBAp+cvpruTnIPJSM7HE52SQUw3kmZGGD/5+WdW"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.2.2-pr.821.d465c6e4.0_1696603890643_0.5615543775414089"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.2.2-pr.821.e5763850.0":{"name":"@kong-ui-public/copy-uuid","version":"1.2.2-pr.821.e5763850.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.123.8","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.4","@kong/design-tokens":"^1.11.3","@kong/kongponents":"^8.123.8","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.2.2-pr.821.e5763850.0","_integrity":"sha512-iR0PepUL/wEI0LfcvmC8TvuFMUpsxvPtrh97EK8Cf9vojI64P2cqROgTfryPCDM9N8DMdZG/FSRNtbq9TuC7Qg==","_resolved":"/tmp/262db1f5032e6e02893e39c0356b698d/kong-ui-public-copy-uuid-1.2.2-pr.821.e5763850.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.2.2-pr.821.e5763850.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-iR0PepUL/wEI0LfcvmC8TvuFMUpsxvPtrh97EK8Cf9vojI64P2cqROgTfryPCDM9N8DMdZG/FSRNtbq9TuC7Qg==","shasum":"8d84626cefcc3b16324ed544c90d623723bd0fc8","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.2.2-pr.821.e5763850.0.tgz","fileCount":17,"unpackedSize":36973,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFMszT1i4FuBLxuWOyRpYAnlrdX6IKhVvN4CxXMT3QkJAiB6jkQnIRbj9XRKB/qbGrTijTzEE+nulkClxR5q6O90ZA=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.2.2-pr.821.e5763850.0_1696619474125_0.01321888496050061"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.2.2-pr.821.0f34df98.0":{"name":"@kong-ui-public/copy-uuid","version":"1.2.2-pr.821.0f34df98.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.123.8","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.4","@kong/design-tokens":"^1.11.3","@kong/kongponents":"^8.123.8","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.2.2-pr.821.0f34df98.0","_integrity":"sha512-i6wT+wAB/An4irwA3LzRE+1Vp2fprVoM7/Comt7RofEl+ZQM7j4dhEa6R1Li12LFDA+gBtRwWtgpwKfZ8r78Cg==","_resolved":"/tmp/6f71f95913cc10879f60dbe793a1f609/kong-ui-public-copy-uuid-1.2.2-pr.821.0f34df98.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.2.2-pr.821.0f34df98.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-i6wT+wAB/An4irwA3LzRE+1Vp2fprVoM7/Comt7RofEl+ZQM7j4dhEa6R1Li12LFDA+gBtRwWtgpwKfZ8r78Cg==","shasum":"84213d1a71f9848f56e0160179945116e0841384","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.2.2-pr.821.0f34df98.0.tgz","fileCount":17,"unpackedSize":36973,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAhYQo7rY0bo045selwCCl52HVRMi3gWREp2vjxO2rHmAiA+F88+6mrthG4l/K03ySeeW2C5vGLjxkZLXMfyzrFqRQ=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.2.2-pr.821.0f34df98.0_1696629798292_0.595083852263294"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.2.2":{"name":"@kong-ui-public/copy-uuid","version":"1.2.2","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.123.9","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.4","@kong/design-tokens":"^1.11.3","@kong/kongponents":"^8.123.9","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.2.2","_integrity":"sha512-vKRx9Rt5beo4wmGXRWNLPOKYCenuaLyVR4MV+Jgq/l1X8pwV9NfNw9w1WNXATpHmQ2UNWlitERLHbtq2XXBjzA==","_resolved":"/tmp/ce3b7dcc563a4ae93417bbc1dde79984/kong-ui-public-copy-uuid-1.2.2.tgz","_from":"file:kong-ui-public-copy-uuid-1.2.2.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-vKRx9Rt5beo4wmGXRWNLPOKYCenuaLyVR4MV+Jgq/l1X8pwV9NfNw9w1WNXATpHmQ2UNWlitERLHbtq2XXBjzA==","shasum":"8f3f88fa3734feee34367bd1f3067922c8314808","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.2.2.tgz","fileCount":17,"unpackedSize":36892,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDB5xjYsxz6+gj76iYpHyLri5xiM9nGpWp783c9D17FrAIhAP6R4lldoYSuAw1TXMBdvAMUXuseszy0hhtQ+JqGOQxB"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.2.2_1696643078071_0.5962834067513372"},"_hasShrinkwrap":false},"1.2.3-pr.821.f0cfb4ef.0":{"name":"@kong-ui-public/copy-uuid","version":"1.2.3-pr.821.f0cfb4ef.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.123.9","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.4","@kong/design-tokens":"^1.11.3","@kong/kongponents":"^8.123.9","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.2.3-pr.821.f0cfb4ef.0","_integrity":"sha512-fByj5WL9myppeHLQoYkOvSVYusa4HqLI6HES2+Lq/V0x0lLyT2KY3/ffnkaKJc2NnyAF7Wxj6L3gEPj9Xqxjdg==","_resolved":"/tmp/4f475eb63cca5a7048654abc3159a4d7/kong-ui-public-copy-uuid-1.2.3-pr.821.f0cfb4ef.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.2.3-pr.821.f0cfb4ef.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-fByj5WL9myppeHLQoYkOvSVYusa4HqLI6HES2+Lq/V0x0lLyT2KY3/ffnkaKJc2NnyAF7Wxj6L3gEPj9Xqxjdg==","shasum":"8d580c0250936c418479a0aade2d9100c07baed0","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.2.3-pr.821.f0cfb4ef.0.tgz","fileCount":17,"unpackedSize":37066,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCF5oH7H/M8xDf/Tz6k+l40Zt9NT00m7pnBY9DpQuVxfAIgded5XU5J3prZnT0fSV2O+WrMSuZmh92HeU+qXFxOyAo="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.2.3-pr.821.f0cfb4ef.0_1696861363379_0.6221483313388243"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.2.3-pr.821.d73e0933.0":{"name":"@kong-ui-public/copy-uuid","version":"1.2.3-pr.821.d73e0933.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.123.9","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.4","@kong/design-tokens":"^1.11.3","@kong/kongponents":"^8.123.9","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.2.3-pr.821.d73e0933.0","_integrity":"sha512-yYgZ0VFeo+RY37eJzaRcG2lfJiz21p1sJp7pdRgpJP3FwwlrkZhEQnMYWRUQkgLOrPcvUAsixEz2/dIAH3PARg==","_resolved":"/tmp/ff55a5532bbdc2dddccc2a1b4be04169/kong-ui-public-copy-uuid-1.2.3-pr.821.d73e0933.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.2.3-pr.821.d73e0933.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-yYgZ0VFeo+RY37eJzaRcG2lfJiz21p1sJp7pdRgpJP3FwwlrkZhEQnMYWRUQkgLOrPcvUAsixEz2/dIAH3PARg==","shasum":"d689a4ee9201f1eb5f5d60b288bcfcb1a477f3d2","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.2.3-pr.821.d73e0933.0.tgz","fileCount":17,"unpackedSize":37066,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHnKA/0VFVJYhXbkSxii5MmVDw6SVKCcbWUlDp1jK/KSAiEA19c9PQMyqoLdL/R0fmBr36dcsdvua695ci76yBAKNsM="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.2.3-pr.821.d73e0933.0_1696884311750_0.5015218211356307"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.2.3-pr.821.9f450dba.0":{"name":"@kong-ui-public/copy-uuid","version":"1.2.3-pr.821.9f450dba.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.123.9","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.4","@kong/design-tokens":"^1.11.3","@kong/kongponents":"^8.123.9","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.2.3-pr.821.9f450dba.0","_integrity":"sha512-A7knrmq2ITkqPxKSCJ8eErXhqMrY8bgoVwZj8L+/koS6whNVLGpu31SA9mg/XRSp5JEMWGQyeiTqBXm9gcM7Lw==","_resolved":"/tmp/e0ac8b49560425f67c5e02c70fb75883/kong-ui-public-copy-uuid-1.2.3-pr.821.9f450dba.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.2.3-pr.821.9f450dba.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-A7knrmq2ITkqPxKSCJ8eErXhqMrY8bgoVwZj8L+/koS6whNVLGpu31SA9mg/XRSp5JEMWGQyeiTqBXm9gcM7Lw==","shasum":"ce8ce8e00126e18a9c6cc4e5657808c7f11bfb0d","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.2.3-pr.821.9f450dba.0.tgz","fileCount":17,"unpackedSize":37066,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICBMuND2B840vDyjZsAAMgu07RpdJZEUc7gAC11Zk2JdAiBS8h3mEl/Ab1BOFeYauUNHXQwTBQVl/Tu+AK9SRoNoLw=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.2.3-pr.821.9f450dba.0_1696949392128_0.43396693909177664"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.2.3-pr.821.ba1eb9ba.0":{"name":"@kong-ui-public/copy-uuid","version":"1.2.3-pr.821.ba1eb9ba.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.123.9","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.4","@kong/design-tokens":"^1.11.3","@kong/kongponents":"^8.123.9","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.2.3-pr.821.ba1eb9ba.0","_integrity":"sha512-67K/47o9VH3WYG/+M3sAzouJKYN+DOclPGZbJSAObOjp2nbvN+63LcLvfgnrNAOGIey33p5u5DdoiEfP3w1jng==","_resolved":"/tmp/cac0a8bf9154cb47c8d90e314ac3961c/kong-ui-public-copy-uuid-1.2.3-pr.821.ba1eb9ba.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.2.3-pr.821.ba1eb9ba.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-67K/47o9VH3WYG/+M3sAzouJKYN+DOclPGZbJSAObOjp2nbvN+63LcLvfgnrNAOGIey33p5u5DdoiEfP3w1jng==","shasum":"6ae9bf37a2c64095622bc2392ee47191e1c4b2e3","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.2.3-pr.821.ba1eb9ba.0.tgz","fileCount":17,"unpackedSize":37066,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHOXzF1+XSerlE83Lm9266KydXrwjDaLsSFiOriOzBEBAiBVpqMwT9Jr0hzvblmEK38NrbXTMimhf42K9gVHTvRb5Q=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.2.3-pr.821.ba1eb9ba.0_1696953371976_0.8384850231071124"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.3.0":{"name":"@kong-ui-public/copy-uuid","version":"1.3.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.123.9","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.4","@kong/design-tokens":"^1.11.3","@kong/kongponents":"^8.123.9","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.0","_integrity":"sha512-tXSjQoMb7ielIvVWHXATqyTHBw7PJHkf7LTLIYPj0YmZVfbccvjV0NvYA0KYv6LGjkoB5NnKSkU8UGuEEebyFw==","_resolved":"/tmp/91cc0540d1067af51323e81a27dfd176/kong-ui-public-copy-uuid-1.3.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-tXSjQoMb7ielIvVWHXATqyTHBw7PJHkf7LTLIYPj0YmZVfbccvjV0NvYA0KYv6LGjkoB5NnKSkU8UGuEEebyFw==","shasum":"25dc5072c9c8f08d180a1d68d0407e5b2481da84","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.0.tgz","fileCount":17,"unpackedSize":37048,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCvFzlkA97MbyYa8UFWECy5ZuR8BeBucFjbRm9IPdwgqwIhANRkrwtFq54piLRo/nPYX3lqgTKUZYron5eivnspe+bt"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.0_1696957695486_0.1418760172196023"},"_hasShrinkwrap":false},"1.3.1-pr.842.5297506c.0":{"name":"@kong-ui-public/copy-uuid","version":"1.3.1-pr.842.5297506c.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.123.9","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.4","@kong/design-tokens":"^1.11.4","@kong/kongponents":"^8.123.9","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.1-pr.842.5297506c.0","_integrity":"sha512-xiXwwrowlOaoS1yezAGs6rxm9755B5nKUvXfgBoB21R5/6vOK9SzTDevBv2lbld3s/t95WI7K3rzuUM5ufEL6g==","_resolved":"/tmp/8e5aab74656b92996a3f1d10b5f5544d/kong-ui-public-copy-uuid-1.3.1-pr.842.5297506c.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.1-pr.842.5297506c.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-xiXwwrowlOaoS1yezAGs6rxm9755B5nKUvXfgBoB21R5/6vOK9SzTDevBv2lbld3s/t95WI7K3rzuUM5ufEL6g==","shasum":"3cb1c6f39183fca100cae428e128e40a1cc30b40","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.1-pr.842.5297506c.0.tgz","fileCount":17,"unpackedSize":37066,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD5NcmMy2ja5Cv8YyqUTUJmojIgJhtbO4BV3FMDOWA3qwIhAJ1BvofCa2K3l1H1+nwOlJfqsqn6J8BaDC1s2QrX70wB"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.1-pr.842.5297506c.0_1697596379394_0.2145858333171462"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.3.1":{"name":"@kong-ui-public/copy-uuid","version":"1.3.1","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.123.9","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.4","@kong/design-tokens":"^1.11.4","@kong/kongponents":"^8.123.9","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","preview:package":"vite preview --port 4173","preview":"cross-env USE_SANDBOX=true PREVIEW_SANDBOX=true run-s build:package preview:package","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.1","_integrity":"sha512-2w53UHf0Ylq9zbUSWO+wgVP26DUupZ0ddAK7CR44VRYBYXR5SIi0qeu/h/3936RB0rNQ3Tyk5xMUMdMkMkS56Q==","_resolved":"/tmp/993e95049be42cd30112cdb1ed5e13c1/kong-ui-public-copy-uuid-1.3.1.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.1.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-2w53UHf0Ylq9zbUSWO+wgVP26DUupZ0ddAK7CR44VRYBYXR5SIi0qeu/h/3936RB0rNQ3Tyk5xMUMdMkMkS56Q==","shasum":"22010052c588157738a33d45739c2330a6b8b57f","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.1.tgz","fileCount":17,"unpackedSize":37048,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCS2e2M50sOziyr9k4WHv+9hRrYpaT/xSc0u5p2yha7OQIhAOvR5CFn5HfR8UMDZuCt/QoOlyn7sG07La20X9R6z0z/"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.1_1697597965749_0.3198754198845781"},"_hasShrinkwrap":false},"1.3.2-pr.858.553dcc14.0":{"name":"@kong-ui-public/copy-uuid","version":"1.3.2-pr.858.553dcc14.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.123.9","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.5-pr.858.553dcc14.0","@kong/design-tokens":"^1.11.4","@kong/kongponents":"^8.123.9","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.2-pr.858.553dcc14.0","_integrity":"sha512-PSX0cF1kIp6S2+e0mW2awyKSfKWmqf0AzTR68z/q8sdRxfwzPWNn/tpiq/B4ti/wdiJztieQGws7pIO/my+/SA==","_resolved":"/tmp/c398137f99a83169a76c5e10730bc085/kong-ui-public-copy-uuid-1.3.2-pr.858.553dcc14.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.2-pr.858.553dcc14.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-PSX0cF1kIp6S2+e0mW2awyKSfKWmqf0AzTR68z/q8sdRxfwzPWNn/tpiq/B4ti/wdiJztieQGws7pIO/my+/SA==","shasum":"9b30fe5618c37d5cd0c8a837add6661608ae8f4d","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.2-pr.858.553dcc14.0.tgz","fileCount":17,"unpackedSize":37065,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHFQorxlzUaiTPZ3nLEhJF4eIYf53dHJEl13UN2uVie/AiAIN5JS9clbSj2tNq7cxCGGQrrRgqCR46YL10TpJD5RUw=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.2-pr.858.553dcc14.0_1698071858967_0.4326725139138121"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.3.2":{"name":"@kong-ui-public/copy-uuid","version":"1.3.2","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.123.9","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.5","@kong/design-tokens":"^1.11.4","@kong/kongponents":"^8.123.9","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.2","_integrity":"sha512-zwHOyqcf2DB30gLyejxEMI+F/sgufJJHeetdbd37co32r1lgecqoC5FXUXZjW8NtelUcoph3gpxEoDU3Mjv7uA==","_resolved":"/tmp/3ade90117243867186c70328b01e92bd/kong-ui-public-copy-uuid-1.3.2.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.2.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-zwHOyqcf2DB30gLyejxEMI+F/sgufJJHeetdbd37co32r1lgecqoC5FXUXZjW8NtelUcoph3gpxEoDU3Mjv7uA==","shasum":"9b85156e198e23fd83f69aed55143d2d11c6b349","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.2.tgz","fileCount":17,"unpackedSize":37029,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGPS7txH6w+F/vUw+UuwsMut0Jy3AB09C5Kc3yMKZztbAiEAjEOFQuX/t8DqYKJxokRoEdxRU9HVWfO2VbgZypMUxn0="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.2_1698073467468_0.2357716627620725"},"_hasShrinkwrap":false},"1.3.3-pr.848.89673d01.0":{"name":"@kong-ui-public/copy-uuid","version":"1.3.3-pr.848.89673d01.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.123.9","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.6-pr.848.89673d01.0","@kong/design-tokens":"^1.11.4","@kong/kongponents":"^8.123.9","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.3-pr.848.89673d01.0","_integrity":"sha512-6oDn1Y2G04vcx5NgxeILGg2Ro2wPBVAvbseLrdSQinLW4kgsA1fOE5Pocq7+OLQ4LcdWYXWqrhHzPaj3DSMpLg==","_resolved":"/tmp/51fa6c321e5b5da911d826b26e306f44/kong-ui-public-copy-uuid-1.3.3-pr.848.89673d01.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.3-pr.848.89673d01.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-6oDn1Y2G04vcx5NgxeILGg2Ro2wPBVAvbseLrdSQinLW4kgsA1fOE5Pocq7+OLQ4LcdWYXWqrhHzPaj3DSMpLg==","shasum":"bea4b38c72bbbc4e9226bcc9c321dc309a26a0b0","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.3-pr.848.89673d01.0.tgz","fileCount":17,"unpackedSize":37065,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCY+XH02EMthmixmb+QeKh6jba+b2Qab2+3Yy+CftbUlwIhAKK+2Ro6McHvTLRKXVxlHhNfbDOeY/dFgGy6cVbrEaPV"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.3-pr.848.89673d01.0_1698090237033_0.6125415380191355"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.3.3-pr.848.9fe2c3f5.0":{"name":"@kong-ui-public/copy-uuid","version":"1.3.3-pr.848.9fe2c3f5.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.123.9","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.6-pr.848.9fe2c3f5.0","@kong/design-tokens":"^1.11.4","@kong/kongponents":"^8.123.9","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.3-pr.848.9fe2c3f5.0","_integrity":"sha512-O6wyPbXt0tKDWXCO1E/bIx8+qFT2my7YG/c7e74jqFxsRYJhLMPu3SwSUoQCvGqfM/VYGD5C6flvr0KGvD5ipA==","_resolved":"/tmp/f4f9a3d7f82ac26ad938465a5811cc09/kong-ui-public-copy-uuid-1.3.3-pr.848.9fe2c3f5.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.3-pr.848.9fe2c3f5.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-O6wyPbXt0tKDWXCO1E/bIx8+qFT2my7YG/c7e74jqFxsRYJhLMPu3SwSUoQCvGqfM/VYGD5C6flvr0KGvD5ipA==","shasum":"50b3c3fc9e7b4cb51c736dd7af478870794a97f3","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.3-pr.848.9fe2c3f5.0.tgz","fileCount":17,"unpackedSize":37065,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDWIFSUAGTOvylH47cuRCWa1gQ1mgVB8WwabEtJvXJQ8QIgO6pz3Bx6dE1y0x/dz6drjFWPfRaMcoQoWKTTrmDJSGE="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.3-pr.848.9fe2c3f5.0_1698101364625_0.2166756699325747"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.3.3":{"name":"@kong-ui-public/copy-uuid","version":"1.3.3","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.123.9","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.5","@kong/design-tokens":"^1.11.6","@kong/kongponents":"^8.123.9","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.3","_integrity":"sha512-9bXhEWuJkyXwoCgheCfsdZAn24/kXe0GGLdhruwa+s+kxDlhniu4dJwCNb6zEiTjObmeN6xUk1N/jfLq16a2KA==","_resolved":"/tmp/147e710ce15ee6389fa7cb71173d7ad4/kong-ui-public-copy-uuid-1.3.3.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.3.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-9bXhEWuJkyXwoCgheCfsdZAn24/kXe0GGLdhruwa+s+kxDlhniu4dJwCNb6zEiTjObmeN6xUk1N/jfLq16a2KA==","shasum":"923a44411e75244c4e9b092aedaf79c41f738741","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.3.tgz","fileCount":17,"unpackedSize":37029,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC8VjnSmTo5rEtpJjFuvSJfhPP24kr8OdVf8uRwPw8/CQIhALB1zd3xI6RmvylIXGbbmAghIhNQhUcZUm0IiFbfX12Y"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.3_1698114950385_0.9226729327029801"},"_hasShrinkwrap":false},"1.3.4":{"name":"@kong-ui-public/copy-uuid","version":"1.3.4","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.5","@kong/design-tokens":"^1.11.6","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.4","_integrity":"sha512-gIE4y4jyWWkY2wFdE4HMsCQJveyD8UBdvLjL1MB4E3hwOcakTnpjxm4XiA6JML9SCjqbrGe9CUTANle22yutgw==","_resolved":"/tmp/d36378a5c2fa8a404d7ceae8827516dc/kong-ui-public-copy-uuid-1.3.4.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.4.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-gIE4y4jyWWkY2wFdE4HMsCQJveyD8UBdvLjL1MB4E3hwOcakTnpjxm4XiA6JML9SCjqbrGe9CUTANle22yutgw==","shasum":"fd19eb6aee69f8876cb2b78357b8da961e76a830","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.4.tgz","fileCount":17,"unpackedSize":37029,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCuV7g6n+YCe7krrEuUfCp0Kr5UwlDygb8YHZakN7xh+gIhAJkcjUWgC89v/4qDx930un2jmvOgdyvrHAFJCLHRZCoQ"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.4_1698117207716_0.9150590018490927"},"_hasShrinkwrap":false},"1.3.5-pr.860.c164c52b.0":{"name":"@kong-ui-public/copy-uuid","version":"1.3.5-pr.860.c164c52b.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.6-pr.860.c164c52b.0","@kong/design-tokens":"^1.11.6","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.5-pr.860.c164c52b.0","_integrity":"sha512-2P8mbfjSfEPp/Q9VtkiIJ2TzP6Yp9ZYOKypzsOBFNKIsOP1Rd+i6iO4XB1Nw2At2ICOEvCOsDitWU+UMHKQ1Tw==","_resolved":"/tmp/00598518313aad90e04343dd0428c80b/kong-ui-public-copy-uuid-1.3.5-pr.860.c164c52b.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.5-pr.860.c164c52b.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-2P8mbfjSfEPp/Q9VtkiIJ2TzP6Yp9ZYOKypzsOBFNKIsOP1Rd+i6iO4XB1Nw2At2ICOEvCOsDitWU+UMHKQ1Tw==","shasum":"0707da173fd86f7e6724d03f0e972eb7c3e8883b","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.5-pr.860.c164c52b.0.tgz","fileCount":17,"unpackedSize":37065,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAhLSY3wNPJapiCOs1wB1J4xVyIhzwO4S9jaoCILz6dCAiBHRlnecCuFKHcL7P7OvMkdMFmJuyHePtquUAqqVBNgGw=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.5-pr.860.c164c52b.0_1698153712754_0.1545664761916521"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.3.5-pr.848.85bd204f.0":{"name":"@kong-ui-public/copy-uuid","version":"1.3.5-pr.848.85bd204f.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.6-pr.848.85bd204f.0","@kong/design-tokens":"^1.11.6","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.5-pr.848.85bd204f.0","_integrity":"sha512-4PLgfljHdF3vu8TFqEsxPkr4q3vILvUrVK0ojYqKONbR+idyrX3ZH2HnlbYFpup7Ze1HP3UZxpqjhLej7HGpMg==","_resolved":"/tmp/56fe5327ce7aa23a672c3a0c6483ea81/kong-ui-public-copy-uuid-1.3.5-pr.848.85bd204f.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.5-pr.848.85bd204f.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-4PLgfljHdF3vu8TFqEsxPkr4q3vILvUrVK0ojYqKONbR+idyrX3ZH2HnlbYFpup7Ze1HP3UZxpqjhLej7HGpMg==","shasum":"c5a896e0135ab96a34f440ec9ff65abfb923572a","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.5-pr.848.85bd204f.0.tgz","fileCount":17,"unpackedSize":37065,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIByuQhQcRMfQf+mg6ba9Dt7Y0PerOZHb3G4BzfC+oYbfAiA9Pft1itX4Albg2BnLP8RR2vve6eSem8SRGKZplRwzGg=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.5-pr.848.85bd204f.0_1698159122553_0.8016218303298146"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.3.5-pr.848.368bbc33.0":{"name":"@kong-ui-public/copy-uuid","version":"1.3.5-pr.848.368bbc33.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.6-pr.848.368bbc33.0","@kong/design-tokens":"^1.11.6","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.5-pr.848.368bbc33.0","_integrity":"sha512-NHERx1GLBmXC2ABV6flnFtc2eY8bYkYQ/RRbOfRtu92qNPOUxXooxtlFBsg7IkKWxSULwxIH/60AZDoCo1fd4Q==","_resolved":"/tmp/657bbd735b97a2cb3864647c0ef9a29c/kong-ui-public-copy-uuid-1.3.5-pr.848.368bbc33.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.5-pr.848.368bbc33.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-NHERx1GLBmXC2ABV6flnFtc2eY8bYkYQ/RRbOfRtu92qNPOUxXooxtlFBsg7IkKWxSULwxIH/60AZDoCo1fd4Q==","shasum":"12f95d86a7402b00bab41e2c8c0e54a69126c400","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.5-pr.848.368bbc33.0.tgz","fileCount":17,"unpackedSize":37065,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEQWuCqKUS9BFfxfMGOrfZ8V5sjc/aGkM/DuDDrCY5AmAiBE4FAow/oUy907bZ7cUMSCMn7xw9qFU6g9NbfZteQQzQ=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.5-pr.848.368bbc33.0_1698160416128_0.6145342532377522"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.3.5-pr.848.dfce8ace.0":{"name":"@kong-ui-public/copy-uuid","version":"1.3.5-pr.848.dfce8ace.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.6-pr.848.dfce8ace.0","@kong/design-tokens":"^1.11.6","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.5-pr.848.dfce8ace.0","_integrity":"sha512-NM70vh2fB7dt1SZYlkrSOd6w0dPnQmO6wFaBjyzWcX5U9tZVFf1opvxrL8mgdZvthAHsAE98Y1/d4djojAmZ5w==","_resolved":"/tmp/6b7458fa42ba96816f52c77787e24567/kong-ui-public-copy-uuid-1.3.5-pr.848.dfce8ace.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.5-pr.848.dfce8ace.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-NM70vh2fB7dt1SZYlkrSOd6w0dPnQmO6wFaBjyzWcX5U9tZVFf1opvxrL8mgdZvthAHsAE98Y1/d4djojAmZ5w==","shasum":"59615fd640fa8cf5e16f1682f676c693c7511c1e","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.5-pr.848.dfce8ace.0.tgz","fileCount":17,"unpackedSize":37065,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHRcbj384NtzZ81T3WFdi1pedSysDKWvde7ku6bm4EesAiATV3mok01JexqLgLQdDtft4G1Td92l0xC0SGtyy7yp2g=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.5-pr.848.dfce8ace.0_1698162613609_0.774946508669559"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.3.5-pr.852.dc613011.0":{"name":"@kong-ui-public/copy-uuid","version":"1.3.5-pr.852.dc613011.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.6-pr.852.dc613011.0","@kong/design-tokens":"^1.11.6","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.5-pr.852.dc613011.0","_integrity":"sha512-Caw7sltFbkAHN50Jh31ERDO/qO/ykvv7ZEhv8lAu2Ep24QljXj+lgJN1QltFQE93KGz/0i3tSNT0KBgs1BFqOQ==","_resolved":"/tmp/28bddd81dce51db38bbd07d588f1b241/kong-ui-public-copy-uuid-1.3.5-pr.852.dc613011.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.5-pr.852.dc613011.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-Caw7sltFbkAHN50Jh31ERDO/qO/ykvv7ZEhv8lAu2Ep24QljXj+lgJN1QltFQE93KGz/0i3tSNT0KBgs1BFqOQ==","shasum":"560ed56d51953cb3f0688e25dd897459898839d6","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.5-pr.852.dc613011.0.tgz","fileCount":17,"unpackedSize":37065,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB2YDrPeEUi5PNkp4GZzJLR1TM+ozVqIhNrrpKO0b6CcAiBwbvbcfmNi/PhbkcWgCBv3Hny83eiJO6TG9UOmd4uV9w=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.5-pr.852.dc613011.0_1698165933551_0.2395078161901656"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.3.5-pr.852.c0607ad6.0":{"name":"@kong-ui-public/copy-uuid","version":"1.3.5-pr.852.c0607ad6.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.6-pr.852.c0607ad6.0","@kong/design-tokens":"^1.11.6","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.5-pr.852.c0607ad6.0","_integrity":"sha512-6BwrlxNLJAcMlnvPveGjJbZlkFw/g3teTB2mK2do9BaWGjqZP1zUWg/1/DzzEbGsm6+64Fx7pT4VFHiMp3xOWA==","_resolved":"/tmp/dc86346812cb1303a6c7c97587e5676a/kong-ui-public-copy-uuid-1.3.5-pr.852.c0607ad6.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.5-pr.852.c0607ad6.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-6BwrlxNLJAcMlnvPveGjJbZlkFw/g3teTB2mK2do9BaWGjqZP1zUWg/1/DzzEbGsm6+64Fx7pT4VFHiMp3xOWA==","shasum":"02fac4af85d75c8861af8db087a6d5580d25db6d","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.5-pr.852.c0607ad6.0.tgz","fileCount":17,"unpackedSize":37065,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCqqEJV5jBl13JZZ1aQEjhMBeGA1ylmt6bvekkI6l0aJgIhAJ1qjxngJMTvy/Z4yVCH8cz6yn+f2bBtWxS8WTeoNC7F"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.5-pr.852.c0607ad6.0_1698168010161_0.32598583793521163"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.3.5-pr.852.f575e5cc.0":{"name":"@kong-ui-public/copy-uuid","version":"1.3.5-pr.852.f575e5cc.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.6-pr.852.f575e5cc.0","@kong/design-tokens":"^1.11.6","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.5-pr.852.f575e5cc.0","_integrity":"sha512-gRIeX/NQTMGwmDSOa5uMZvonuP+hgWW5ucPRuhGaqF6YnnahiF4REFVjwE3hUZ71gl9I8E0Wrzr2zWsNuQ0+Ew==","_resolved":"/tmp/7c081e48967dd194d4e5aafb6c25be5b/kong-ui-public-copy-uuid-1.3.5-pr.852.f575e5cc.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.5-pr.852.f575e5cc.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-gRIeX/NQTMGwmDSOa5uMZvonuP+hgWW5ucPRuhGaqF6YnnahiF4REFVjwE3hUZ71gl9I8E0Wrzr2zWsNuQ0+Ew==","shasum":"0ddf5cd01d39db4560dbe890898a38bc5e770556","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.5-pr.852.f575e5cc.0.tgz","fileCount":17,"unpackedSize":37065,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCi/5q6nbAE1cpcCA/W7zE+H4IPaOzdhwzipHAMatrZdgIhALTF1puPGb1XuPvkKSWWUol3Uosfi4HSqJgTU+ID5GtI"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.5-pr.852.f575e5cc.0_1698168598685_0.5384386854512591"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.3.5-pr.848.5994d917.0":{"name":"@kong-ui-public/copy-uuid","version":"1.3.5-pr.848.5994d917.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.6-pr.848.5994d917.0","@kong/design-tokens":"^1.11.6","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.5-pr.848.5994d917.0","_integrity":"sha512-o46sJUoAzX+E6e3TuzcWybWvgKMp4RNZ8CvK0VsCjIn0vrvjSicDlPyZGR6trUts9IU6BMkbaSUZq2xLJRuBWA==","_resolved":"/tmp/a72116ddc108304e3c6d539ca607dcbc/kong-ui-public-copy-uuid-1.3.5-pr.848.5994d917.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.5-pr.848.5994d917.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-o46sJUoAzX+E6e3TuzcWybWvgKMp4RNZ8CvK0VsCjIn0vrvjSicDlPyZGR6trUts9IU6BMkbaSUZq2xLJRuBWA==","shasum":"8e6f6422abfb43c79d1347b8d4cbac51292cec76","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.5-pr.848.5994d917.0.tgz","fileCount":17,"unpackedSize":37065,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIClKwaTm1rM/G7bB/Qb34wYeY98VHep1yp9TEzicUnDGAiEAw8zbDGNSMXtAD/KT0xsmep5PCR31Vw1wTvknxegzxbE="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.5-pr.848.5994d917.0_1698168850352_0.24192388673919574"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.3.5-pr.852.4558b51d.0":{"name":"@kong-ui-public/copy-uuid","version":"1.3.5-pr.852.4558b51d.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.6-pr.852.4558b51d.0","@kong/design-tokens":"^1.11.6","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.5-pr.852.4558b51d.0","_integrity":"sha512-5kU2L1MrotQc61MDG3tvBOhD/NrvtG1tTe3x/Ca8zWoePkOqYnoxxUCD4vYA7zoPAVVjD3VlAwK78CTHnKM0eg==","_resolved":"/tmp/4a971882f1c15bb2bdd0ac158351b6d8/kong-ui-public-copy-uuid-1.3.5-pr.852.4558b51d.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.5-pr.852.4558b51d.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-5kU2L1MrotQc61MDG3tvBOhD/NrvtG1tTe3x/Ca8zWoePkOqYnoxxUCD4vYA7zoPAVVjD3VlAwK78CTHnKM0eg==","shasum":"f26423aae46c232ed5749f159271cf4121bfcef3","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.5-pr.852.4558b51d.0.tgz","fileCount":17,"unpackedSize":37065,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFTFPKFLegGKQYAV3F7FdERtXY30AAVDlAQXqoC0WWbUAiEAoDZv8y6N3Y7DQSB8rLI2lBTiqkicSEmtT+n9SeefZB0="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.5-pr.852.4558b51d.0_1698170392260_0.22497380144066859"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.3.5-pr.848.7d111b76.0":{"name":"@kong-ui-public/copy-uuid","version":"1.3.5-pr.848.7d111b76.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.6-pr.848.7d111b76.0","@kong/design-tokens":"^1.11.6","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.5-pr.848.7d111b76.0","_integrity":"sha512-TKk3gyWSMQCtiBZ7Xk/PrIi9y9oTZ2AYioifzJVhD36GnIas8IgKFCtSv81nTBxD7I2AiuscqC6/O1PkhdHyRA==","_resolved":"/tmp/91936ec7bec5a0db2444285f91250b69/kong-ui-public-copy-uuid-1.3.5-pr.848.7d111b76.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.5-pr.848.7d111b76.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-TKk3gyWSMQCtiBZ7Xk/PrIi9y9oTZ2AYioifzJVhD36GnIas8IgKFCtSv81nTBxD7I2AiuscqC6/O1PkhdHyRA==","shasum":"a9ac202c312ecf277f1985f1bc742347b495c524","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.5-pr.848.7d111b76.0.tgz","fileCount":17,"unpackedSize":37065,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFIW8LkR1uwTBhA8pomo2ymWE1oVL2qMB83iSg79sVbgAiEAqMs5uS/90oifXUHFd7J/+RIgRuFR/0bb+swgtRv84l0="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.5-pr.848.7d111b76.0_1698173100346_0.04910323670455852"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.3.5-pr.848.39d56bbf.0":{"name":"@kong-ui-public/copy-uuid","version":"1.3.5-pr.848.39d56bbf.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.6-pr.848.39d56bbf.0","@kong/design-tokens":"^1.11.6","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.5-pr.848.39d56bbf.0","_integrity":"sha512-Bx4N5pQe+LAl4OBy4vg96fUoBKX4jXXPEd+epwyMTp+8x2Vzg/6GLRTJLlQVO0YG24uJM4Epk3yWNMWYbd47ag==","_resolved":"/tmp/29ef5f89d7a928cc2c5129dfa11b61aa/kong-ui-public-copy-uuid-1.3.5-pr.848.39d56bbf.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.5-pr.848.39d56bbf.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-Bx4N5pQe+LAl4OBy4vg96fUoBKX4jXXPEd+epwyMTp+8x2Vzg/6GLRTJLlQVO0YG24uJM4Epk3yWNMWYbd47ag==","shasum":"87ddea372f40800bc2942990a1c8bc519773763a","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.5-pr.848.39d56bbf.0.tgz","fileCount":17,"unpackedSize":37065,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCrTYjojeX0/qtNiX/GaG3yCTUnnnSScldDqXhmG7/SKgIhAL0q9+Beu9jDOIdAvzJE906+rxKdDpkhgIbdW4aYhYqn"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.5-pr.848.39d56bbf.0_1698177069879_0.010204620528609265"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.3.5-pr.848.05c4cc5a.0":{"name":"@kong-ui-public/copy-uuid","version":"1.3.5-pr.848.05c4cc5a.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.6-pr.848.05c4cc5a.0","@kong/design-tokens":"^1.11.6","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.5-pr.848.05c4cc5a.0","_integrity":"sha512-0vDxqEMnSS+ZrWCyRKaNsxZdndx3cNVVtjrDoJyOe7nVaGDi2qb8PGrqdrRRJATAqveRNi+3YxmItj9Dyfay8w==","_resolved":"/tmp/2bd580b7031344cb8833457ce9ef8876/kong-ui-public-copy-uuid-1.3.5-pr.848.05c4cc5a.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.5-pr.848.05c4cc5a.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-0vDxqEMnSS+ZrWCyRKaNsxZdndx3cNVVtjrDoJyOe7nVaGDi2qb8PGrqdrRRJATAqveRNi+3YxmItj9Dyfay8w==","shasum":"3925fb3da32c35700506fa75eef61b23beba3233","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.5-pr.848.05c4cc5a.0.tgz","fileCount":17,"unpackedSize":37065,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBuVP3z7GiH8DpREsGfmIM1MBmaaBPULPLvr5ztbDeTtAiAiqF5bz0x0j8kuwvTa7m7b6b6ZYFqqOmA+/GqDyqYw7w=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.5-pr.848.05c4cc5a.0_1698183210293_0.24137199892696026"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.3.5-pr.848.ff1f4360.0":{"name":"@kong-ui-public/copy-uuid","version":"1.3.5-pr.848.ff1f4360.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.6-pr.848.ff1f4360.0","@kong/design-tokens":"^1.11.6","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.5-pr.848.ff1f4360.0","_integrity":"sha512-TWHQ/AUUEoxaE5YrU4PLUMyvaK9XcVlvdOIw9NY8gz8O+oSU7PyiZs1zI/KT/4YJxB39ArOS9VX4mL7bfVoNvw==","_resolved":"/tmp/5b4587438ceb3aab81121530aff77e55/kong-ui-public-copy-uuid-1.3.5-pr.848.ff1f4360.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.5-pr.848.ff1f4360.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-TWHQ/AUUEoxaE5YrU4PLUMyvaK9XcVlvdOIw9NY8gz8O+oSU7PyiZs1zI/KT/4YJxB39ArOS9VX4mL7bfVoNvw==","shasum":"9ca01452206dd7609db7f6ba0262c6fa0c0e40b5","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.5-pr.848.ff1f4360.0.tgz","fileCount":17,"unpackedSize":37065,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCl9MWYeyNXTNCgxXOz7rVAC0EMlx8HDGXGU0aPqGlNCAIgbsGLGFlt6eXHL7SUewWxfJnuEjlvn57GuEEt/XBpcBs="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.5-pr.848.ff1f4360.0_1698187570893_0.6675674833397185"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.3.5-pr.848.a67b95f0.0":{"name":"@kong-ui-public/copy-uuid","version":"1.3.5-pr.848.a67b95f0.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.6-pr.848.a67b95f0.0","@kong/design-tokens":"^1.11.6","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.5-pr.848.a67b95f0.0","_integrity":"sha512-V1AhHH8KcT/gIxCxHamjkIJW3wgea1/Aq0MdEQx6AzYnjMTAoFq0iOHvPDtZJZWMgB0NLkerfqVZjAJU+di0fw==","_resolved":"/tmp/2e47df9996e075a980cdcebe093349d2/kong-ui-public-copy-uuid-1.3.5-pr.848.a67b95f0.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.5-pr.848.a67b95f0.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-V1AhHH8KcT/gIxCxHamjkIJW3wgea1/Aq0MdEQx6AzYnjMTAoFq0iOHvPDtZJZWMgB0NLkerfqVZjAJU+di0fw==","shasum":"c40797b28157a0f142ba6c9680c4ae9469fb8479","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.5-pr.848.a67b95f0.0.tgz","fileCount":17,"unpackedSize":37065,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEX8S1ftyAXfLgMe/GLaksPsb0TM/gYA82MZzl+0FqnoAiBOB61mIwWMbcv5JBy5BhdL1bJB3RfCsIuyiW9ptP6NbQ=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.5-pr.848.a67b95f0.0_1698190973414_0.12311805596364822"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.3.5-pr.848.0fd5b83c.0":{"name":"@kong-ui-public/copy-uuid","version":"1.3.5-pr.848.0fd5b83c.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.6-pr.848.0fd5b83c.0","@kong/design-tokens":"^1.11.6","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.5-pr.848.0fd5b83c.0","_integrity":"sha512-F5Plg9P4zgGoTzW0XrxDhC0Q+yftPkqvel2fXrkNkVwQwb5xBXKYJ5IBx/ro4K8DEtddqigXoJzTofgCie2jWQ==","_resolved":"/tmp/889c9ec322f1c689d1cc17bc303de360/kong-ui-public-copy-uuid-1.3.5-pr.848.0fd5b83c.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.5-pr.848.0fd5b83c.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-F5Plg9P4zgGoTzW0XrxDhC0Q+yftPkqvel2fXrkNkVwQwb5xBXKYJ5IBx/ro4K8DEtddqigXoJzTofgCie2jWQ==","shasum":"4a43d385eb5fee5a5e23198d2dad74f757abbb40","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.5-pr.848.0fd5b83c.0.tgz","fileCount":17,"unpackedSize":37065,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDpuAvE3WLJgYUN1R5btQJHnK7JYzOT6Qo5XHTN9+iJUwIhAMIkxeKhwOoRkwpl1PaSmfIRWmzyCjIWMxw7KyHKWgBJ"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.5-pr.848.0fd5b83c.0_1698239519134_0.7624889010074862"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.3.5-pr.848.fb3be325.0":{"name":"@kong-ui-public/copy-uuid","version":"1.3.5-pr.848.fb3be325.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.6-pr.848.fb3be325.0","@kong/design-tokens":"^1.11.6","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.5-pr.848.fb3be325.0","_integrity":"sha512-QCow33UPo6KLF5Xyuhw94E/xo7NkCJ7c0qWywkqU0rOz1k89izvwxKd2BaCQxWAXQcC0+7zwYmXcknT7YdHraQ==","_resolved":"/tmp/90b9a84a13565273bb5e6adcbd5e44f0/kong-ui-public-copy-uuid-1.3.5-pr.848.fb3be325.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.5-pr.848.fb3be325.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-QCow33UPo6KLF5Xyuhw94E/xo7NkCJ7c0qWywkqU0rOz1k89izvwxKd2BaCQxWAXQcC0+7zwYmXcknT7YdHraQ==","shasum":"f7869d65b65e8579a0c3016bced571d44aa0c161","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.5-pr.848.fb3be325.0.tgz","fileCount":17,"unpackedSize":37065,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCb4NVPyn4vUSCI6sMWaSTrMtjrVPXb/Fh7FMpFDBOOGAIhAIiZRzyuiqbZIFLZkCVdBzuws3Yyg5gniW+2swSMKwXx"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.5-pr.848.fb3be325.0_1698241736758_0.2655922110550295"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.3.5":{"name":"@kong-ui-public/copy-uuid","version":"1.3.5","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.6","@kong/design-tokens":"^1.11.6","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.5","_integrity":"sha512-LtJZx1u0fGyWCeGE88KqrTQAu+uGIt4/jdunOfmsNwW9XX6j0dg9B/lpy+3x285kCnP7fJiEi6gDI/gEhmeTwA==","_resolved":"/tmp/5e6d88c6d9776df98da19021cd724d73/kong-ui-public-copy-uuid-1.3.5.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.5.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-LtJZx1u0fGyWCeGE88KqrTQAu+uGIt4/jdunOfmsNwW9XX6j0dg9B/lpy+3x285kCnP7fJiEi6gDI/gEhmeTwA==","shasum":"9dfd790b7ec03a4f102dfcc546dbcae1a88dd4b1","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.5.tgz","fileCount":17,"unpackedSize":37029,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICkRd7z4OSK34jN1UHq656P6Xtn479jtiMayyA4IA/W8AiA+10S8oBa7g6aO5apbFKKYh0a0IxiAYv3PiDBpeYkPlg=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.5_1698244458300_0.6762732446422666"},"_hasShrinkwrap":false},"1.3.5-pr.848.23bbc02f.0":{"name":"@kong-ui-public/copy-uuid","version":"1.3.5-pr.848.23bbc02f.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.6-pr.848.23bbc02f.0","@kong/design-tokens":"^1.11.6","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.5-pr.848.23bbc02f.0","_integrity":"sha512-UFRKpr01Fy1VgB1GpwFptrWwUbugL0H8HlJZsUd+969Cixj7OSD5wUYjAOdU3N/fNFjN0UxRwymIFKNMYoW6pA==","_resolved":"/tmp/f04054e211e896143a31754a15ede3fe/kong-ui-public-copy-uuid-1.3.5-pr.848.23bbc02f.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.5-pr.848.23bbc02f.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-UFRKpr01Fy1VgB1GpwFptrWwUbugL0H8HlJZsUd+969Cixj7OSD5wUYjAOdU3N/fNFjN0UxRwymIFKNMYoW6pA==","shasum":"9e5f2beefc9a9dbe73fc5feea35417c30d50efa8","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.5-pr.848.23bbc02f.0.tgz","fileCount":17,"unpackedSize":37065,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA64o1WzHFFCC2UTOuqkUxJDd5xU2K15D/kv6ur/8MJbAiEAiAPBGE4Nw0EaKcdAZyi/ckqmaZZgiJ6gI8RpYYMIHQw="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.5-pr.848.23bbc02f.0_1698254452713_0.7443619301916979"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.3.5-pr.848.d4126237.0":{"name":"@kong-ui-public/copy-uuid","version":"1.3.5-pr.848.d4126237.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.6-pr.848.d4126237.0","@kong/design-tokens":"^1.11.6","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.5-pr.848.d4126237.0","_integrity":"sha512-gDfKqZzz4qSyeU4bcg76X7PkjzLBSCGK6s/VB2r0nlT55uZU/gzyFRk+5ADedsWlDiEugZFfr6CXGUTJdB9tTQ==","_resolved":"/tmp/936908cd2de59bbd5dd8e5a2110b0dfc/kong-ui-public-copy-uuid-1.3.5-pr.848.d4126237.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.5-pr.848.d4126237.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-gDfKqZzz4qSyeU4bcg76X7PkjzLBSCGK6s/VB2r0nlT55uZU/gzyFRk+5ADedsWlDiEugZFfr6CXGUTJdB9tTQ==","shasum":"4e80a954a30632c9ce2903446168bc6e420cb67f","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.5-pr.848.d4126237.0.tgz","fileCount":17,"unpackedSize":37065,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDQ7xKSdIVxpWLXMLZA0zKqNyGy05HA2P6GmjW6RwUViQIgJ7ODuGLk3YS6Q9b20muJ5jDC2kdPrBUYYe3LJ4I4Kp8="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.5-pr.848.d4126237.0_1698338280174_0.2820252289570049"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.3.5-pr.848.3ca2b3e3.0":{"name":"@kong-ui-public/copy-uuid","version":"1.3.5-pr.848.3ca2b3e3.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.6-pr.848.3ca2b3e3.0","@kong/design-tokens":"^1.11.6","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.5-pr.848.3ca2b3e3.0","_integrity":"sha512-NGl3jaV5A3MYyUBODsjewnHL4ozL3E0Z+sNSwLveOPIqx+6KspmCz5P/AExH1XeuwCIKZ88cJDzmIWO0DRpPyA==","_resolved":"/tmp/b91171843bca8c5981cfe5025eab97dd/kong-ui-public-copy-uuid-1.3.5-pr.848.3ca2b3e3.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.5-pr.848.3ca2b3e3.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-NGl3jaV5A3MYyUBODsjewnHL4ozL3E0Z+sNSwLveOPIqx+6KspmCz5P/AExH1XeuwCIKZ88cJDzmIWO0DRpPyA==","shasum":"a44128036a101910ee0aeb075a9a60c59e4873ec","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.5-pr.848.3ca2b3e3.0.tgz","fileCount":17,"unpackedSize":37065,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDkyefXoKB60rrt6OJJABQvQpEjdR/ifSExPpGwG+WjJAIgAQz54BzSadW7p7Zw0Tiw9VMZS9WJbiMui3ujTSUCgnc="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.5-pr.848.3ca2b3e3.0_1698341676581_0.35710810765044854"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.3.5-pr.848.3184a0fa.0":{"name":"@kong-ui-public/copy-uuid","version":"1.3.5-pr.848.3184a0fa.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.6-pr.848.3184a0fa.0","@kong/design-tokens":"^1.11.6","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.5-pr.848.3184a0fa.0","_integrity":"sha512-WMLoXzH9/KH+oa4bG/BcDSURc8AKieiV49z1lwBFwU/U0G9qa1OMarrN53GGiuhvqy0UUn70q+Z0lttvYKj0RA==","_resolved":"/tmp/62c2f3d4fb51474f90e50778439c7341/kong-ui-public-copy-uuid-1.3.5-pr.848.3184a0fa.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.5-pr.848.3184a0fa.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-WMLoXzH9/KH+oa4bG/BcDSURc8AKieiV49z1lwBFwU/U0G9qa1OMarrN53GGiuhvqy0UUn70q+Z0lttvYKj0RA==","shasum":"b1adbf39aa75a2e169ef9e83965e1854bcce6c76","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.5-pr.848.3184a0fa.0.tgz","fileCount":17,"unpackedSize":37065,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHuOvmdQKFzVHysbpGnodNhk+k+QBNoIQId8q+MnWnSAAiAcFyOV+XmI+/GWdMyqB+fYtyc+gr8TvTKE1GHkUu8T4g=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.5-pr.848.3184a0fa.0_1698343934933_0.14007099179002624"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.3.5-pr.848.4e7c48c3.0":{"name":"@kong-ui-public/copy-uuid","version":"1.3.5-pr.848.4e7c48c3.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.6-pr.848.4e7c48c3.0","@kong/design-tokens":"^1.11.6","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.5-pr.848.4e7c48c3.0","_integrity":"sha512-dIbpk3hTpB9EMXw0lvYl2rhy9vFp/UnrDaQcsHNjPutkJJkgr96JBjqge3Mod/6BZFxuCqUGLP9JboEuDnyJjQ==","_resolved":"/tmp/b3ad00a2d10a062e0abcaad43e6c608d/kong-ui-public-copy-uuid-1.3.5-pr.848.4e7c48c3.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.5-pr.848.4e7c48c3.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-dIbpk3hTpB9EMXw0lvYl2rhy9vFp/UnrDaQcsHNjPutkJJkgr96JBjqge3Mod/6BZFxuCqUGLP9JboEuDnyJjQ==","shasum":"301fc09446f3bf580bcde4a7dfd6e125062e8e4e","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.5-pr.848.4e7c48c3.0.tgz","fileCount":17,"unpackedSize":37065,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHoKQ8mlEcSBlwidfZnHv0k3HN6mZDE6qfGtLBUAq8GyAiEArjonyE+fu1qMoipfiwmIxnLTOej1zkc47YDO3A1D75s="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.5-pr.848.4e7c48c3.0_1698354398886_0.9500405381927528"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.3.5-pr.848.edc10601.0":{"name":"@kong-ui-public/copy-uuid","version":"1.3.5-pr.848.edc10601.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.6-pr.848.edc10601.0","@kong/design-tokens":"^1.11.6","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.5-pr.848.edc10601.0","_integrity":"sha512-LvXm7ZwHH2Rn75w/1AqFzwpGSF2jRZq3TCnhgaVDL5syMiVX3Sxi/7/ZkGV6T2+u14Tc3XC217aXeFRQo4h3OA==","_resolved":"/tmp/9cb3bbc8cb98e8a76aa5a965d6cc25a1/kong-ui-public-copy-uuid-1.3.5-pr.848.edc10601.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.5-pr.848.edc10601.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-LvXm7ZwHH2Rn75w/1AqFzwpGSF2jRZq3TCnhgaVDL5syMiVX3Sxi/7/ZkGV6T2+u14Tc3XC217aXeFRQo4h3OA==","shasum":"638058ecb0738de046ef06c556bbb4d5e024a019","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.5-pr.848.edc10601.0.tgz","fileCount":17,"unpackedSize":37065,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIECzeTbkF39/MIMBFb592DSQTyMuUQTYVKG96Z/OxN0QAiEAk5kx8F+3Qh+63tLn6BiBuXUCaAwHvlEY/iaLqaf7Mfs="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.5-pr.848.edc10601.0_1698355190184_0.9410818899411215"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.3.6-pr.848.637397ce.0":{"name":"@kong-ui-public/copy-uuid","version":"1.3.6-pr.848.637397ce.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.7-pr.848.637397ce.0","@kong/design-tokens":"^1.11.6","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.6-pr.848.637397ce.0","_integrity":"sha512-4zUnmCHbtWLGL/VkxLgYZLbbyacKMtsFlBI9SMnTJYvB6UxKsA1Ab4RuNDKyS9ex403H5GIsMCjSbxhUK0SmCw==","_resolved":"/tmp/ed9f22cda288d188c3b888daf5089017/kong-ui-public-copy-uuid-1.3.6-pr.848.637397ce.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.6-pr.848.637397ce.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-4zUnmCHbtWLGL/VkxLgYZLbbyacKMtsFlBI9SMnTJYvB6UxKsA1Ab4RuNDKyS9ex403H5GIsMCjSbxhUK0SmCw==","shasum":"d0ae45d4f3689faca8961d5b06ed2949ca397c20","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.6-pr.848.637397ce.0.tgz","fileCount":17,"unpackedSize":37065,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCJSKbY8lQyC2fHU0UyqHefJz1bKTFfSQ2UOfEX+A89WAIgbtFwv1puJ4N6I6rpCVZKwnVfvgSdHERDh7NCSB2kuK8="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.6-pr.848.637397ce.0_1698423469527_0.586780575858521"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.3.6-pr.848.1e040234.0":{"name":"@kong-ui-public/copy-uuid","version":"1.3.6-pr.848.1e040234.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.7-pr.848.1e040234.0","@kong/design-tokens":"^1.11.6","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.6-pr.848.1e040234.0","_integrity":"sha512-uE0qt3WVoCvjNsz0O/bCCodt9ijqc/vDCSKvhCQ/K/Hv60SJ21HNIAxKp56jJptj0Z5X5gq3tMEJdqQTHgfV4w==","_resolved":"/tmp/908ba610fedcab454c1c4634cf778581/kong-ui-public-copy-uuid-1.3.6-pr.848.1e040234.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.6-pr.848.1e040234.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-uE0qt3WVoCvjNsz0O/bCCodt9ijqc/vDCSKvhCQ/K/Hv60SJ21HNIAxKp56jJptj0Z5X5gq3tMEJdqQTHgfV4w==","shasum":"a170fbbba06859b0e063c89dc27b0c427dabc4ac","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.6-pr.848.1e040234.0.tgz","fileCount":17,"unpackedSize":37065,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAu7ZrCGVDnSfTVXBbA6ocqqxW94XhJzn3578N8dkKuHAiEAnhuyUflzzQMKykL42vEha+xaPKzGJ9VGkCdX+u1el98="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.6-pr.848.1e040234.0_1698429486388_0.21292529760360668"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.3.6-pr.848.1bb4208c.0":{"name":"@kong-ui-public/copy-uuid","version":"1.3.6-pr.848.1bb4208c.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.7-pr.848.1bb4208c.0","@kong/design-tokens":"^1.11.6","@kong/kongponents":"^8.124.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.6-pr.848.1bb4208c.0","_integrity":"sha512-RKcqY0vLWp3569K2t489ULFyrcyeCCMCR1uQElBjpZZ33+xFOtWANnEVC0G4Ba4m4K/vbBeqzQ8v6LwjOkKzUw==","_resolved":"/tmp/6f464261eb059d04930313876507db18/kong-ui-public-copy-uuid-1.3.6-pr.848.1bb4208c.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.6-pr.848.1bb4208c.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-RKcqY0vLWp3569K2t489ULFyrcyeCCMCR1uQElBjpZZ33+xFOtWANnEVC0G4Ba4m4K/vbBeqzQ8v6LwjOkKzUw==","shasum":"fb13a6b038fa459c0d119a5914cb4acb2a4a892b","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.6-pr.848.1bb4208c.0.tgz","fileCount":17,"unpackedSize":37065,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEnU8fxEySt35ru/GPEJL+PKXN4M8U4g+9GiTjMti3xcAiEAwXl77++i4YUXGoWzl3Jgx0J6l9YorSpPaC+5PIEFrfo="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.6-pr.848.1bb4208c.0_1698431324816_0.6983326965119385"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.3.6":{"name":"@kong-ui-public/copy-uuid","version":"1.3.6","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.125.0","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.6","@kong/design-tokens":"^1.11.6","@kong/kongponents":"^8.125.0","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.6","_integrity":"sha512-5DK4B/ZFFvAzjW7YtTP6P7fBqGSNOfeonHw+MHAvlV1hs23smXn0IG9jnCHIMNGSfZse092n03fpr8L+ySQBqg==","_resolved":"/tmp/e2f3c5886a5c82fcda78c82efc215e95/kong-ui-public-copy-uuid-1.3.6.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.6.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-5DK4B/ZFFvAzjW7YtTP6P7fBqGSNOfeonHw+MHAvlV1hs23smXn0IG9jnCHIMNGSfZse092n03fpr8L+ySQBqg==","shasum":"9aeaf85086bbc2316ad65790b00e958a42c79aa0","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.6.tgz","fileCount":17,"unpackedSize":37029,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH3ndNVZp99seAPCxMAx/gcXfilwZnQM3ce+KqAMY0/XAiAm7W84YQlrNrewn129C9DBWYqXCgyHVyd9XASvMYNVzg=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.6_1698717406220_0.49255162331877256"},"_hasShrinkwrap":false},"1.3.7":{"name":"@kong-ui-public/copy-uuid","version":"1.3.7","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.125.0","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.6","@kong/design-tokens":"^1.11.8","@kong/kongponents":"^8.125.0","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.7","_integrity":"sha512-IU1M+FPbvHtyCTSNFCbrER4b5sOtjMygbALToa+6K7/nWZpXBiBYQEMlsNZTHwg9ALU9I2eIBeXQtWgBDQbJmw==","_resolved":"/tmp/9012c936db5723f8efc7fc3d8462bdc6/kong-ui-public-copy-uuid-1.3.7.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.7.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-IU1M+FPbvHtyCTSNFCbrER4b5sOtjMygbALToa+6K7/nWZpXBiBYQEMlsNZTHwg9ALU9I2eIBeXQtWgBDQbJmw==","shasum":"3cb2631640868e932d1aff9cdff43aa1ff8d09b8","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.7.tgz","fileCount":17,"unpackedSize":37029,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICG3gXtXj9kk9PO3S69G4+eireL5kF4C63o72lsUmV8jAiBdfpE7i7QrYBSV3CFLEpckbdo62U0eelNZzTOCMbk8Tw=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.7_1698806157010_0.16072278598365441"},"_hasShrinkwrap":false},"1.3.8-pr.880.07b5cca6.0":{"name":"@kong-ui-public/copy-uuid","version":"1.3.8-pr.880.07b5cca6.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"9.0.0-alpha.33","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.6","@kong/design-tokens":"^1.11.8","@kong/kongponents":"9.0.0-alpha.33","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.7.8"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.8-pr.880.07b5cca6.0","_integrity":"sha512-ylq0JyOTXX0TbuecjmRnEJmhCk79M57nGt+jU9tZU18PR/dvzi3LC9rqWNs64iugqVX4gl351xFmpAcf8n2Emw==","_resolved":"/tmp/a7aa16823c0697d47e5cd9d881ac582d/kong-ui-public-copy-uuid-1.3.8-pr.880.07b5cca6.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.8-pr.880.07b5cca6.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-ylq0JyOTXX0TbuecjmRnEJmhCk79M57nGt+jU9tZU18PR/dvzi3LC9rqWNs64iugqVX4gl351xFmpAcf8n2Emw==","shasum":"37c16ca3b91d837b9b2255b084fd489df9f10682","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.8-pr.880.07b5cca6.0.tgz","fileCount":17,"unpackedSize":45027,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEYaJgpSP2g7kGAfhTfN0X51j8bJ1EjgASBiRyH3u8+eAiEAzOSE9swC7F7yxsTafcEKTDWFh2NOEcAo+eew0Izbf8I="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.8-pr.880.07b5cca6.0_1698851666380_0.6571915905403969"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.3.8-pr.880.ea052556.0":{"name":"@kong-ui-public/copy-uuid","version":"1.3.8-pr.880.ea052556.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"9.0.0-alpha.33","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.6","@kong/design-tokens":"^1.11.8","@kong/kongponents":"9.0.0-alpha.33","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.7.8"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.8-pr.880.ea052556.0","_integrity":"sha512-1Qqr8TddzdORG1ns3710F5FejyPM7g4slFlJdG3rfsG0pc3VGz6Pp/Igai0OOtYOtTcd44C/kTGKlOLbQ6U8GA==","_resolved":"/tmp/abb0830bd25abfa28a6b0c105e99ad91/kong-ui-public-copy-uuid-1.3.8-pr.880.ea052556.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.8-pr.880.ea052556.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-1Qqr8TddzdORG1ns3710F5FejyPM7g4slFlJdG3rfsG0pc3VGz6Pp/Igai0OOtYOtTcd44C/kTGKlOLbQ6U8GA==","shasum":"0ff1a0c5516e79c0325c2348f55678dbe41efd0c","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.8-pr.880.ea052556.0.tgz","fileCount":17,"unpackedSize":45027,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC9bHeKZBO7PKJFGsXuECRyFg61wi8Rju5t9wMmVvsONgIhAL6cSwKxoRIyzvn30yZXwvCpMeCEpXlbIZiRZUuwvz4T"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.8-pr.880.ea052556.0_1698853482717_0.1523729769932407"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.3.8-pr.880.4e58f4a3.0":{"name":"@kong-ui-public/copy-uuid","version":"1.3.8-pr.880.4e58f4a3.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"9.0.0-alpha.33","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.6","@kong/design-tokens":"^1.11.8","@kong/kongponents":"9.0.0-alpha.33","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.7.8"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.8-pr.880.4e58f4a3.0","_integrity":"sha512-RZZGSRzv+vPA5HmutTzty4hoNIb40mAeUDtKmm47xl2fActlBvJcYSrAfASkq9RJ9YwyT3grCCT40gNqoSoQFA==","_resolved":"/tmp/56a1f54099db59c56bab540be6e93fc1/kong-ui-public-copy-uuid-1.3.8-pr.880.4e58f4a3.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.8-pr.880.4e58f4a3.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-RZZGSRzv+vPA5HmutTzty4hoNIb40mAeUDtKmm47xl2fActlBvJcYSrAfASkq9RJ9YwyT3grCCT40gNqoSoQFA==","shasum":"e574d37886a4193ab80ef04837e8d19eddfc3e3c","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.8-pr.880.4e58f4a3.0.tgz","fileCount":17,"unpackedSize":45027,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDasi677HkHzYmVUl6TxtkNcjGdvPPgs9Hgwno+UbG+dgIhAKqgWgtNk/AINhAV71J52CQXSplcsOk52v5QM0v9k4HA"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.8-pr.880.4e58f4a3.0_1698868638547_0.4113428991139383"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.3.8-pr.880.9820716f.0":{"name":"@kong-ui-public/copy-uuid","version":"1.3.8-pr.880.9820716f.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"9.0.0-alpha.35","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.6","@kong/design-tokens":"^1.11.8","@kong/kongponents":"9.0.0-alpha.35","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.7.8"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.8-pr.880.9820716f.0","_integrity":"sha512-vDdLxitE0/9r4rnJ/1NZiWo4O2kJpHdQ7OEjsbl1spmk5ZJgyKHLzp/P2YchK58rOvVYycTKBa+Z1l2bjwiz6w==","_resolved":"/tmp/256acee518320aee9e5d44579113d558/kong-ui-public-copy-uuid-1.3.8-pr.880.9820716f.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.8-pr.880.9820716f.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-vDdLxitE0/9r4rnJ/1NZiWo4O2kJpHdQ7OEjsbl1spmk5ZJgyKHLzp/P2YchK58rOvVYycTKBa+Z1l2bjwiz6w==","shasum":"f42849f3250161b1f316d42f2a69ed042ccb59ad","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.8-pr.880.9820716f.0.tgz","fileCount":17,"unpackedSize":45027,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCXGtA6kWpWTNkm+ms9kLRQYwrNfCXKpvh/SEu5/zfD9wIhAKtffkj3OVPw+lAZonu1nDtYJY3NjiIpRsqkxa4UCsDj"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.8-pr.880.9820716f.0_1698875401314_0.011647260531820747"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.3.8-pr.880.659b05e4.0":{"name":"@kong-ui-public/copy-uuid","version":"1.3.8-pr.880.659b05e4.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"9.0.0-alpha.37","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.6","@kong/design-tokens":"^1.11.8","@kong/kongponents":"9.0.0-alpha.37","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.7.8"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.8-pr.880.659b05e4.0","_integrity":"sha512-3r+HX4wFHi37qIPwYDbgXlwkjZueW1JIp8tkgW3ZOByfbTzCJnNcPzTH4gpFP8bFzRN55u/uYBCLZHZfnck2MA==","_resolved":"/tmp/cbfd87ff0410c7c201ce98cf36ea0c65/kong-ui-public-copy-uuid-1.3.8-pr.880.659b05e4.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.8-pr.880.659b05e4.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-3r+HX4wFHi37qIPwYDbgXlwkjZueW1JIp8tkgW3ZOByfbTzCJnNcPzTH4gpFP8bFzRN55u/uYBCLZHZfnck2MA==","shasum":"1714365be0e98d4a2842431cd5207423b5a26ac5","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.8-pr.880.659b05e4.0.tgz","fileCount":17,"unpackedSize":45027,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB48fzApQgysv3R0es+RrgnVBjAPEZY8OhH/K3nwONLTAiBYDeRGoTrFLV6KtRUK7hM1BEoGLaSsnyaLlfI1pOCBIA=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.8-pr.880.659b05e4.0_1698933550765_0.6456289757856177"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.3.8":{"name":"@kong-ui-public/copy-uuid","version":"1.3.8","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.125.0","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.6","@kong/design-tokens":"^1.11.9","@kong/kongponents":"^8.125.0","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.8","_integrity":"sha512-RQ98qvZYQ3dTxsWWFvONTL5nHM8ObHkre23G12nESwDPaLa0sKIVCI2yLKAm9l8dS/BwYsRmBzvQzvy6d3gTpw==","_resolved":"/tmp/f8fdd6012bed78a3093557f17e0fdbe5/kong-ui-public-copy-uuid-1.3.8.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.8.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-RQ98qvZYQ3dTxsWWFvONTL5nHM8ObHkre23G12nESwDPaLa0sKIVCI2yLKAm9l8dS/BwYsRmBzvQzvy6d3gTpw==","shasum":"c09a4ef536bc7feea895eadea049485268e16feb","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.8.tgz","fileCount":17,"unpackedSize":37029,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFflYBEPzInC9AeWX+bstOhFKlKTRQ0+JLlnBqZCA+dXAiEAuTyfsGyFcTOMwnlGadpYzZUhOYVY80mzfS1BxHFzRZM="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.8_1698975299742_0.8843904763516997"},"_hasShrinkwrap":false},"1.3.9-pr.880.cba2bebf.0":{"name":"@kong-ui-public/copy-uuid","version":"1.3.9-pr.880.cba2bebf.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.37","vue":"^3.3.4","@kong-ui-public/i18n":"^1.0.1-pr.880.cba2bebf.0"},"devDependencies":{"@kong/design-tokens":"^1.11.9","@kong/kongponents":"9.0.0-alpha.37","vue":"^3.3.4","@kong-ui-public/i18n":"^1.0.1-pr.880.cba2bebf.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.7.8"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.9-pr.880.cba2bebf.0","_integrity":"sha512-edP8cBBJNujYDAbi8+DGAmgsg2MJwceF5wkkFsUHf2lzHPAzyWmRrzUypPJlqi1noCeKEecavw7WXT+RUIfOMw==","_resolved":"/tmp/41ae482e43a6c8c0ad50be0a7215d674/kong-ui-public-copy-uuid-1.3.9-pr.880.cba2bebf.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.9-pr.880.cba2bebf.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-edP8cBBJNujYDAbi8+DGAmgsg2MJwceF5wkkFsUHf2lzHPAzyWmRrzUypPJlqi1noCeKEecavw7WXT+RUIfOMw==","shasum":"d2886cbf9a28d9b0d75c1e9f854115b20cc4450e","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.9-pr.880.cba2bebf.0.tgz","fileCount":16,"unpackedSize":39369,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCYt1TpLgwxXuIB6o3nKQ1bz9PWzo/Kj7NmWV/war1tZgIhANHweEWBwXLOEJCm8xjry3OGGYWsYu9QPg/e+GE/Wp8a"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.9-pr.880.cba2bebf.0_1699368675114_0.4958333437207423"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.3.9":{"name":"@kong-ui-public/copy-uuid","version":"1.3.9","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.125.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.6","@kong/design-tokens":"^1.11.9","@kong/kongponents":"^8.125.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.9","_integrity":"sha512-VwoWuw1lFCPBUQGdRjyH0K27iP1+9vMQoUQSU821M27PHIZGEzM+wqlY73rlvibp+/7Za5szrHcGmPtPZJr2ZQ==","_resolved":"/tmp/fc833653b3bb1272351d25f9626b4e21/kong-ui-public-copy-uuid-1.3.9.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.9.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-VwoWuw1lFCPBUQGdRjyH0K27iP1+9vMQoUQSU821M27PHIZGEzM+wqlY73rlvibp+/7Za5szrHcGmPtPZJr2ZQ==","shasum":"287cc61564fdd914c41771fb36366267d50a0adf","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.9.tgz","fileCount":16,"unpackedSize":33540,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH5UCsAuBRlDmWqgJU/DojfwHv0hTuKhX5uzNaC4sr44AiB5ATbZkyeswc+mFqu42d2rF7LoIWkT/dPD7QvWDa6SRw=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.9_1699670001772_0.7703572205310094"},"_hasShrinkwrap":false},"1.3.10-pr.915.fe82b84d.0":{"name":"@kong-ui-public/copy-uuid","version":"1.3.10-pr.915.fe82b84d.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.125.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.6","@kong/design-tokens":"^1.11.9","@kong/kongponents":"^8.125.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.10-pr.915.fe82b84d.0","_integrity":"sha512-Y0Kdsa7kqNcra8hLkEhvHvL+Xczst7aFajM+87bJCUkwhStXz0zOZbSOicG3xppcQ4wgzofRgxQ8FNFpADQKfg==","_resolved":"/tmp/0705d61715f28dcb861af9e28895d020/kong-ui-public-copy-uuid-1.3.10-pr.915.fe82b84d.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.10-pr.915.fe82b84d.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-Y0Kdsa7kqNcra8hLkEhvHvL+Xczst7aFajM+87bJCUkwhStXz0zOZbSOicG3xppcQ4wgzofRgxQ8FNFpADQKfg==","shasum":"8998cc3829bb15c03332b441e1abec89b4864a1d","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.10-pr.915.fe82b84d.0.tgz","fileCount":16,"unpackedSize":33779,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBabXa3MmbnhK9Bdx/xkTbtZ9dTHXfFhoN67Xk7zD6sQAiB+dxRseZFxSvRLo/OXwZXqAQHv3+27X1WcXFZMme/8NA=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.10-pr.915.fe82b84d.0_1699988095554_0.5086564697267955"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.3.10":{"name":"@kong-ui-public/copy-uuid","version":"1.3.10","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.126.1","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.6","@kong/design-tokens":"^1.11.9","@kong/kongponents":"^8.126.1","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.10","_integrity":"sha512-UAGhPAUolPDtfYOlRqd364oB+wepC86k6B0m8HZ4b1f25gE2ZJ187FZ/f1JqikT85VtYS5ZUIViBpC83PrzoJw==","_resolved":"/tmp/a7f26adae42b04a2e94840681f1ec3b7/kong-ui-public-copy-uuid-1.3.10.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.10.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-UAGhPAUolPDtfYOlRqd364oB+wepC86k6B0m8HZ4b1f25gE2ZJ187FZ/f1JqikT85VtYS5ZUIViBpC83PrzoJw==","shasum":"16f06f417ff0bcf32c7462b62079fd72f72abebf","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.10.tgz","fileCount":16,"unpackedSize":33541,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEweqZrdW0JMXJgfu0hFKrhtN0jDPnRbH1BGe3NCfR7jAiB0SoGUs1QkZCFh5RhXY5PdpiHoFz2zdRZFO6MGoPzFAQ=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.10_1700016312097_0.0567831695561305"},"_hasShrinkwrap":false},"1.3.11":{"name":"@kong-ui-public/copy-uuid","version":"1.3.11","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.126.2","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.6","@kong/design-tokens":"^1.11.9","@kong/kongponents":"^8.126.2","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.11","_integrity":"sha512-/Zx/9EidZ2cachNGe7RgmJnb1LrWd1VONvn0UkF0HeMpjn3yxE2c+I656ksg2rKqch89DR55iqyDRktzcLt7uQ==","_resolved":"/tmp/2badb2a8e78c7984c524b48f5cba83ec/kong-ui-public-copy-uuid-1.3.11.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.11.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-/Zx/9EidZ2cachNGe7RgmJnb1LrWd1VONvn0UkF0HeMpjn3yxE2c+I656ksg2rKqch89DR55iqyDRktzcLt7uQ==","shasum":"385e9773cd20db82a35c1198610abb70ea0f552b","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.11.tgz","fileCount":16,"unpackedSize":33541,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC5yOvNAGB7UPFyhzP0ftM5AeW4klZprz7t3L+zQiofWAiEAmRp77Vi4mE9hJhCYoYZRq6B+o1+Q9vYY2BNPUSyWgWg="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.11_1700099368799_0.595834522816634"},"_hasShrinkwrap":false},"1.3.12":{"name":"@kong-ui-public/copy-uuid","version":"1.3.12","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong-ui-public/i18n":"^0.4.2","@kong/kongponents":"^8.126.2","vue":"^3.3.4"},"devDependencies":{"@kong-ui-public/i18n":"^0.8.6","@kong/design-tokens":"^1.11.9","@kong/kongponents":"^8.126.2","vue":"^3.3.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.12","_integrity":"sha512-3d2D+HY9DDqLyS8VJRPcO3Mx3j7RWdb1SHeQ38ax/vPh/S/sYBQO6XN2GxZPBOCS75ObZIHU5y1KPDlZMxTesA==","_resolved":"/tmp/8a190d4591094159ef3158eed6997d97/kong-ui-public-copy-uuid-1.3.12.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.12.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-3d2D+HY9DDqLyS8VJRPcO3Mx3j7RWdb1SHeQ38ax/vPh/S/sYBQO6XN2GxZPBOCS75ObZIHU5y1KPDlZMxTesA==","shasum":"341717f5532f1aa25a97724417dad6600e1336ca","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.12.tgz","fileCount":16,"unpackedSize":33761,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICOvrG0TvkBmIrOY8UCc4p4M9fg/RQR7pmAzcqad4uiJAiEAnoz2CYuIFbpCJu0yx75gQ80Tr9Q8tDpc12PQue/arlQ="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.12_1700162752477_0.09778728303240114"},"_hasShrinkwrap":false},"1.3.13-pr.880.2a1e3fc6.0":{"name":"@kong-ui-public/copy-uuid","version":"1.3.13-pr.880.2a1e3fc6.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.47","vue":"^3.3.4","@kong-ui-public/i18n":"^1.0.1-pr.880.2a1e3fc6.0"},"devDependencies":{"@kong/design-tokens":"^1.11.9","@kong/kongponents":"9.0.0-alpha.47","vue":"^3.3.4","@kong-ui-public/i18n":"^1.0.1-pr.880.2a1e3fc6.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.7.8"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.13-pr.880.2a1e3fc6.0","_integrity":"sha512-leSNHBufQ9RLg9Cc7d/aZK5N863uDMFncwqZE4gUSKrPkE/45roOUFjGbmYUhCliyTIzuyaZbKGBEHASVVYjtA==","_resolved":"/tmp/75b337857208afe03e645dadf3f3a7eb/kong-ui-public-copy-uuid-1.3.13-pr.880.2a1e3fc6.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.13-pr.880.2a1e3fc6.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-leSNHBufQ9RLg9Cc7d/aZK5N863uDMFncwqZE4gUSKrPkE/45roOUFjGbmYUhCliyTIzuyaZbKGBEHASVVYjtA==","shasum":"3eaae0acf9f75c261a4a5838e947d04a6b496a45","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.13-pr.880.2a1e3fc6.0.tgz","fileCount":16,"unpackedSize":39610,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDVs2Rb1EZPXb07127DvNT5d0OqxJmnM46DnwdGVUoQ9AIgG14GoriSATDlUkN3tvSQXPpWgwKQzZC1zquvQHISryQ="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.13-pr.880.2a1e3fc6.0_1700491179163_0.9841391312335399"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"1.3.13-pr.880.4b0ccc45.0":{"name":"@kong-ui-public/copy-uuid","version":"1.3.13-pr.880.4b0ccc45.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.54","vue":"^3.3.4","@kong-ui-public/i18n":"^1.0.1-pr.880.4b0ccc45.0"},"devDependencies":{"@kong/design-tokens":"^1.11.9","@kong/kongponents":"9.0.0-alpha.54","vue":"^3.3.4","@kong-ui-public/i18n":"^1.0.1-pr.880.4b0ccc45.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.7.8"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@1.3.13-pr.880.4b0ccc45.0","_integrity":"sha512-pEZzWLrC7Ni1hlYw37QZI6Fo0+HOp3Y6sShlPT0xTGZuxbYn8kUczoBMAA4c2r6LmD45x+097KR54is46SeuKg==","_resolved":"/tmp/fedb1dc0f9600f7cfcad65a9b3dfd3f9/kong-ui-public-copy-uuid-1.3.13-pr.880.4b0ccc45.0.tgz","_from":"file:kong-ui-public-copy-uuid-1.3.13-pr.880.4b0ccc45.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-pEZzWLrC7Ni1hlYw37QZI6Fo0+HOp3Y6sShlPT0xTGZuxbYn8kUczoBMAA4c2r6LmD45x+097KR54is46SeuKg==","shasum":"f57f5feaf3191c64253254b584079901ae209276","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-1.3.13-pr.880.4b0ccc45.0.tgz","fileCount":16,"unpackedSize":39610,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCsFvGF7/mgQSp0DLyrrEvxSzgGtcvq2bHtA4uVFbNevwIhAL+Xlg9uQ6TdJt2AsUoQA6qeQUtAZ4Mgw2YCcgqzbkuS"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_1.3.13-pr.880.4b0ccc45.0_1700492106388_0.9062222337849293"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.54","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.11.9","@kong/kongponents":"9.0.0-alpha.54","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.7.8"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.0","_integrity":"sha512-VQh+WF7ZvOOQgX0FTiJPR1nNguXP1c6EfWY7GTzCvhLEvzlVbj6HlprQooBw5ZrH9l72nMgpKx81Yk/1vsYCQQ==","_resolved":"/tmp/436577520c2db4c93521387bb51882bb/kong-ui-public-copy-uuid-2.0.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-VQh+WF7ZvOOQgX0FTiJPR1nNguXP1c6EfWY7GTzCvhLEvzlVbj6HlprQooBw5ZrH9l72nMgpKx81Yk/1vsYCQQ==","shasum":"e5989f0642d1350c2cb91faa791cedff197e4d74","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.0.tgz","fileCount":16,"unpackedSize":39555,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEma4h40dwfn5a3bGkBQOpjdSwyitoKQ/cFo90PIHQKRAiAm3f1LbeTiujXjqMAJlnGKAshcNkl/fOSNChRRA8bfWw=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.0_1700495429774_0.3088723261697206"},"_hasShrinkwrap":false},"2.0.1":{"name":"@kong-ui-public/copy-uuid","version":"2.0.1","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.54","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.11.9","@kong/kongponents":"9.0.0-alpha.54","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.0"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.1","_integrity":"sha512-fJuN0R5kekcjfeyino+tyjTuXzILZUldJTV6voFnm+cgW8cCpBu02SDPgrrPT+mqU2qp3frh+MRTbihghgMK3g==","_resolved":"/tmp/9bfe3cddc91f4a3c50d2bd800486f5fa/kong-ui-public-copy-uuid-2.0.1.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.1.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-fJuN0R5kekcjfeyino+tyjTuXzILZUldJTV6voFnm+cgW8cCpBu02SDPgrrPT+mqU2qp3frh+MRTbihghgMK3g==","shasum":"335b93b9a81a264567b0ca9f7f282c16c35add87","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.1.tgz","fileCount":16,"unpackedSize":39555,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDi9ERua5rnG/2BCW/R+xGUlTHgCN86YxbrHK27IC47VAiEA0HsG2fiAwM21xLxPxWrIG1AH4AKRgk6wfA95aM5cwSE="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.1_1700500801530_0.5861558527632551"},"_hasShrinkwrap":false},"2.0.2":{"name":"@kong-ui-public/copy-uuid","version":"2.0.2","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.54","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.11.10","@kong/kongponents":"9.0.0-alpha.54","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.0"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.2","_integrity":"sha512-MTgofiHSuxn/n2UJgTEl6WIN7orhstvs8RnL5txqOcjs0mGVyQ/22tVVyhT9cXJ1yfv3iXR6n1IDvcLq6mmVMQ==","_resolved":"/tmp/cfa768ff6722663be082ec1156b37f6d/kong-ui-public-copy-uuid-2.0.2.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.2.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-MTgofiHSuxn/n2UJgTEl6WIN7orhstvs8RnL5txqOcjs0mGVyQ/22tVVyhT9cXJ1yfv3iXR6n1IDvcLq6mmVMQ==","shasum":"117da338b82dd03d97a3f4c32e1e27d565bc3218","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.2.tgz","fileCount":16,"unpackedSize":39556,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCCOIBf9bdhPZarYJph9z+lXUojyk+f7CYPXV8w9fDpXQIgJyMKj7NC9tQ4NZX2jNieJa0Q1E/Iur6TIbz0W8f/sfU="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.2_1700534536774_0.21172977536327475"},"_hasShrinkwrap":false},"2.0.3-pr.937.9eeb7f79.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.3-pr.937.9eeb7f79.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.11.10","@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.0"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.3-pr.937.9eeb7f79.0","_integrity":"sha512-wP/sXtCwFjHMnLg0u6VBaD3H/I2YthYRFiN0ew8Zgq1jB9DLzEcxP8wQ+1DL5wPg8CHNginfMVoRPsE6qyCbhQ==","_resolved":"/tmp/0c42276a9262bf9e579a3c0ec54d55e5/kong-ui-public-copy-uuid-2.0.3-pr.937.9eeb7f79.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.3-pr.937.9eeb7f79.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-wP/sXtCwFjHMnLg0u6VBaD3H/I2YthYRFiN0ew8Zgq1jB9DLzEcxP8wQ+1DL5wPg8CHNginfMVoRPsE6qyCbhQ==","shasum":"4930bd018eb20cbaef8fa271f88f5fbf5cd8dd5b","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.3-pr.937.9eeb7f79.0.tgz","fileCount":16,"unpackedSize":39574,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCVHHtgMDhO3ryPxIjZqH5e5ZaJQG123WyHGn3Wm+HoqQIgPWRTig6jz9sK7ZzvmIYeMFKlZ0yux7rqarYC/8rwGjg="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.3-pr.937.9eeb7f79.0_1700599055572_0.04823020252099086"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.3":{"name":"@kong-ui-public/copy-uuid","version":"2.0.3","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.11.10","@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.0"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.3","_integrity":"sha512-4jCO2VQJ+/jmQ2dm7wQ0A58cgUykbLSDtQfofk0IA3N6Xw2qrpXFDBH31zncdhs3HGWQaBEATbkCj+xPeyuW3Q==","_resolved":"/tmp/281b3d825ae314b9e65c478ab15ed26b/kong-ui-public-copy-uuid-2.0.3.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.3.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-4jCO2VQJ+/jmQ2dm7wQ0A58cgUykbLSDtQfofk0IA3N6Xw2qrpXFDBH31zncdhs3HGWQaBEATbkCj+xPeyuW3Q==","shasum":"a4b989537136240a74d5d478c47b7ae68e2b7b7c","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.3.tgz","fileCount":16,"unpackedSize":39556,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDyinXMuE6g4keA64FU5XINKnXpT38CUFPBkvoNJ8cSrAiA8VN3TZqDTrCh5BRc0TwGGU1JriHN1pOXwAkGNyvLzUA=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.3_1700679099664_0.9554226185532599"},"_hasShrinkwrap":false},"2.0.4":{"name":"@kong-ui-public/copy-uuid","version":"2.0.4","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.11.11","@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.0"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.4","_integrity":"sha512-SKBeKVklfcoHNXtfPGAFp974zd4V9JXve/CSjQQA/KRZtQcbsbpZcT4VAeBzd442RTfJiIzRfWZDJqdlBaipqg==","_resolved":"/tmp/62d035deee74e619ba68e227a034da68/kong-ui-public-copy-uuid-2.0.4.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.4.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-SKBeKVklfcoHNXtfPGAFp974zd4V9JXve/CSjQQA/KRZtQcbsbpZcT4VAeBzd442RTfJiIzRfWZDJqdlBaipqg==","shasum":"f5372fbf5ac57cf29b86ca8c3477439d763437d7","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.4.tgz","fileCount":16,"unpackedSize":39556,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD20m+ppyQbOT/SW9Q/iOvPrp0Pg8TRj3KuT/MxCUkFDQIhAMDCw4e+2cpR2veeKLSgkNrwW3tuvN4Bz9zs4V+O+t6f"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.4_1701139467147_0.8575516695474514"},"_hasShrinkwrap":false},"2.0.5":{"name":"@kong-ui-public/copy-uuid","version":"2.0.5","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.11.12","@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.0"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.5","_integrity":"sha512-7YTElZtw5uyJbKKZqC+csnwg+zzJXMpMYVhYo3ZETZW1RgCOqZsYoLiM+vdJHVbT/NpA4kR95Ig21Fej0qu7xA==","_resolved":"/tmp/e91f284b4aaf7db3ba9c382cc581e1cc/kong-ui-public-copy-uuid-2.0.5.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.5.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-7YTElZtw5uyJbKKZqC+csnwg+zzJXMpMYVhYo3ZETZW1RgCOqZsYoLiM+vdJHVbT/NpA4kR95Ig21Fej0qu7xA==","shasum":"33652641476012367a6838acaba877abc16bb3b2","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.5.tgz","fileCount":16,"unpackedSize":39556,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDcqwEtXTaa6GeF8ITi69Oo8biOWEEr4UIW03DiMqiOpAIgL6dfXVK6cSUhAp20mEZkfk/nGWemLHY+V4nhSA7bdoE="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.5_1701227421839_0.19846291044410003"},"_hasShrinkwrap":false},"2.0.6-pr.891.7965ab4d.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.6-pr.891.7965ab4d.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.11.12","@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.0"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.6-pr.891.7965ab4d.0","_integrity":"sha512-GsBDX9YBTD8Dpm3UxNxYrgSEmqLsqysziE/Wh3N0zhfIdopWB3FUoT2w6f5L4pX11qBcPJyM2ELl8NBxkv1L+A==","_resolved":"/tmp/5dfd22ac0519abcc22c4d50274ccf0e3/kong-ui-public-copy-uuid-2.0.6-pr.891.7965ab4d.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.6-pr.891.7965ab4d.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-GsBDX9YBTD8Dpm3UxNxYrgSEmqLsqysziE/Wh3N0zhfIdopWB3FUoT2w6f5L4pX11qBcPJyM2ELl8NBxkv1L+A==","shasum":"8f60213def5313676eb92a8604e5cc49907322a0","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.6-pr.891.7965ab4d.0.tgz","fileCount":16,"unpackedSize":39574,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHdVR/O4hXiLy6gqC5QuSYsQF92WZHwegNBm4FdpS3RvAiEA+JyyZz7swSMPtsH+1Zx761Qp9BJiM2CEQG1RmSR6xZ0="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.6-pr.891.7965ab4d.0_1701262485154_0.08562735035545721"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.6-pr.891.c75cfff8.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.6-pr.891.c75cfff8.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.11.12","@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.0"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.6-pr.891.c75cfff8.0","_integrity":"sha512-4X/W57jfA6vvKjp5RvQwqMFz9vKmIjrFhLvhN8V0xDpJcrJ0EXGQE7yhxPDgR2onOe10QZcFg53Ad7bzMsNI7Q==","_resolved":"/tmp/2ec05bf329c32ac1e7b20280b5875fb6/kong-ui-public-copy-uuid-2.0.6-pr.891.c75cfff8.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.6-pr.891.c75cfff8.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-4X/W57jfA6vvKjp5RvQwqMFz9vKmIjrFhLvhN8V0xDpJcrJ0EXGQE7yhxPDgR2onOe10QZcFg53Ad7bzMsNI7Q==","shasum":"2ccdc73c444dbdd6f0371726df54b499adad3b17","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.6-pr.891.c75cfff8.0.tgz","fileCount":16,"unpackedSize":39574,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCNZYKv9FTnW5hDoV/g2ZloowQ/pJKiVGpx3AsxDAJf5QIhALKt7f7XbK2g16ScdYEoe8xAglvAeu3bBMi05JVgSTIU"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.6-pr.891.c75cfff8.0_1701264961837_0.9495647359979198"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.6-pr.891.3379fb81.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.6-pr.891.3379fb81.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.11.12","@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.0"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.6-pr.891.3379fb81.0","_integrity":"sha512-WzTDQh3XMKkAPuhgcVGqRuiKdKhfUtSudOvuhRB3R6Wed3qByIV9EC7f3dih/6xpK9Hblcp54eyL1frmx/saPA==","_resolved":"/tmp/34e9fc6215c8acbd7ea1bbc0c20ba816/kong-ui-public-copy-uuid-2.0.6-pr.891.3379fb81.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.6-pr.891.3379fb81.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-WzTDQh3XMKkAPuhgcVGqRuiKdKhfUtSudOvuhRB3R6Wed3qByIV9EC7f3dih/6xpK9Hblcp54eyL1frmx/saPA==","shasum":"33f9fd21cd8d28b1db0260b6eee250dad0c558af","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.6-pr.891.3379fb81.0.tgz","fileCount":16,"unpackedSize":39574,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCRnSTAkKH7fUIucu0ASuWlBQSXeksXjJ3QQJcOrP6xQgIhAKJH9RDnCikvgwWHk0RkbHx8Nxj5ECJXXUpcs+FzXPtm"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.6-pr.891.3379fb81.0_1701290669590_0.25923253160179915"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.6-pr.958.9b4c11a4.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.6-pr.958.9b4c11a4.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"1.11.13-pr.172.6fb4253.0","@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.0"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.6-pr.958.9b4c11a4.0","_integrity":"sha512-9zqe7M8cupJd/V7qzTaJQNXiRDSWlwkmqtkvkDguOji2DJZyJDFss9UbaDB4l26RGswUAK1OMTV2K2AKtTq3Wg==","_resolved":"/tmp/d741b2ca48a9efae06ce682dd3405acd/kong-ui-public-copy-uuid-2.0.6-pr.958.9b4c11a4.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.6-pr.958.9b4c11a4.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-9zqe7M8cupJd/V7qzTaJQNXiRDSWlwkmqtkvkDguOji2DJZyJDFss9UbaDB4l26RGswUAK1OMTV2K2AKtTq3Wg==","shasum":"1eedb6fad877b6c750fcb15303aaa6c806013050","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.6-pr.958.9b4c11a4.0.tgz","fileCount":16,"unpackedSize":39590,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBdBANnVNR7D7jLfbjv7qSC7yNBGFIYV+djvrbOPoh3RAiEAoN3uFMNZJBfrkcYST9vHdJ9Pc470X7SaQfSv/W9bvaE="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.6-pr.958.9b4c11a4.0_1701291271817_0.5888382586463281"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.6-pr.941.113c78ab.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.6-pr.941.113c78ab.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.11.12","@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.0"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.6-pr.941.113c78ab.0","_integrity":"sha512-sjKuz+9PzlQRi3LYTbj1wTHbDijC8WASoE1naKK5p6XMhsPOmfUe6GYfr3KDWkpj30Ukp3AZARQqhiIKgRvRqg==","_resolved":"/tmp/31a1a6b59b945446cbfcab9a3be6d5c0/kong-ui-public-copy-uuid-2.0.6-pr.941.113c78ab.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.6-pr.941.113c78ab.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-sjKuz+9PzlQRi3LYTbj1wTHbDijC8WASoE1naKK5p6XMhsPOmfUe6GYfr3KDWkpj30Ukp3AZARQqhiIKgRvRqg==","shasum":"f7a2bbe357413a3cffe86931149cb52aec82b2f3","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.6-pr.941.113c78ab.0.tgz","fileCount":16,"unpackedSize":39574,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGJc4GpyRjCefiGX6nEO9Mk9VNDakNHhybrerrKNf5jrAiEA7HSMDShsmAPXqCfdR1eECnudOdxX0brF8uf0K2/3N60="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.6-pr.941.113c78ab.0_1701293813742_0.40307095726826225"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.6-pr.958.a96fa097.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.6-pr.958.a96fa097.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"1.11.13-pr.172.6fb4253.0","@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.0"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.6-pr.958.a96fa097.0","_integrity":"sha512-A3ogXRmfsblLTCYH8Xyy4TuXbXshpEhwRaFnBxCK6yThdlunpB0MEE6ctRJwbpC1uEIz798B0/IvCtD8pZ2dvg==","_resolved":"/tmp/5664f1a6e8216328943c87cf25b5386c/kong-ui-public-copy-uuid-2.0.6-pr.958.a96fa097.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.6-pr.958.a96fa097.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-A3ogXRmfsblLTCYH8Xyy4TuXbXshpEhwRaFnBxCK6yThdlunpB0MEE6ctRJwbpC1uEIz798B0/IvCtD8pZ2dvg==","shasum":"5925e5a321451257bf07d01282fd10e023f9f69e","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.6-pr.958.a96fa097.0.tgz","fileCount":16,"unpackedSize":39590,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDlEkNxWdtYSCRBOp1rxE0paKrJREpfgZZgvarpbbs1agIgO/6ZF4vYGOAP1mjDeFIvJFzFDf2uqq50nWb9Z/Sn2Kw="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.6-pr.958.a96fa097.0_1701294458153_0.13659799596498212"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.6-pr.941.84ebbc1c.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.6-pr.941.84ebbc1c.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.11.12","@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.0"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.6-pr.941.84ebbc1c.0","_integrity":"sha512-V33vE6vGPre0VNcPTCcLDtxiNftYVgbQkMnFu3XV4qJil+PUaNd79HG1DcR9EdTLxtz9PjAopahbDQbgBOlIvA==","_resolved":"/tmp/e8a04bfc3f28f179ca552c07c36a039b/kong-ui-public-copy-uuid-2.0.6-pr.941.84ebbc1c.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.6-pr.941.84ebbc1c.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-V33vE6vGPre0VNcPTCcLDtxiNftYVgbQkMnFu3XV4qJil+PUaNd79HG1DcR9EdTLxtz9PjAopahbDQbgBOlIvA==","shasum":"acd02e15c9a7880bbe93098fbfdbc4b8481798fa","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.6-pr.941.84ebbc1c.0.tgz","fileCount":16,"unpackedSize":39574,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFnShIJXEIO25CtIDuh7RKNrhz+wRs3W43lmtINxidpvAiAAyGyCLGoVNrofVzVL/trlvjjMR6vSdl6QE3J9vZo6Vg=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.6-pr.941.84ebbc1c.0_1701294508012_0.8950871968825413"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.6-pr.958.32e1111a.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.6-pr.958.32e1111a.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.0","@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.0"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.6-pr.958.32e1111a.0","_integrity":"sha512-D0/mmx5KFUGCb4AcP52YDtT/t6DtMZKXAdhxZONYWWXRzq7n6avmnKUBx+/bi81Yrk3hHdMddYCJXdBkz2AZxw==","_resolved":"/tmp/1b1369568dad77fd8f9a401a79647307/kong-ui-public-copy-uuid-2.0.6-pr.958.32e1111a.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.6-pr.958.32e1111a.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-D0/mmx5KFUGCb4AcP52YDtT/t6DtMZKXAdhxZONYWWXRzq7n6avmnKUBx+/bi81Yrk3hHdMddYCJXdBkz2AZxw==","shasum":"b766a6a01554c45a3480ffe46ad5d9e81b03968a","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.6-pr.958.32e1111a.0.tgz","fileCount":16,"unpackedSize":39573,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC4Vcgs9icfmeTWiD0xgivJKJdMeJFhIEU2c7sC9ADVUgIhAMakLD/CWBmMinMqCXCcOjCD9e0VKfc8RdSfn1V8rUK5"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.6-pr.958.32e1111a.0_1701295918342_0.1787461484835966"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.6":{"name":"@kong-ui-public/copy-uuid","version":"2.0.6","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.0","@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.0"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.6","_integrity":"sha512-G6fLfB+T0k3vEThEDVTl+D1UVTW0Cq5z0ia8CMqp2Fdsno4/weUVNHEeehFuqN/Hp07YthU/mKxvc4h8vTJT9Q==","_resolved":"/tmp/9f3e24c6b65baae70b3f7b5a92c49076/kong-ui-public-copy-uuid-2.0.6.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.6.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-G6fLfB+T0k3vEThEDVTl+D1UVTW0Cq5z0ia8CMqp2Fdsno4/weUVNHEeehFuqN/Hp07YthU/mKxvc4h8vTJT9Q==","shasum":"1f10a7ac20de27a14559c607a4087b9af0b30d39","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.6.tgz","fileCount":16,"unpackedSize":39555,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD7Mal7iEMi8mZiqp6tmZmni2dWyHG1pTWbrrm8WGC7wwIgCR0RmGvpzkdIQEkh/E1dnjBIQPIbZEwt6yrB9zVTw1I="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.6_1701309912553_0.7770365650261475"},"_hasShrinkwrap":false},"2.0.7-pr.941.9af6d7ce.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.7-pr.941.9af6d7ce.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.0","@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.0"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.7-pr.941.9af6d7ce.0","_integrity":"sha512-xmuPKM0F9Ku2/M3aQ1+8TmMA2BAAmxi2Q6xGxgcCfuZXpNeiE5ZXyxgnMq0EYhmMZXa29i5djebGFRIOZjGfNA==","_resolved":"/tmp/f3cbbfe2c4dc92c2fde9d35a0cbaa170/kong-ui-public-copy-uuid-2.0.7-pr.941.9af6d7ce.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.7-pr.941.9af6d7ce.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-xmuPKM0F9Ku2/M3aQ1+8TmMA2BAAmxi2Q6xGxgcCfuZXpNeiE5ZXyxgnMq0EYhmMZXa29i5djebGFRIOZjGfNA==","shasum":"7c468e6087974bcdec211c0f0a6a5ef6290c2b54","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.7-pr.941.9af6d7ce.0.tgz","fileCount":16,"unpackedSize":39573,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCTPSgN5sMbtysI/PsWWdUOeIAsNTel1xtKTpJYUpkqJwIgJuHTqr3zOxWVq1LCIR0O+J+jN1WYVKCuHoS/Vm782t8="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.7-pr.941.9af6d7ce.0_1701325114865_0.48372390827341216"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.7-pr.941.2cfb2c85.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.7-pr.941.2cfb2c85.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.0","@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.0"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.7-pr.941.2cfb2c85.0","_integrity":"sha512-2lcpsvEKPW6bww12TQxOAGyxd/Ymbi7x2NKOHBIg4MTjTAMlEQ0h6QDH+KmI9G/UKAtEppALGRvhipjfhJxmNg==","_resolved":"/tmp/380a8ff57ad425c1841c4fea35bf8e52/kong-ui-public-copy-uuid-2.0.7-pr.941.2cfb2c85.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.7-pr.941.2cfb2c85.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-2lcpsvEKPW6bww12TQxOAGyxd/Ymbi7x2NKOHBIg4MTjTAMlEQ0h6QDH+KmI9G/UKAtEppALGRvhipjfhJxmNg==","shasum":"1c40ce423579b75c950c0c0a94dee189cdac5f4c","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.7-pr.941.2cfb2c85.0.tgz","fileCount":16,"unpackedSize":39573,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCKDMlwGdFNOxwlR6lpeLzU1nuhpXG4eOcqQ/0STdyJ+AIhAIbJbNJ2aSAMo1P35BXM7F7PHg/OZ1fn9VhMKm5f4xPW"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.7-pr.941.2cfb2c85.0_1701326740235_0.0680953143412002"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.7":{"name":"@kong-ui-public/copy-uuid","version":"2.0.7","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.0","@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.1"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.7","_integrity":"sha512-qu66mAdKzKksfbh8mqH4c8YHR4Ot1p+OiB5AdssW1HAvjgh5T68KEE1ux8Ksn723O0KKwWd3diFYLFHgCqTAwA==","_resolved":"/tmp/3c7cb771650ee11b823114429bbe0eab/kong-ui-public-copy-uuid-2.0.7.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.7.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-qu66mAdKzKksfbh8mqH4c8YHR4Ot1p+OiB5AdssW1HAvjgh5T68KEE1ux8Ksn723O0KKwWd3diFYLFHgCqTAwA==","shasum":"d4032cf9cf11cc2d91e9af4159942f20263a5992","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.7.tgz","fileCount":16,"unpackedSize":39555,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC48a7rzM0mCkh0QvOQlcJVBuHj5SRRkgaeouk/yT6dCQIgCyQN/e/QsC7UjwpeZmZpkifveIOlQ29SiJbKXbg3T3I="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.7_1701328396411_0.06449773315460239"},"_hasShrinkwrap":false},"2.0.8-pr.964.7b932190.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.8-pr.964.7b932190.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.0","@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.1"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.8-pr.964.7b932190.0","_integrity":"sha512-PUiuhm6BrCxRfCwqRteh0+aThsDiKhRrOWUQw8UcHiE6xjJWyRodGlAjXbd/RIBKff+9ETi6ee/2vAA0WQzD7g==","_resolved":"/tmp/d60917079063de6868d41b8f43e697ee/kong-ui-public-copy-uuid-2.0.8-pr.964.7b932190.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.8-pr.964.7b932190.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-PUiuhm6BrCxRfCwqRteh0+aThsDiKhRrOWUQw8UcHiE6xjJWyRodGlAjXbd/RIBKff+9ETi6ee/2vAA0WQzD7g==","shasum":"543fff7d5377e7ee692b943d5b6c8e95872fd9f7","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.8-pr.964.7b932190.0.tgz","fileCount":16,"unpackedSize":39573,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCg650oF/c/sjC75qsuhYIPIz5CIj2KWRg4aRM486W49AIhAP7+5jU/H5hI7PpKujEvnHWWM6xkuOrWpLhWoIv3ht2Z"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.8-pr.964.7b932190.0_1701330369328_0.8149751307897235"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.8-pr.891.d5e44019.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.8-pr.891.d5e44019.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.0","@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.1"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.8-pr.891.d5e44019.0","_integrity":"sha512-s+dFOR2C8nhzsZEGTwc/LAuBGQBkTEWeyEjCXfhUxE584ZiouNTrm8Dysi/6gL2uhuQad3ptaw0WT7bv/e0c1A==","_resolved":"/tmp/8a515d6abac1829f7b38d4818c0fcb91/kong-ui-public-copy-uuid-2.0.8-pr.891.d5e44019.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.8-pr.891.d5e44019.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-s+dFOR2C8nhzsZEGTwc/LAuBGQBkTEWeyEjCXfhUxE584ZiouNTrm8Dysi/6gL2uhuQad3ptaw0WT7bv/e0c1A==","shasum":"321c9be82e959ad6cf41dbbcbcca92b10a95f5b9","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.8-pr.891.d5e44019.0.tgz","fileCount":16,"unpackedSize":39573,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCTjawH8F0Atavb+lZlzD7mfcfj7LeRMPsLEbPAxiVX3AIgdmCD73rgoq6AcauCBBwgEnv3eH9yIblJY/yF8tBeag8="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.8-pr.891.d5e44019.0_1701363056020_0.6564719821983693"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.8-pr.964.06b3ffe0.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.8-pr.964.06b3ffe0.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.0","@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.1"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.8-pr.964.06b3ffe0.0","_integrity":"sha512-yV59nKuOeSKY0C9x0sLg78nmrZuPcebbF0fzG4PL/rwep4oHydpMsMSphYR+raLphq+yZQJeEWdZ48Ure2xn5w==","_resolved":"/tmp/eff0ddc329550ac3b93e18ec5ae79da2/kong-ui-public-copy-uuid-2.0.8-pr.964.06b3ffe0.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.8-pr.964.06b3ffe0.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-yV59nKuOeSKY0C9x0sLg78nmrZuPcebbF0fzG4PL/rwep4oHydpMsMSphYR+raLphq+yZQJeEWdZ48Ure2xn5w==","shasum":"0fbd4355a0a00c186c822996a8eb0b258df34782","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.8-pr.964.06b3ffe0.0.tgz","fileCount":16,"unpackedSize":39573,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDy6rNEzUNlVlTgO+OO1BkK/EK9VRcG9E8+34aHG1TS2QIgXa4EJdqR7Fdq4uvNtl6ISqeF8os330Mtn7MjZ0tMc+U="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.8-pr.964.06b3ffe0.0_1701366858915_0.6307856107968233"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.8-pr.964.d514a9db.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.8-pr.964.d514a9db.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.0","@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.1"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.8-pr.964.d514a9db.0","_integrity":"sha512-8UJgCArbfQbKTc+o+ctKefFkJSG/FUmZeRwmPWJEZNHbU5mZnK6MOwSPAoYcvYZHPEDKAmHs1EcjUJa0mdCaEQ==","_resolved":"/tmp/3fc5047796213bf92d93de018813ac0d/kong-ui-public-copy-uuid-2.0.8-pr.964.d514a9db.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.8-pr.964.d514a9db.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-8UJgCArbfQbKTc+o+ctKefFkJSG/FUmZeRwmPWJEZNHbU5mZnK6MOwSPAoYcvYZHPEDKAmHs1EcjUJa0mdCaEQ==","shasum":"37c70e49c72869c8976a2b7759a38c6e88c85fa0","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.8-pr.964.d514a9db.0.tgz","fileCount":16,"unpackedSize":39573,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDVQMre239deg2+hfqxXWl6wrwkBGJGTp54+A0ULyrf8QIgMZVprDda/2pnEP57jVjH1aqFKE+4styfQU2g9VZuor8="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.8-pr.964.d514a9db.0_1701373015479_0.4307753183508518"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.8-pr.964.4eb6f409.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.8-pr.964.4eb6f409.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.0","@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.1"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.8-pr.964.4eb6f409.0","_integrity":"sha512-OO/vrBqIfV1hNcGYnokphwSU8eS1asmkipQmggEUEfvpqziC5pq6viHMuJX9FH8oQnVSN1cia6CkRg4WbT0DSw==","_resolved":"/tmp/5b61904840eba98639e09db88aa2425c/kong-ui-public-copy-uuid-2.0.8-pr.964.4eb6f409.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.8-pr.964.4eb6f409.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-OO/vrBqIfV1hNcGYnokphwSU8eS1asmkipQmggEUEfvpqziC5pq6viHMuJX9FH8oQnVSN1cia6CkRg4WbT0DSw==","shasum":"324ad1a90de4873b28ea21706a4d8178c1830fae","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.8-pr.964.4eb6f409.0.tgz","fileCount":16,"unpackedSize":39573,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDfPSEMynLRoQ7/G5ZxniENrV6KDB6Ua6bKzlQFl3z0rAiEAxWKmhz713OI8912bxm0TpEjKgYhyXZr4Q4jq+NScXZU="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.8-pr.964.4eb6f409.0_1701381630127_0.12157725906695527"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.8-pr.964.d92d157b.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.8-pr.964.d92d157b.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.0","@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.1"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.8-pr.964.d92d157b.0","_integrity":"sha512-ALaf6cXk+KzV4BXhv8j0imlJsz+alJyyLDOC7+EmdsFTls8tf/E3oNdQ87CdZoY3JmxP2Cce6VqzqBBhUYFZrw==","_resolved":"/tmp/3cea0b5e974fc7d44a96383b45f44fe2/kong-ui-public-copy-uuid-2.0.8-pr.964.d92d157b.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.8-pr.964.d92d157b.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-ALaf6cXk+KzV4BXhv8j0imlJsz+alJyyLDOC7+EmdsFTls8tf/E3oNdQ87CdZoY3JmxP2Cce6VqzqBBhUYFZrw==","shasum":"ba6ad3cd77ab2f83ffa1f148f3d997fbea7389b1","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.8-pr.964.d92d157b.0.tgz","fileCount":16,"unpackedSize":39573,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDc7VmCjrRSykh1Cp/kt0HA+MQc9YW7epBHThfjBMrGpwIhAMn4vO5VjSH5rr1E8a6VoGYhrPxqA5dSPKWh6rHCK184"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.8-pr.964.d92d157b.0_1701401945286_0.6787058286424834"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.8":{"name":"@kong-ui-public/copy-uuid","version":"2.0.8","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.0","@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.2"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.8","_integrity":"sha512-EUDKC6q38PvwVbPbT+co6NHC6X+LNCa3irYxvWl7mbuvq1Ig35imJHIqZuyxu7PRsfYYXhrbJsVERTUZEKbW3g==","_resolved":"/tmp/4318908b7151ca94dfbe998db03977e1/kong-ui-public-copy-uuid-2.0.8.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.8.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-EUDKC6q38PvwVbPbT+co6NHC6X+LNCa3irYxvWl7mbuvq1Ig35imJHIqZuyxu7PRsfYYXhrbJsVERTUZEKbW3g==","shasum":"8a25cd13d4e5d8872c64ed661b91202b24863044","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.8.tgz","fileCount":16,"unpackedSize":39555,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDU0BA7D3AG10BjqLBwdIz+794ZyyG9tNrjyeh5zWxR8gIhALjDnRroq2T3+5zq24Hroc0HzVcT+YpvbD5Q2kCuvGHK"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.8_1701402064256_0.8001835695983706"},"_hasShrinkwrap":false},"2.0.9-pr.964.1364d05b.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.9-pr.964.1364d05b.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.0","@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.2"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.9-pr.964.1364d05b.0","_integrity":"sha512-PBIkujz9dQx282IQ0ZmUBpm5xf6bChQ/aQkxLoTwX/pa903MgpPYYNiEwJmY/TSFUuLXNEdcTTjc5IRDEzBNug==","_resolved":"/tmp/567573783e0c5dd93825e24e874476f8/kong-ui-public-copy-uuid-2.0.9-pr.964.1364d05b.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.9-pr.964.1364d05b.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-PBIkujz9dQx282IQ0ZmUBpm5xf6bChQ/aQkxLoTwX/pa903MgpPYYNiEwJmY/TSFUuLXNEdcTTjc5IRDEzBNug==","shasum":"e641b20c6b04c0e9b6e1d9a9805627dc3fd6b263","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.9-pr.964.1364d05b.0.tgz","fileCount":16,"unpackedSize":39573,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCY20rjPsSkgdqV72hazsCt8t4BEOE0/WsDJUKDoXDzvwIhANoIAurkNz0C/u/wih5239IaXyNT+ZR8+SvjpF6TVRkn"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.9-pr.964.1364d05b.0_1701445688611_0.3625983858839561"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.9-pr.977.57cbfaf7.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.9-pr.977.57cbfaf7.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-pr.1804.26905eed.0","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.0","@kong/kongponents":"9.0.0-pr.1804.26905eed.0","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.2"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.9-pr.977.57cbfaf7.0","_integrity":"sha512-6DG8vxujVXKMYDIMZ/3QbNEfu4eRDdN8tDNSYX8G83jopPjBUFa7WMhl5LirdrXvdLqsSUjhB7G9Eqm8yydHOg==","_resolved":"/tmp/69e465cdf567b4c8ce070902d2169237/kong-ui-public-copy-uuid-2.0.9-pr.977.57cbfaf7.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.9-pr.977.57cbfaf7.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-6DG8vxujVXKMYDIMZ/3QbNEfu4eRDdN8tDNSYX8G83jopPjBUFa7WMhl5LirdrXvdLqsSUjhB7G9Eqm8yydHOg==","shasum":"cbe060d4dab56c25546ce71e7d1696c4c8eb92fa","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.9-pr.977.57cbfaf7.0.tgz","fileCount":16,"unpackedSize":39593,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCSkDCS1lxPZqo7PlcaUSjcyuUw2t0dWS6OOaRUABndygIgIXkXowswMI6Ri3h86bMuRueRR/OQu5zqToujeP11EPA="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.9-pr.977.57cbfaf7.0_1701447362052_0.9632243908755551"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.9-pr.964.db7e937e.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.9-pr.964.db7e937e.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.0","@kong/kongponents":"9.0.0-alpha.58","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.2"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.9-pr.964.db7e937e.0","_integrity":"sha512-k6LLTqBv04ZGW41CjNW3nYImQG5FLNRXR5PjWHoKF/5nucu/BPUCmKV2UkEduPhvt/9cPHLjU4cVK9xFJiLIug==","_resolved":"/tmp/0d4ca451af42128ea56186e9c696a8b4/kong-ui-public-copy-uuid-2.0.9-pr.964.db7e937e.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.9-pr.964.db7e937e.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-k6LLTqBv04ZGW41CjNW3nYImQG5FLNRXR5PjWHoKF/5nucu/BPUCmKV2UkEduPhvt/9cPHLjU4cVK9xFJiLIug==","shasum":"c995d15a6b230be9077d7f58f0a02fd92fba9d40","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.9-pr.964.db7e937e.0.tgz","fileCount":16,"unpackedSize":39573,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIF6C2e+vsqVRynUbjB2xjSTz2M6aBajAxdfVGTmI78ncAiBYUfr8rMkw4rwdokwe2v4t+6+w1Ek0PFV3hDDm7LluyA=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.9-pr.964.db7e937e.0_1701448778126_0.23457571270015776"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.9-pr.977.a02086d0.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.9-pr.977.a02086d0.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-pr.1804.26905eed.0","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.0","@kong/kongponents":"9.0.0-pr.1804.26905eed.0","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.2"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.9-pr.977.a02086d0.0","_integrity":"sha512-BIVo8n1p9+lFV8tCva+cJPhFBFvZEyi4AwCfO9KTOzMmplbffvheEBlXXWvAiXnFi4EPHas0C90+hOzyZZfJYw==","_resolved":"/tmp/ea09ac27267cce616329305852fe8ac5/kong-ui-public-copy-uuid-2.0.9-pr.977.a02086d0.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.9-pr.977.a02086d0.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-BIVo8n1p9+lFV8tCva+cJPhFBFvZEyi4AwCfO9KTOzMmplbffvheEBlXXWvAiXnFi4EPHas0C90+hOzyZZfJYw==","shasum":"8669c7e119eeab0993f906ab6e146f4a987e1dfb","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.9-pr.977.a02086d0.0.tgz","fileCount":16,"unpackedSize":39593,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIArwBkW8HT/z3p4MeMkUA5tjMlI1TSqCIjlNlnxouFJSAiAqgIFt7dIjICKWTA3l2h/98oTp77DQ2IhkEFt3ACLNKA=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.9-pr.977.a02086d0.0_1701469200880_0.6862693869450229"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.9-pr.977.82dcc206.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.9-pr.977.82dcc206.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-pr.1804.26905eed.0","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.0","@kong/kongponents":"9.0.0-pr.1804.26905eed.0","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.2"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.9-pr.977.82dcc206.0","_integrity":"sha512-mPTmsZS8DnyHM/lth4ZUSzGWuPIAuUZ2dbF/BR8lFlL+PJHGjhzrxAMOxuWJG0BmIPB6d9Y2uZDXNatMHAEVSQ==","_resolved":"/tmp/d5cf9cfe2c06d02dc3a01b22d66b3083/kong-ui-public-copy-uuid-2.0.9-pr.977.82dcc206.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.9-pr.977.82dcc206.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-mPTmsZS8DnyHM/lth4ZUSzGWuPIAuUZ2dbF/BR8lFlL+PJHGjhzrxAMOxuWJG0BmIPB6d9Y2uZDXNatMHAEVSQ==","shasum":"16dfc60f31c85cc31d8ab1d79cb4879d879058fa","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.9-pr.977.82dcc206.0.tgz","fileCount":16,"unpackedSize":39593,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCcHasdRKj0qqzuPNWg9C37K/2eRtrU1GoQDq2MDRgadQIhAPqy+xZhtJwg0VxKADrJ0Y62dCwmrexPinxBVz6SWCRR"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.9-pr.977.82dcc206.0_1701703280042_0.218002440693839"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.9-pr.977.ef54c09b.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.9-pr.977.ef54c09b.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-pr.1804.26905eed.0","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.0","@kong/kongponents":"9.0.0-pr.1804.26905eed.0","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.2"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.9-pr.977.ef54c09b.0","_integrity":"sha512-2nZl+jMKesl8MXjVhyVwcNvO8wWJwo8TrEOC0AtT4NUE8+SsLqK7RENDoB6ku3cmXErUMisGDGwz0Ozvz6ZUNw==","_resolved":"/tmp/8511cbce6b9464b5e9192dd2d35e8839/kong-ui-public-copy-uuid-2.0.9-pr.977.ef54c09b.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.9-pr.977.ef54c09b.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-2nZl+jMKesl8MXjVhyVwcNvO8wWJwo8TrEOC0AtT4NUE8+SsLqK7RENDoB6ku3cmXErUMisGDGwz0Ozvz6ZUNw==","shasum":"8e089e324adc611b4c2b22564d82147178df24b4","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.9-pr.977.ef54c09b.0.tgz","fileCount":16,"unpackedSize":39593,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFPevZTPShip6pbTKdd0oACrxBWt3k6PMj2vby3dN5KTAiAKHI6/XDG1nspqcaOg/k9/DxI20PizEMrNrUPSm9k+4Q=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.9-pr.977.ef54c09b.0_1701722393296_0.03661127719145951"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.9-pr.977.7bf81787.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.9-pr.977.7bf81787.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-pr.1804.26905eed.0","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.0","@kong/kongponents":"9.0.0-pr.1804.26905eed.0","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.2"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.9-pr.977.7bf81787.0","_integrity":"sha512-ZBiK2gNJT9UAGUduE33OQbbn4bT4nh8+xUgykGvjW+lQDNHo8dTUe8kmD88Cwm39WJ4Tvw6h0QmbJRbdbGJcLw==","_resolved":"/tmp/ccc77a117903f89ea7e9637bab0f03b0/kong-ui-public-copy-uuid-2.0.9-pr.977.7bf81787.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.9-pr.977.7bf81787.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-ZBiK2gNJT9UAGUduE33OQbbn4bT4nh8+xUgykGvjW+lQDNHo8dTUe8kmD88Cwm39WJ4Tvw6h0QmbJRbdbGJcLw==","shasum":"d56aaa273b4e887e0678f86d6953e03763c1245c","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.9-pr.977.7bf81787.0.tgz","fileCount":16,"unpackedSize":39593,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD3aSHqcxlT6bkcsn+UtBebQMCeV9rJJDQurzIgTABhLgIgEWeSU5Kbw7htM3WUzKuYIsxN9bGDzcgJfWrX9DRhLsA="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.9-pr.977.7bf81787.0_1701783854361_0.265177891987735"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.9-pr.977.acf96f02.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.9-pr.977.acf96f02.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-pr.1804.26905eed.0","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.0","@kong/kongponents":"9.0.0-pr.1804.26905eed.0","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.2"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.9-pr.977.acf96f02.0","_integrity":"sha512-MVKdZmaRANr58u98RIS2roOWDgK4QSiGaJ8btuCi4wTSVMbi1f+DOd3KPSVXL3VDMu4FoatCPlR/gyNME5k4vw==","_resolved":"/tmp/8f2a18de6a5faba9c61d31455d869237/kong-ui-public-copy-uuid-2.0.9-pr.977.acf96f02.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.9-pr.977.acf96f02.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-MVKdZmaRANr58u98RIS2roOWDgK4QSiGaJ8btuCi4wTSVMbi1f+DOd3KPSVXL3VDMu4FoatCPlR/gyNME5k4vw==","shasum":"f409dfd791086907eb27f10f37cca4e5b8f25b53","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.9-pr.977.acf96f02.0.tgz","fileCount":16,"unpackedSize":39593,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICL3NqlylyKe0SWGMYtWWvWErsoHOAFJXcoUcXTGc0LTAiAUSeruUmT3RJa+w5oQ17GLchLMXMXnzCvRfeWW6+yTAA=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.9-pr.977.acf96f02.0_1701785495724_0.7663001216471079"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.9-pr.977.b572c462.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.9-pr.977.b572c462.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-pr.1804.26905eed.0","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.0","@kong/kongponents":"9.0.0-alpha.68","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.2"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.9-pr.977.b572c462.0","_integrity":"sha512-7OCWo2xwxrUhxiGMvjJL6Qxy2LPtSjNDFiJpPQ3zDZXOTA5yX8JxB9RoPgGPQztqIGX6BuFczEqmHM0mOhwMLw==","_resolved":"/tmp/1ae39db8825f2e633bc48b304aab5373/kong-ui-public-copy-uuid-2.0.9-pr.977.b572c462.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.9-pr.977.b572c462.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-7OCWo2xwxrUhxiGMvjJL6Qxy2LPtSjNDFiJpPQ3zDZXOTA5yX8JxB9RoPgGPQztqIGX6BuFczEqmHM0mOhwMLw==","shasum":"aafdc85e707c9f0e71b9ccc99d2210e04920a190","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.9-pr.977.b572c462.0.tgz","fileCount":16,"unpackedSize":39583,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHfEC+ocSZcPJQJc/jAtfewkeF/5Pjx8l+3t4xQnH8+0AiEA0fxTHQzo9DqdbpSeM+AXP9FQjExw/kQNIwGtV782Wk4="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.9-pr.977.b572c462.0_1701788377949_0.34707258895273285"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.9":{"name":"@kong-ui-public/copy-uuid","version":"2.0.9","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-pr.1804.26905eed.0","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.0","@kong/kongponents":"9.0.0-alpha.68","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.2"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.9","_integrity":"sha512-ou15qaelpKgu9U3fdyHi1jZ3w8YC6eQaI/h2uYtpfU9DNZnTfFUxv40/gmM8AkYpvd6t9/BE0cMCeSg5szRnnA==","_resolved":"/tmp/227e2742e2139005aa3c3898da874edb/kong-ui-public-copy-uuid-2.0.9.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.9.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-ou15qaelpKgu9U3fdyHi1jZ3w8YC6eQaI/h2uYtpfU9DNZnTfFUxv40/gmM8AkYpvd6t9/BE0cMCeSg5szRnnA==","shasum":"319a90c467530fca3407161ea22f371eb88b98bf","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.9.tgz","fileCount":16,"unpackedSize":39565,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCGFCxlJv4/M+pjx6+J+lwyRTac37Qd6bCcp/3xB9HRDgIhAJoG5LsxzNblQ/cq+T+RUZEqIqHrL/yxDQd8IMHTgiWn"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.9_1701790302920_0.8739501673632992"},"_hasShrinkwrap":false},"2.0.10-pr.986.0b8854b0.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.10-pr.986.0b8854b0.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.68","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.0","@kong/kongponents":"9.0.0-alpha.68","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.2"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.10-pr.986.0b8854b0.0","_integrity":"sha512-BlW+Fhqn8i3IXegEJqSP0Gt7aEt6JzD3UdAQyrh72a9ZXDFFTKuU4ng/EBVtwPmFAhi5Qc9pQbvLdYEA0BZQ4w==","_resolved":"/tmp/c336ac572fe16294145d820a3c980f3e/kong-ui-public-copy-uuid-2.0.10-pr.986.0b8854b0.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.10-pr.986.0b8854b0.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-BlW+Fhqn8i3IXegEJqSP0Gt7aEt6JzD3UdAQyrh72a9ZXDFFTKuU4ng/EBVtwPmFAhi5Qc9pQbvLdYEA0BZQ4w==","shasum":"a5257b7ab3a76728aa7bc9764a95832acf16e634","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.10-pr.986.0b8854b0.0.tgz","fileCount":16,"unpackedSize":39574,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDeS2Qrz0W/LsfxLAhbS9iVH+XLXErMCRxUtIn3CAklBAIhAKWyqwAkdQg6mI+MyJrsSLRh7ZtHEOq6JoLaNPzL9TOr"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.10-pr.986.0b8854b0.0_1701815407652_0.07639658118618509"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.10":{"name":"@kong-ui-public/copy-uuid","version":"2.0.10","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.68","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.0","@kong/kongponents":"9.0.0-alpha.68","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.2"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.10","_integrity":"sha512-j9ahuAmCChf6ZDhv+t47ouRGfnvGoFEkUlV78/SpSLETYPG1KI9yQt7i9ulDQ1LibQaMnxduZv4YHZxPay7oUg==","_resolved":"/tmp/486b551c60142428a25a5c99c0291fde/kong-ui-public-copy-uuid-2.0.10.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.10.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-j9ahuAmCChf6ZDhv+t47ouRGfnvGoFEkUlV78/SpSLETYPG1KI9yQt7i9ulDQ1LibQaMnxduZv4YHZxPay7oUg==","shasum":"0e9bfacda19bcbf884d662a1c6e85b311fac6375","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.10.tgz","fileCount":16,"unpackedSize":39556,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA2geXmyO7QSm90LYMGoo21Tl6SZdl/+80X5vBwUY1/4AiEA9ttHxkkOPkaRNGWjd4p1wIneamNdqKGS+viNKNj2uIM="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.10_1701816936710_0.07097676555500598"},"_hasShrinkwrap":false},"2.0.11-pr.985.da712cf1.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.11-pr.985.da712cf1.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-pr.1893.90ccb647.0","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.0","@kong/kongponents":"9.0.0-pr.1893.90ccb647.0","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.2"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.11-pr.985.da712cf1.0","_integrity":"sha512-M+12MJ9CRwa5u0oiUa4qCA+AtxIvHjInaumL/lLUCHRdT7AbfGJZjZI79UN+HMf0yz64BMG07EuMiTEUI8Uqzg==","_resolved":"/tmp/fe490858a4ef4a4a5966e7338a652ffd/kong-ui-public-copy-uuid-2.0.11-pr.985.da712cf1.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.11-pr.985.da712cf1.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-M+12MJ9CRwa5u0oiUa4qCA+AtxIvHjInaumL/lLUCHRdT7AbfGJZjZI79UN+HMf0yz64BMG07EuMiTEUI8Uqzg==","shasum":"3d65aac4166a430f92198ffdf438758350317ded","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.11-pr.985.da712cf1.0.tgz","fileCount":16,"unpackedSize":39594,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDw5ftYxh0OPBUQlbS1fq3yfhr4SWD3ElL+LYN8dPumMAiA71doP6TilDIO1NvMXCc4O4tWTIaSOqtevrbnYbWqBlw=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.11-pr.985.da712cf1.0_1701879199688_0.9468567638622931"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.11-pr.985.e37a05c6.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.11-pr.985.e37a05c6.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-pr.1893.90ccb647.0","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.0","@kong/kongponents":"9.0.0-pr.1893.fef6bf8f.0","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.2"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.11-pr.985.e37a05c6.0","_integrity":"sha512-C/KGFkZtXvHjEXJVmTqqv/qxL/ypFlzicEm8r4pulAeLESN4DyHG9hQC9XmN2ruLmfp42VN8GxU45sTnvsr1xw==","_resolved":"/tmp/018fa0cf3e99efaaf6cd80bb9c978761/kong-ui-public-copy-uuid-2.0.11-pr.985.e37a05c6.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.11-pr.985.e37a05c6.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-C/KGFkZtXvHjEXJVmTqqv/qxL/ypFlzicEm8r4pulAeLESN4DyHG9hQC9XmN2ruLmfp42VN8GxU45sTnvsr1xw==","shasum":"069214ea9ad646c9c783a2de66c7273434dbf8f5","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.11-pr.985.e37a05c6.0.tgz","fileCount":16,"unpackedSize":39594,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFdmcgs/FH3JpzQqFXezuA9lD6294f06ptry9t2B3jxyAiAXVhNgW+GabK6kgCvyI6szSeFRsmf922i9rg9bPFY9ag=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.11-pr.985.e37a05c6.0_1701886630078_0.3836071608661935"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.11-pr.985.1feebfc7.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.11-pr.985.1feebfc7.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-pr.1893.90ccb647.0","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.0","@kong/kongponents":"9.0.0-pr.1893.fef6bf8f.0","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.2"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.11-pr.985.1feebfc7.0","_integrity":"sha512-TV4vyqbXFaRYpSShw3xwQluMU4iSZURCl38csL9hMBH9rQ9LQH4KD9J2YtxEhIkKSDIMbpn3cXirfjqYK1aO8Q==","_resolved":"/tmp/d22de5feabed068e5fa8fe332e97bb14/kong-ui-public-copy-uuid-2.0.11-pr.985.1feebfc7.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.11-pr.985.1feebfc7.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-TV4vyqbXFaRYpSShw3xwQluMU4iSZURCl38csL9hMBH9rQ9LQH4KD9J2YtxEhIkKSDIMbpn3cXirfjqYK1aO8Q==","shasum":"0f9ef586f3fb3bd7fe8844b658696f2d53f99f6c","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.11-pr.985.1feebfc7.0.tgz","fileCount":16,"unpackedSize":39594,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDNPpVrkNFbsn+mwwXYqnSHgtyo27evCyg4cikuC2NdmwIhANsrOal3ClqSHAAGzLBgtQZw8ljw/Nif1HSsR9FnQRW0"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.11-pr.985.1feebfc7.0_1701892623732_0.7228934259329789"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.11-pr.940.259594a3.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.11-pr.940.259594a3.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.68","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.0","@kong/kongponents":"9.0.0-alpha.68","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.2"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.11-pr.940.259594a3.0","_integrity":"sha512-rRakcNrDeiLPynF6tL0DzIi9/XZyz69i+ZKNKD8X9LpiPXbdVGuduW5BHbtlLZDU0LEM6xKAplGtW4wtj1Eixw==","_resolved":"/tmp/9d373c6fdc45ef9afd96e07ccf87a120/kong-ui-public-copy-uuid-2.0.11-pr.940.259594a3.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.11-pr.940.259594a3.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-rRakcNrDeiLPynF6tL0DzIi9/XZyz69i+ZKNKD8X9LpiPXbdVGuduW5BHbtlLZDU0LEM6xKAplGtW4wtj1Eixw==","shasum":"e440c3b03665eb1a171b81a55dabdda6f308461b","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.11-pr.940.259594a3.0.tgz","fileCount":16,"unpackedSize":39574,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCyqdlHgWJazsasZZuXFGI5+ankLcuxMJ5slRbysDJZcgIhAL6913IvlNPa8Y5BMy1qjdPzV8HU7Y7y/kiBFOChtQjW"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.11-pr.940.259594a3.0_1701900913644_0.24527685753600892"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.11-pr.985.2cb1a54c.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.11-pr.985.2cb1a54c.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-pr.1893.90ccb647.0","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.0","@kong/kongponents":"9.0.0-pr.1893.fef6bf8f.0","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.2"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.11-pr.985.2cb1a54c.0","_integrity":"sha512-I4c/cqH45h7qYoYOl/yf/ry7pFwE01oqkEE47wWfAX63/anb9DoGB9pGKSQK6eZ4CizavTzGKUoApL0dc0vnNQ==","_resolved":"/tmp/cdb8c0ad37799b2b6480847bda2c2b64/kong-ui-public-copy-uuid-2.0.11-pr.985.2cb1a54c.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.11-pr.985.2cb1a54c.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-I4c/cqH45h7qYoYOl/yf/ry7pFwE01oqkEE47wWfAX63/anb9DoGB9pGKSQK6eZ4CizavTzGKUoApL0dc0vnNQ==","shasum":"02d9f4ce9b9399a442c6eda688df9535c76bed41","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.11-pr.985.2cb1a54c.0.tgz","fileCount":16,"unpackedSize":39594,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDm3M8YG4SlSO/RDfhdIHHNW59n4v6yCagduG51w3y+QQIhAPF+Fow6GZelzGIkzIiO4CW4VLwNFtb+3erCz79mChjD"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.11-pr.985.2cb1a54c.0_1701958757066_0.30033366637358005"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.11":{"name":"@kong-ui-public/copy-uuid","version":"2.0.11","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.68","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.1","@kong/kongponents":"9.0.0-alpha.68","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.3"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.11","_integrity":"sha512-Nf+MGvXSgIPGXa+t+hWfHeZxLzt6Rq4PpkQhpPO+l3jJVG/PFJKPvjnt1F73ErlmkdAwJBX6dVSySPdcax9uEg==","_resolved":"/tmp/2638b0a3e9761087b993c77411caaf95/kong-ui-public-copy-uuid-2.0.11.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.11.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-Nf+MGvXSgIPGXa+t+hWfHeZxLzt6Rq4PpkQhpPO+l3jJVG/PFJKPvjnt1F73ErlmkdAwJBX6dVSySPdcax9uEg==","shasum":"05513106e29a351ec622162d754686fe2173500c","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.11.tgz","fileCount":16,"unpackedSize":39541,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDcJfkNXHlZd/deqO4KscpjTXJr+vsVwmJn/1qu3Yt89wIhAKS+IVbwwr3Na4Kol/KjRpE3s/gq4QoNutNZZpETH67x"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.11_1701965492600_0.2616435893267248"},"_hasShrinkwrap":false},"2.0.12-pr.985.f73a9541.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.12-pr.985.f73a9541.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-pr.1893.90ccb647.0","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.1","@kong/kongponents":"9.0.0-pr.1893.1002cdf3.0","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.3"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.12-pr.985.f73a9541.0","_integrity":"sha512-ijR2TMnbbUSy3WBfTHx0aHq7k/CyfTrHV/S/taQl0JnFuXKmma5BRG/Tz4PzW02ZIdWrHrBqn5Ca8vwPHsPWOw==","_resolved":"/tmp/ae7af69e5f39b35f695c47ee092c1f5d/kong-ui-public-copy-uuid-2.0.12-pr.985.f73a9541.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.12-pr.985.f73a9541.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-ijR2TMnbbUSy3WBfTHx0aHq7k/CyfTrHV/S/taQl0JnFuXKmma5BRG/Tz4PzW02ZIdWrHrBqn5Ca8vwPHsPWOw==","shasum":"e45c92cbd7996d320130849c425c82436dd8dafb","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.12-pr.985.f73a9541.0.tgz","fileCount":16,"unpackedSize":39579,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC2zatIc0aySlQn4TVlymIWmFFhglMx3sqQqk9OpNKdugIhAMJFeADSUvYoDVNFHlFTjodEB6qU43q2AN2UhjfZTZ8X"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.12-pr.985.f73a9541.0_1701980056985_0.3017529319140706"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.12-pr.940.556d698b.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.12-pr.940.556d698b.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.68","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.1","@kong/kongponents":"9.0.0-alpha.68","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.3"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.12-pr.940.556d698b.0","_integrity":"sha512-81Hg3bOZXls8Gfnj4ij1nyRqTto5TDeUaOPAmGG4iSNFZlsHZiaVQ6kvrBZlNenDKn1fjTOT0ZTnUqXKYio9KQ==","_resolved":"/tmp/a42f62926a13c92400cb7a28a684cd2d/kong-ui-public-copy-uuid-2.0.12-pr.940.556d698b.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.12-pr.940.556d698b.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-81Hg3bOZXls8Gfnj4ij1nyRqTto5TDeUaOPAmGG4iSNFZlsHZiaVQ6kvrBZlNenDKn1fjTOT0ZTnUqXKYio9KQ==","shasum":"9723375a0cd58e6753237b72aa4bb63320ea4083","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.12-pr.940.556d698b.0.tgz","fileCount":16,"unpackedSize":39559,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHgLpypuNF2ycGhibkDODSw0DYrUNckzrdriiB189frqAiB0HhqRqOpazOikIdoTgk0h+bV8u9QCT0+qPkloznUUoQ=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.12-pr.940.556d698b.0_1701998511237_0.33095235929012023"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.12-pr.940.c4cc004d.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.12-pr.940.c4cc004d.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.68","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.1","@kong/kongponents":"9.0.0-alpha.68","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.3"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.12-pr.940.c4cc004d.0","_integrity":"sha512-UfJjRCBvfQPnMALC36L57EIqcXFxLkn/gjqL0TZ6jmS/ra8ai0N1optadd5U7VPW0JBv3TaX+Wdrx37W6FQ2lg==","_resolved":"/tmp/c4aecceb87dde611e288cf805dae1bc1/kong-ui-public-copy-uuid-2.0.12-pr.940.c4cc004d.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.12-pr.940.c4cc004d.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-UfJjRCBvfQPnMALC36L57EIqcXFxLkn/gjqL0TZ6jmS/ra8ai0N1optadd5U7VPW0JBv3TaX+Wdrx37W6FQ2lg==","shasum":"358e441fc03bca003d24659b47c1b10c3c721db6","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.12-pr.940.c4cc004d.0.tgz","fileCount":16,"unpackedSize":39559,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDHKqzLTn5azZCAwvDnEALfW+TNtQ5ErWsVxtE4ZbiIOAIgbxfgeAW27e593RpgIA8LN2IQcRQIstLO5rlAjawSPhM="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.12-pr.940.c4cc004d.0_1702012713710_0.8936239686812988"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.12-pr.940.b156d195.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.12-pr.940.b156d195.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.68","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.1","@kong/kongponents":"9.0.0-alpha.68","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.3"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.12-pr.940.b156d195.0","_integrity":"sha512-woSZchTtEZF68ejjlCpP+kfqY5sv1MqQt9G3+0dAoqMZObGkXTpUgLBatO/eRZtcq82woDc80ghqt3dD3ve/Pg==","_resolved":"/tmp/3cfab969e6341355981ea942ed557553/kong-ui-public-copy-uuid-2.0.12-pr.940.b156d195.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.12-pr.940.b156d195.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-woSZchTtEZF68ejjlCpP+kfqY5sv1MqQt9G3+0dAoqMZObGkXTpUgLBatO/eRZtcq82woDc80ghqt3dD3ve/Pg==","shasum":"db8eaeb2a59cb64d067ff93c4cf27fdea63b4f6b","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.12-pr.940.b156d195.0.tgz","fileCount":16,"unpackedSize":39559,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBPRMIxu4zbeDioG9gTd6liNQXPTNSYsABPZOgHSsqgGAiEA4dnFgQebToOg3z0/4BgQVDL8sxJlFOO4jKjGKigtY9c="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.12-pr.940.b156d195.0_1702013649331_0.1991449075686138"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.12-pr.940.53edc549.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.12-pr.940.53edc549.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.68","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.1","@kong/kongponents":"9.0.0-alpha.68","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.3"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.12-pr.940.53edc549.0","_integrity":"sha512-bBaHa1eOxu1VmY3dxCxo8yWq0DPHWlVdEXgAV+U2m970+3Y7q/5+GfLINPnP1+QF6aDWqsStWhr4hpEp1bWg2g==","_resolved":"/tmp/1b303ce79156fb701640faf5e3e3f73a/kong-ui-public-copy-uuid-2.0.12-pr.940.53edc549.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.12-pr.940.53edc549.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-bBaHa1eOxu1VmY3dxCxo8yWq0DPHWlVdEXgAV+U2m970+3Y7q/5+GfLINPnP1+QF6aDWqsStWhr4hpEp1bWg2g==","shasum":"1a1c60abe5af4c89a745d1bd0c3a79042e583c0e","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.12-pr.940.53edc549.0.tgz","fileCount":16,"unpackedSize":39559,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDJtD77RdcpP+jH669VUzE4N53kI+z5UCGvIYxAInLZfAiBSIX/5QyiZ9MZg4bvALgnHWnB3lTuvGQWItOFQJ9PAkg=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.12-pr.940.53edc549.0_1702014470765_0.09760113062511633"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.12-pr.940.15f61367.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.12-pr.940.15f61367.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.68","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.1","@kong/kongponents":"9.0.0-alpha.68","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.3"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.12-pr.940.15f61367.0","_integrity":"sha512-QJR2zVF9QvPxj86aXTBQ2HuEb7moSN5CjXLiGjsiC1uhvD7+4AZo/H+7AgkwyA+wy2pE/ad6+2hWj7dnxf4zxA==","_resolved":"/tmp/b5ecbca16003f13fdf23efd6286167fd/kong-ui-public-copy-uuid-2.0.12-pr.940.15f61367.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.12-pr.940.15f61367.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-QJR2zVF9QvPxj86aXTBQ2HuEb7moSN5CjXLiGjsiC1uhvD7+4AZo/H+7AgkwyA+wy2pE/ad6+2hWj7dnxf4zxA==","shasum":"0864b31b95c3d53e7b81313a7967b3dace098ad1","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.12-pr.940.15f61367.0.tgz","fileCount":16,"unpackedSize":39559,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDTYggTFOO8PuImP3RK5xMVZZgZZUhi0Vmvly0vNgp44QIhAOjioGGmqM3/yg8WptwpHxUyBK7yA+Ksm/OAzMaUL9Dz"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.12-pr.940.15f61367.0_1702014956562_0.3515085774947093"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.12-pr.985.b271c422.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.12-pr.985.b271c422.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.1","@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.3"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.12-pr.985.b271c422.0","_integrity":"sha512-ys8R2B1pIIhZgTT+bIPFt2e3yj4v2d5A77I4CL7xirflFf9lPzekliIhx+y9a5bTxpda2ozxEo55nzBS+2jG4w==","_resolved":"/tmp/902721cbe635d5a1a1d01041fab736eb/kong-ui-public-copy-uuid-2.0.12-pr.985.b271c422.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.12-pr.985.b271c422.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-ys8R2B1pIIhZgTT+bIPFt2e3yj4v2d5A77I4CL7xirflFf9lPzekliIhx+y9a5bTxpda2ozxEo55nzBS+2jG4w==","shasum":"8e7eda99f43fa5e766f4718babb42f58be25e13a","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.12-pr.985.b271c422.0.tgz","fileCount":16,"unpackedSize":39559,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDGAgqwrl2lsbK1dZjcTaq6bQ6QMzmWb5JWyDQ6oA/8tAiEA9D77qUA2ok/1xe6K2uA4dnK663owzJeZvGmzPqXflx4="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.12-pr.985.b271c422.0_1702046611497_0.34408027661970797"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.12-pr.985.7e56585c.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.12-pr.985.7e56585c.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.1","@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.3"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.12-pr.985.7e56585c.0","_integrity":"sha512-jwgwhhO/JJtFGQlRjc0GRztPdWBLleS7LSG/VZc7QN4VIC4EV/98lXW+sAy4PIqQoEpkjaJBEFEwEjmGSPiouw==","_resolved":"/tmp/e746d7b3ed43ace4c2d8587f26ff5f41/kong-ui-public-copy-uuid-2.0.12-pr.985.7e56585c.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.12-pr.985.7e56585c.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-jwgwhhO/JJtFGQlRjc0GRztPdWBLleS7LSG/VZc7QN4VIC4EV/98lXW+sAy4PIqQoEpkjaJBEFEwEjmGSPiouw==","shasum":"59b6679369838d943c49b88b86853ecd5f7cb217","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.12-pr.985.7e56585c.0.tgz","fileCount":16,"unpackedSize":39559,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGopAQuyRPhtxCHLx7LKzeBm5dEFUypLsDTjF/cfl0xlAiEA6KVgNKYHWwmOer1NEEi2L3m7aa5v1K7dhyDPFdMciTI="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.12-pr.985.7e56585c.0_1702064527937_0.016221690914178133"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.12":{"name":"@kong-ui-public/copy-uuid","version":"2.0.12","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.1","@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.3"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.12","_integrity":"sha512-J1887W5dN+4a0mK0qAAqVsD1g3nri/d/RmiKWneZnpYX2rFKQWTrRuwU0wNuvNB7qHMKCL2DITzDdnCAhpenCw==","_resolved":"/tmp/02b04d998401fc11b1d24981425c109e/kong-ui-public-copy-uuid-2.0.12.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.12.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-J1887W5dN+4a0mK0qAAqVsD1g3nri/d/RmiKWneZnpYX2rFKQWTrRuwU0wNuvNB7qHMKCL2DITzDdnCAhpenCw==","shasum":"db96d8f79bf2cdc5071a2cd21c525cd6bec81c44","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.12.tgz","fileCount":16,"unpackedSize":39541,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD3Tbn7cbmxcs4XDaPln+Iabl8NH/p1KDLKqNDgFtXSgwIhANlnT+zKpr7AYKjx/uZgzJHjoefsZk/J9x7MgJLD2wE5"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.12_1702066099827_0.9207350557738097"},"_hasShrinkwrap":false},"2.0.13-pr.940.180f514f.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.13-pr.940.180f514f.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.1","@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.3"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.13-pr.940.180f514f.0","_integrity":"sha512-idUEMEiyPcxSsM6la4R9a3sOOw2MJdPnguIA9oV2Zf5GCs30aQMMTkT0Fzhfofa7HMC5s47QWs71sWt9msYWLA==","_resolved":"/tmp/0e4eb1b199b724a42c456ff3c46eeaae/kong-ui-public-copy-uuid-2.0.13-pr.940.180f514f.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.13-pr.940.180f514f.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-idUEMEiyPcxSsM6la4R9a3sOOw2MJdPnguIA9oV2Zf5GCs30aQMMTkT0Fzhfofa7HMC5s47QWs71sWt9msYWLA==","shasum":"a924a8f1846aac36dacf307634aade97614bee60","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.13-pr.940.180f514f.0.tgz","fileCount":16,"unpackedSize":39559,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDMUGkLLOorx0h38Brymuv8v+iYIlmWOpHqSeqTLl7PDAIhANgpLjZgtagh5zTLKGVlOU14oa3aSfWvAan5ELTa9lDT"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.13-pr.940.180f514f.0_1702335970340_0.9605709157657878"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.13-pr.940.acd24b17.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.13-pr.940.acd24b17.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.1","@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.3"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.13-pr.940.acd24b17.0","_integrity":"sha512-bQ4LOhMRT+jZ3vNIz9ThzgaokvIn9l5NAoMH5WOvcc7PsMvu3yZgA7vQ6p11fHS7rWFpFTTaF0fyvYuNFZRpjA==","_resolved":"/tmp/26726cc31649482efb722bda2cbe693e/kong-ui-public-copy-uuid-2.0.13-pr.940.acd24b17.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.13-pr.940.acd24b17.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-bQ4LOhMRT+jZ3vNIz9ThzgaokvIn9l5NAoMH5WOvcc7PsMvu3yZgA7vQ6p11fHS7rWFpFTTaF0fyvYuNFZRpjA==","shasum":"fcf7aea961adcbc4b987f44fefb23d45cfdf60f4","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.13-pr.940.acd24b17.0.tgz","fileCount":16,"unpackedSize":39559,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHen+rxaJfuj0x5jqwiWpCIk/3vlHVs7j9Cw5kdub3WoAiEAjrJu9DUjwq/pe2t9rX5n4Z1nFzY3z9eNAw5VyJV7s2w="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.13-pr.940.acd24b17.0_1702338222970_0.1229219788498741"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.13-pr.940.4a430919.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.13-pr.940.4a430919.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.1","@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.3"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.13-pr.940.4a430919.0","_integrity":"sha512-LUqFzWqhAe0z5L0wRyTTnrCovRYu+EuCnMZLF9SfPEh+hpIYu5zwh37tgSv7Jd4u/kaqTgVht+0tY3x0z8eMxg==","_resolved":"/tmp/ccb2511b5d57fda9a9036d90ad4e5a2d/kong-ui-public-copy-uuid-2.0.13-pr.940.4a430919.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.13-pr.940.4a430919.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-LUqFzWqhAe0z5L0wRyTTnrCovRYu+EuCnMZLF9SfPEh+hpIYu5zwh37tgSv7Jd4u/kaqTgVht+0tY3x0z8eMxg==","shasum":"79ad83c09842df3450996c7c2548322ba9040fa2","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.13-pr.940.4a430919.0.tgz","fileCount":16,"unpackedSize":39559,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCOKU1qoOE5hgofVULOrw/Ked2pcWNNCSYWwFsahstAJQIhAOzp7UCceay013tnLrPzlpVPzhoBBhDmBYJLAylB0kz1"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.13-pr.940.4a430919.0_1702351085545_0.6554613388900599"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.13-pr.940.5e207383.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.13-pr.940.5e207383.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.1","@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.3"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.13-pr.940.5e207383.0","_integrity":"sha512-jXEBcGKFcUFlsiftagBNuYFDjAue1x5dPY7Yj/P0WkncKX1WwPy30fQ5LSW8M/N/moWGqgjGPspQy74M7Uf39g==","_resolved":"/tmp/1a72f4c3f90816046d083e7c40d18eeb/kong-ui-public-copy-uuid-2.0.13-pr.940.5e207383.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.13-pr.940.5e207383.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-jXEBcGKFcUFlsiftagBNuYFDjAue1x5dPY7Yj/P0WkncKX1WwPy30fQ5LSW8M/N/moWGqgjGPspQy74M7Uf39g==","shasum":"f2203bb9cac9472e8c440fcc3d98a70b9b9417e2","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.13-pr.940.5e207383.0.tgz","fileCount":16,"unpackedSize":39559,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCnEFkUj+KLCGmH/m6mbVlOdrIXmCvybcyXAaTNYCOFywIgIiEp2IhCSlfOdjrGuaHvC5v165qmNCUf3SkTxgeDg/g="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.13-pr.940.5e207383.0_1702355450961_0.7042016706940546"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.13-pr.940.b45d6a3e.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.13-pr.940.b45d6a3e.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.1","@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.3"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.13-pr.940.b45d6a3e.0","_integrity":"sha512-obGddmWWtRkOOkJntvAGZJFmGub4gzJfjBTrob2iamxUS+CJLKGtyhqh1Xb9AIzk2aTKLBbxt1HfS3jheknZFw==","_resolved":"/tmp/557ecfd859d38a93b00c402ff54187a5/kong-ui-public-copy-uuid-2.0.13-pr.940.b45d6a3e.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.13-pr.940.b45d6a3e.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-obGddmWWtRkOOkJntvAGZJFmGub4gzJfjBTrob2iamxUS+CJLKGtyhqh1Xb9AIzk2aTKLBbxt1HfS3jheknZFw==","shasum":"21a432a23b84654fa75ba40b25b2a45ae3d905a4","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.13-pr.940.b45d6a3e.0.tgz","fileCount":16,"unpackedSize":39559,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICO3EluTyMa1h7+C+5RNMUqnsRQ3NPTKzonrY018mXADAiEAi3JXe/eO+KvjO6K6xaDu0cozx0H7+HxFJMgyESyZtxc="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.13-pr.940.b45d6a3e.0_1702356940863_0.03938510099168613"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.13-pr.940.13b0772b.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.13-pr.940.13b0772b.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.1","@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.3"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.13-pr.940.13b0772b.0","_integrity":"sha512-6QOhIp/hIHkF4LoTuUNYzBEOFKkn8W8v1GhAgoxVq1l5JtrrV9PDFqfMR8Xojen0dOM4mQJhjbI+hOPIrujVfA==","_resolved":"/tmp/28cf3f4a3b1c1a47ec66d7a8a832fc60/kong-ui-public-copy-uuid-2.0.13-pr.940.13b0772b.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.13-pr.940.13b0772b.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-6QOhIp/hIHkF4LoTuUNYzBEOFKkn8W8v1GhAgoxVq1l5JtrrV9PDFqfMR8Xojen0dOM4mQJhjbI+hOPIrujVfA==","shasum":"ea4ddb8418d26dfac9b1a84e54262e7d486f8234","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.13-pr.940.13b0772b.0.tgz","fileCount":16,"unpackedSize":39559,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCMNxEJo5ZdI+W7NeyP1bOljoHKA+zsRb9kHtZ0XushkgIhAIk6PHXw2I3WikrkGX6N5KFTHJ9VArzuvGL7iljcM/Bt"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.13-pr.940.13b0772b.0_1702357616712_0.35935746102394095"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.13-pr.940.1d5563c1.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.13-pr.940.1d5563c1.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.1","@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.3"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.13-pr.940.1d5563c1.0","_integrity":"sha512-fDsHzPkhrEjyE7mCxEXJUXHhMQNSpn8MFh/rUpstDzDT4ZLigx8ur7+7chEDUCvkG+8h36WUZqtRvur9NxOvhg==","_resolved":"/tmp/88b8bfd033a02f22391678fbf8bc19a8/kong-ui-public-copy-uuid-2.0.13-pr.940.1d5563c1.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.13-pr.940.1d5563c1.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-fDsHzPkhrEjyE7mCxEXJUXHhMQNSpn8MFh/rUpstDzDT4ZLigx8ur7+7chEDUCvkG+8h36WUZqtRvur9NxOvhg==","shasum":"2db7579426b52024e4f78c842b002f1956ecef0c","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.13-pr.940.1d5563c1.0.tgz","fileCount":16,"unpackedSize":39559,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDuCcblVa6dMcRLiJ4J2gUE6ZoNY7egE/8RkgH1UetgswIgMVI7N61cmvGjCL70vBJ09Y4XJmkfWKwpi6RwGmJ/xx0="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.13-pr.940.1d5563c1.0_1702363876225_0.6805138756807594"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.13-pr.940.1b2ea2c1.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.13-pr.940.1b2ea2c1.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"devDependencies":{"@kong/design-tokens":"^1.12.1","@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.4","@kong-ui-public/i18n":"^2.0.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.3"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.13-pr.940.1b2ea2c1.0","_integrity":"sha512-3z9EYPAkCkQwUQaDlhWI5+lC+0COtG0gl68xQL5lvXTCdOyhIvAsxm3O1sJ5T3MmG5L6xJqgvAb4+mFdbBj51g==","_resolved":"/tmp/d2010407925891333dc5fcd278199497/kong-ui-public-copy-uuid-2.0.13-pr.940.1b2ea2c1.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.13-pr.940.1b2ea2c1.0.tgz","_nodeVersion":"18.18.0","_npmVersion":"9.8.1","dist":{"integrity":"sha512-3z9EYPAkCkQwUQaDlhWI5+lC+0COtG0gl68xQL5lvXTCdOyhIvAsxm3O1sJ5T3MmG5L6xJqgvAb4+mFdbBj51g==","shasum":"5f02bba298a0587ae9626203233043a90ae49881","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.13-pr.940.1b2ea2c1.0.tgz","fileCount":16,"unpackedSize":39559,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFgdzBc10hb5Y/r72HbX6I7rMqNKORih3QpOY8gKtZ+wAiEAufqRzryiYvt6hehtb/t/9oFmOP5aEwPAMoG1O2KBtx4="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.13-pr.940.1b2ea2c1.0_1702414322513_0.485006393731074"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.13":{"name":"@kong-ui-public/copy-uuid","version":"2.0.13","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.9","@kong-ui-public/i18n":"^2.0.1"},"devDependencies":{"@kong/design-tokens":"^1.12.1","@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.9","@kong-ui-public/i18n":"^2.0.1"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.3"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.13","_integrity":"sha512-PSd6nbk4P6IJSKwAgDii9LgMIcTXbbHlIBCHsicj/Ac+D34D7F1AaXbWRmxD8c/4lsW8feJ00SVsEujG9aiU5Q==","_resolved":"/tmp/7a74b554d076896dbbce930a24ee018a/kong-ui-public-copy-uuid-2.0.13.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.13.tgz","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-PSd6nbk4P6IJSKwAgDii9LgMIcTXbbHlIBCHsicj/Ac+D34D7F1AaXbWRmxD8c/4lsW8feJ00SVsEujG9aiU5Q==","shasum":"cfdc1888ba7614b148538e00b6b3327a1de26662","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.13.tgz","fileCount":16,"unpackedSize":39553,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICFRsQyDZlc1n4k4gR50pYShrxxWm4M1lTlrLhUMxAq+AiBr4ligKhLV/8Y0WrdP0+cvJHsAZVQge2A/lgC7b4BT7A=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.13_1702417413773_0.23647705170450517"},"_hasShrinkwrap":false},"2.0.14-pr.940.c376c749.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.14-pr.940.c376c749.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.9","@kong-ui-public/i18n":"^2.0.2-pr.940.c376c749.0"},"devDependencies":{"@kong/design-tokens":"^1.12.1","@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.9","@kong-ui-public/i18n":"^2.0.2-pr.940.c376c749.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.3"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.14-pr.940.c376c749.0","_integrity":"sha512-34xcaOrByO+/UBfe9muEX5/0jN13VJZPdTdSc2mCCeD5boyzSLUrnaBE/d4vvQ/ERDN99cvvaRLjMMoiBQ1ENg==","_resolved":"/tmp/f68917479f09f1fa8602d587fbcd2d35/kong-ui-public-copy-uuid-2.0.14-pr.940.c376c749.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.14-pr.940.c376c749.0.tgz","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-34xcaOrByO+/UBfe9muEX5/0jN13VJZPdTdSc2mCCeD5boyzSLUrnaBE/d4vvQ/ERDN99cvvaRLjMMoiBQ1ENg==","shasum":"8fec7846cfd0aa9a0fef10129f3f32bbb56d7e37","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.14-pr.940.c376c749.0.tgz","fileCount":16,"unpackedSize":39607,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCBgr2AZRF4Y4SEfkvBoS4WDn8pxDoVbzI8lhxpjW2CngIgdSzMPq85MNqUec9p9Wyy5pTrJbYUyI6ofznfzhksVWo="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.14-pr.940.c376c749.0_1702424498073_0.8885130037162636"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.14-pr.940.a5990db7.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.14-pr.940.a5990db7.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.9","@kong-ui-public/i18n":"^2.0.2-pr.940.a5990db7.0"},"devDependencies":{"@kong/design-tokens":"^1.12.1","@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.9","@kong-ui-public/i18n":"^2.0.2-pr.940.a5990db7.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.3"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.14-pr.940.a5990db7.0","_integrity":"sha512-QbHTz28yhkGiiFxZn1lFMoHmp8Gk6mB3a+Zq5Xq5dqCQwYzhxvwlvPj0sYAaQtabszvYaBp2SrFy3R7elxVN+Q==","_resolved":"/tmp/03dfc48b0685fb16dded9c04f9fb2c72/kong-ui-public-copy-uuid-2.0.14-pr.940.a5990db7.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.14-pr.940.a5990db7.0.tgz","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-QbHTz28yhkGiiFxZn1lFMoHmp8Gk6mB3a+Zq5Xq5dqCQwYzhxvwlvPj0sYAaQtabszvYaBp2SrFy3R7elxVN+Q==","shasum":"dd507c20f7837cc4d848dbd1d6ea0cc93d2c5990","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.14-pr.940.a5990db7.0.tgz","fileCount":16,"unpackedSize":39607,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBJDhLC4GA5xkfnbHLLhIies9AruExSpoAPUoVbuqeRaAiEA42iQXfcEqlKwuYof8C+OQ2xcnt1Hg3Hq9nyvgpm7/1U="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.14-pr.940.a5990db7.0_1702493554867_0.34366102929499887"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.14-pr.940.0fa4e316.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.14-pr.940.0fa4e316.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.9","@kong-ui-public/i18n":"^2.0.2-pr.940.0fa4e316.0"},"devDependencies":{"@kong/design-tokens":"^1.12.1","@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.9","@kong-ui-public/i18n":"^2.0.2-pr.940.0fa4e316.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.3"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.14-pr.940.0fa4e316.0","_integrity":"sha512-G+Qm+SucMSnBGHzXQ6UlphfT2HwYekRb4B5V5frNe0rZxZ8hwbBSICV5COE0s5PGNH/XtrYMoCW8r4ikpfcFxA==","_resolved":"/tmp/6ba6b8c9e8441d6e6bd835f7fcbd012e/kong-ui-public-copy-uuid-2.0.14-pr.940.0fa4e316.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.14-pr.940.0fa4e316.0.tgz","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-G+Qm+SucMSnBGHzXQ6UlphfT2HwYekRb4B5V5frNe0rZxZ8hwbBSICV5COE0s5PGNH/XtrYMoCW8r4ikpfcFxA==","shasum":"b5e236ca0473792fb66ad2a0e0a32f2bb0b76f6e","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.14-pr.940.0fa4e316.0.tgz","fileCount":16,"unpackedSize":39607,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD/99JZU5xV1CNkUad7fiZWk/UhRIirMSeEHtKnqkIasAIhAOhkvcYWNuNL/Vx5opjLwgJNnR0exB3DYXOghGI5MlpE"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.14-pr.940.0fa4e316.0_1702496083152_0.8870776690253956"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.14-pr.940.7d1b408d.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.14-pr.940.7d1b408d.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.9","@kong-ui-public/i18n":"^2.0.2-pr.940.7d1b408d.0"},"devDependencies":{"@kong/design-tokens":"^1.12.1","@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.9","@kong-ui-public/i18n":"^2.0.2-pr.940.7d1b408d.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.3"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.14-pr.940.7d1b408d.0","_integrity":"sha512-4q7tSkQ8aUQuYVv9Se+AyoPeLEkerO2O97SZWLc48mal3OPyGGIBt+fyP+7LxhosLsvkYvku7/5L3VPNjtuQ9Q==","_resolved":"/tmp/f658afd38375c60115a7a4df8f37d183/kong-ui-public-copy-uuid-2.0.14-pr.940.7d1b408d.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.14-pr.940.7d1b408d.0.tgz","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-4q7tSkQ8aUQuYVv9Se+AyoPeLEkerO2O97SZWLc48mal3OPyGGIBt+fyP+7LxhosLsvkYvku7/5L3VPNjtuQ9Q==","shasum":"3ea214d4f2c7da5bd987f9d6397987e7ab85fe83","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.14-pr.940.7d1b408d.0.tgz","fileCount":16,"unpackedSize":39607,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHbE8HcIviVn03jDDHtDrr57fRAPsb5GIBxXtZIwDwuOAiEAhN/PcfHUTwd2JQM+BDc8dKCPyNRWCiMcALwTnxqWGEw="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.14-pr.940.7d1b408d.0_1702511588835_0.811406705060707"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.14-pr.940.9550673c.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.14-pr.940.9550673c.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.9","@kong-ui-public/i18n":"^2.0.2-pr.940.9550673c.0"},"devDependencies":{"@kong/design-tokens":"^1.12.1","@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.9","@kong-ui-public/i18n":"^2.0.2-pr.940.9550673c.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.3"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.14-pr.940.9550673c.0","_integrity":"sha512-Cu8suJeRQYpYZBxVZK042NLmmNWqVQuS8nYvXL3F9jggcMx/Wda2auZ/RcC+jZilrW9iixA8wILU3hRGpucTew==","_resolved":"/tmp/9853cac319f6d0c812227c1d6c7ba3c7/kong-ui-public-copy-uuid-2.0.14-pr.940.9550673c.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.14-pr.940.9550673c.0.tgz","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-Cu8suJeRQYpYZBxVZK042NLmmNWqVQuS8nYvXL3F9jggcMx/Wda2auZ/RcC+jZilrW9iixA8wILU3hRGpucTew==","shasum":"f98a45e215bd3b9c214d37d1d1db672e2695f54f","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.14-pr.940.9550673c.0.tgz","fileCount":16,"unpackedSize":39607,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDyRQ8qtWElgX32AVd64upJH16jJHfd6A+A8LsBbX/NZgIgM5U/wfVqhkbVKR1FlGCo8iyKA5cUcwdo7ZbHsg436ic="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.14-pr.940.9550673c.0_1702575532178_0.3855407118469585"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.14-pr.940.6288c5a7.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.14-pr.940.6288c5a7.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.9","@kong-ui-public/i18n":"^2.0.2-pr.940.6288c5a7.0"},"devDependencies":{"@kong/design-tokens":"^1.12.1","@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.9","@kong-ui-public/i18n":"^2.0.2-pr.940.6288c5a7.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.3"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.14-pr.940.6288c5a7.0","_integrity":"sha512-ncYDR1yM+M2LFl0odNBm/NZ50Csy7N4MXwf6khY2k1lmC20bb6BQWeDWJqWzn99r/LFu50tFRxY6xzHcknaGaA==","_resolved":"/tmp/f9bf906c872f60df813466044f2384e5/kong-ui-public-copy-uuid-2.0.14-pr.940.6288c5a7.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.14-pr.940.6288c5a7.0.tgz","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-ncYDR1yM+M2LFl0odNBm/NZ50Csy7N4MXwf6khY2k1lmC20bb6BQWeDWJqWzn99r/LFu50tFRxY6xzHcknaGaA==","shasum":"24864c8d14ce9d4f3944ad29b4821fb21459b604","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.14-pr.940.6288c5a7.0.tgz","fileCount":16,"unpackedSize":39607,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFLPSJr/bytaZqPH5VuM2dT3ytWmJbZC4cytR6ilb0slAiEAgitd7iAMPo2smQrtowr+MMZCCQpRINtOr248sXl0nJ8="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.14-pr.940.6288c5a7.0_1702586837329_0.45790041313426655"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.14-pr.940.37b4509e.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.14-pr.940.37b4509e.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.9","@kong-ui-public/i18n":"^2.0.2-pr.940.37b4509e.0"},"devDependencies":{"@kong/design-tokens":"^1.12.1","@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.9","@kong-ui-public/i18n":"^2.0.2-pr.940.37b4509e.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.3"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.14-pr.940.37b4509e.0","_integrity":"sha512-Og+coJkUMVqVEF1deMCnCTSgOgDTq1p6qJOv2x1T/imxyZtogpe4IzdrsiUJVwGnZui5KL4PTccxE64y42LI/A==","_resolved":"/tmp/097466d3d9b79200e0936fe106582877/kong-ui-public-copy-uuid-2.0.14-pr.940.37b4509e.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.14-pr.940.37b4509e.0.tgz","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-Og+coJkUMVqVEF1deMCnCTSgOgDTq1p6qJOv2x1T/imxyZtogpe4IzdrsiUJVwGnZui5KL4PTccxE64y42LI/A==","shasum":"91668b51e4a5edc83203c2ccc42ea610b529981c","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.14-pr.940.37b4509e.0.tgz","fileCount":16,"unpackedSize":39607,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDYnRhujmdO260ycrK5/HAYMu88DdqJ17JLDtEum5BUSgIgMG8nfBNCccdWyFyHHOvpvAhObwTph3kY14KqqU4qbA8="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.14-pr.940.37b4509e.0_1702588398763_0.06305264096255203"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.14-pr.940.3dc1b593.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.14-pr.940.3dc1b593.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.9","@kong-ui-public/i18n":"^2.0.2-pr.940.3dc1b593.0"},"devDependencies":{"@kong/design-tokens":"^1.12.1","@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.9","@kong-ui-public/i18n":"^2.0.2-pr.940.3dc1b593.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.3"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.14-pr.940.3dc1b593.0","_integrity":"sha512-Fn+jQCJkLoZRIzPOaDzZllYxn62omlZ3F4iT6tR7Y63JyTuv/NOx4/CgVeAbFE11uj/0/oG6+dh36ptYUAA92Q==","_resolved":"/tmp/ae70891a71eedd6daa26891b0cafc5af/kong-ui-public-copy-uuid-2.0.14-pr.940.3dc1b593.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.14-pr.940.3dc1b593.0.tgz","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-Fn+jQCJkLoZRIzPOaDzZllYxn62omlZ3F4iT6tR7Y63JyTuv/NOx4/CgVeAbFE11uj/0/oG6+dh36ptYUAA92Q==","shasum":"77e1028f66871992ddf450daec83d80b8dfc27f2","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.14-pr.940.3dc1b593.0.tgz","fileCount":16,"unpackedSize":39607,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGYHK43ApVWsotimFkjjPlYdEpXseT3FcnXrwTImUqnsAiBHKOUuTN9Z8LPpQD8xQ4V3i6LNeQf3eKQQoV+64LdtmQ=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.14-pr.940.3dc1b593.0_1702590001325_0.27773432027916223"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.14-pr.940.88e2fc35.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.14-pr.940.88e2fc35.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.9","@kong-ui-public/i18n":"^2.0.2-pr.940.88e2fc35.0"},"devDependencies":{"@kong/design-tokens":"^1.12.1","@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.9","@kong-ui-public/i18n":"^2.0.2-pr.940.88e2fc35.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.3"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.14-pr.940.88e2fc35.0","_integrity":"sha512-W1WTocbeNn8sBFVbNrdut6CEgoak0inbOtUScdMk6t9nDDG2euY5P4wH7DdUIhI7fY/ge70XSMK+xtLO2VmJOA==","_resolved":"/tmp/580d4796fbe56c1b870c10dc6c2816f1/kong-ui-public-copy-uuid-2.0.14-pr.940.88e2fc35.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.14-pr.940.88e2fc35.0.tgz","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-W1WTocbeNn8sBFVbNrdut6CEgoak0inbOtUScdMk6t9nDDG2euY5P4wH7DdUIhI7fY/ge70XSMK+xtLO2VmJOA==","shasum":"02deb65292151fc05c1132d72118f18d53a6927c","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.14-pr.940.88e2fc35.0.tgz","fileCount":16,"unpackedSize":39607,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDlZOHVjE0CAB+5Esf4EvVqXmIp1WQRCwoPyYhFnjvMfAiBs5DK+sB1mZmLrJhkIm2hsbD17BxxXU33PYfnxzvS6nQ=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.14-pr.940.88e2fc35.0_1702597665451_0.9258178267811732"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.14-pr.1012.1ad4ee19.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.14-pr.1012.1ad4ee19.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.9","@kong-ui-public/i18n":"^2.0.2-pr.1012.1ad4ee19.0"},"devDependencies":{"@kong/design-tokens":"^1.12.1","@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.9","@kong-ui-public/i18n":"^2.0.2-pr.1012.1ad4ee19.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.3"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.14-pr.1012.1ad4ee19.0","_integrity":"sha512-/HaS1aB6sCt8EgTFQyejOi97YBluRzJuHzjk0dhrXakdsvw2ProHa4fjeBV1U5Wpc3tErhA3yjN6dkEaIVKJYg==","_resolved":"/tmp/87308e3b8a60aa07662e238dc903d17d/kong-ui-public-copy-uuid-2.0.14-pr.1012.1ad4ee19.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.14-pr.1012.1ad4ee19.0.tgz","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-/HaS1aB6sCt8EgTFQyejOi97YBluRzJuHzjk0dhrXakdsvw2ProHa4fjeBV1U5Wpc3tErhA3yjN6dkEaIVKJYg==","shasum":"601de56cd4f9653cfbae68ef864fadf983f056fe","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.14-pr.1012.1ad4ee19.0.tgz","fileCount":16,"unpackedSize":39610,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG3ypa2h/dFqsplmynx2tDg34n/P/ZF2OdHYhOeIFYFYAiAvk5l8fNZsIkHgkLy0xhRhu5b1cR5TKaJ5LNcfdFH1vQ=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.14-pr.1012.1ad4ee19.0_1702893321851_0.7351118937737571"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.14-pr.1012.10b44c29.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.14-pr.1012.10b44c29.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.9","@kong-ui-public/i18n":"^2.0.2-pr.1012.10b44c29.0"},"devDependencies":{"@kong/design-tokens":"^1.12.1","@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.9","@kong-ui-public/i18n":"^2.0.2-pr.1012.10b44c29.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.3"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.14-pr.1012.10b44c29.0","_integrity":"sha512-AY1PRPiyGaNoLujN4+w65csjNlxq7HMIB6asFry9KLUGmpWjkfLJS3YwiQBNh4bEBRzNWznyZKmfoziVYTVFbg==","_resolved":"/tmp/d494fcdc5b8687d1c53dfad2c7552ae2/kong-ui-public-copy-uuid-2.0.14-pr.1012.10b44c29.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.14-pr.1012.10b44c29.0.tgz","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-AY1PRPiyGaNoLujN4+w65csjNlxq7HMIB6asFry9KLUGmpWjkfLJS3YwiQBNh4bEBRzNWznyZKmfoziVYTVFbg==","shasum":"dd9cf72599dcf77da2139c86a6e86cebda4ca61c","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.14-pr.1012.10b44c29.0.tgz","fileCount":16,"unpackedSize":39610,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID2RB5bOtyKtQjcWLpAf24ZqBkVkonO1DhB4DNvfLSRnAiBrkLQDiytQT95FEADXNj4qVqpGBRXjVW2YpPqbWJ5SUg=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.14-pr.1012.10b44c29.0_1702906011644_0.6174675604285145"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.14-pr.1008.cd7e8fc6.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.14-pr.1008.cd7e8fc6.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.11","@kong-ui-public/i18n":"^2.0.2-pr.1008.cd7e8fc6.0"},"devDependencies":{"@kong/design-tokens":"^1.12.1","@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.11","@kong-ui-public/i18n":"^2.0.2-pr.1008.cd7e8fc6.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.3"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.14-pr.1008.cd7e8fc6.0","_integrity":"sha512-2hGMNhACinJZ/czcnaKsVB/XWunEf/RIAZ8PQNPpVWhgeBVTqXzrh6B6V5JmMw9X6lVlC2eZXDsHPQ+sD4mH/Q==","_resolved":"/tmp/e01550d59488220c8553b7f5babd0c4a/kong-ui-public-copy-uuid-2.0.14-pr.1008.cd7e8fc6.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.14-pr.1008.cd7e8fc6.0.tgz","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-2hGMNhACinJZ/czcnaKsVB/XWunEf/RIAZ8PQNPpVWhgeBVTqXzrh6B6V5JmMw9X6lVlC2eZXDsHPQ+sD4mH/Q==","shasum":"46cc134463b98d821c1a5a5bc20b2901245b9f9f","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.14-pr.1008.cd7e8fc6.0.tgz","fileCount":16,"unpackedSize":39612,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA3bfENSLFdryiOsl72fACCoNz5KaVoVvBc5CVt8Wjs6AiALfLgCniaJLAQJZrl9pSxC/aGv2JEEqhcAIivsbUmaFQ=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.14-pr.1008.cd7e8fc6.0_1703001836216_0.2249050992646615"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.14":{"name":"@kong-ui-public/copy-uuid","version":"2.0.14","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.11","@kong-ui-public/i18n":"^2.0.2"},"devDependencies":{"@kong/design-tokens":"^1.12.1","@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.11","@kong-ui-public/i18n":"^2.0.2"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.3"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.14","_integrity":"sha512-F6e+RJUFQGwCzv7AVIrPNp6tfweckFk2iZNpCGntwarErKfRUEDaONlw2fczyb2iBvb5dC7hSG9162m4ifevDg==","_resolved":"/tmp/dfec071c4d777e40294c32d9e8acee9e/kong-ui-public-copy-uuid-2.0.14.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.14.tgz","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-F6e+RJUFQGwCzv7AVIrPNp6tfweckFk2iZNpCGntwarErKfRUEDaONlw2fczyb2iBvb5dC7hSG9162m4ifevDg==","shasum":"251a28727ef0d273dbb86ab727af92fc487abced","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.14.tgz","fileCount":16,"unpackedSize":39555,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIExHWPnlNsquAQm3x/J1BWi1q5+B1JPYMKd4mzCoc5N8AiBOpaUbTcoygdQojlOw1zG2vSKERYmvuasNB0wlImORfQ=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.14_1703005347590_0.8861059419395922"},"_hasShrinkwrap":false},"2.0.15-pr.1024.33965f2d.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.15-pr.1024.33965f2d.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.11","@kong-ui-public/i18n":"^2.0.2"},"devDependencies":{"@kong/design-tokens":"1.12.3","@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.11","@kong-ui-public/i18n":"^2.0.2"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.3"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.15-pr.1024.33965f2d.0","_integrity":"sha512-93dp0ZxS2r2F/sInTHX4pt8G8oRGCkRncHuk8Gt+d4JGzY5NSg0cB/6640+KB7q8mLQTI4bPzOuv6eYU99VxGg==","_resolved":"/tmp/eae645ab44f65bd38b997435ec9c588e/kong-ui-public-copy-uuid-2.0.15-pr.1024.33965f2d.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.15-pr.1024.33965f2d.0.tgz","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-93dp0ZxS2r2F/sInTHX4pt8G8oRGCkRncHuk8Gt+d4JGzY5NSg0cB/6640+KB7q8mLQTI4bPzOuv6eYU99VxGg==","shasum":"714fd0f447371c32454c9437ad2aca2d26cb844b","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.15-pr.1024.33965f2d.0.tgz","fileCount":16,"unpackedSize":39573,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEAOjcZ2E8pqPTViHXoz+NleixhttPA68Llyjg/mF50DAiEAooIRfhzoQ38WGhrfO04H264knwlfX5hOLUGQuP0Jxeo="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.15-pr.1024.33965f2d.0_1703086133185_0.17970280765652702"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.15":{"name":"@kong-ui-public/copy-uuid","version":"2.0.15","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.11","@kong-ui-public/i18n":"^2.0.2"},"devDependencies":{"@kong/design-tokens":"1.12.3","@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.11","@kong-ui-public/i18n":"^2.0.2"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.3"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.15","_integrity":"sha512-lRK7NJuwEl6J4OG0aWEfYshTdJ4uIJzHobRTEf9Q3CSsjqDTjTkC7iMZ88hEEWHi02Sc5N2SefrycEnnKqgMRg==","_resolved":"/tmp/e4dba6e8a0d9790a1aa2406cecd5ca6b/kong-ui-public-copy-uuid-2.0.15.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.15.tgz","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-lRK7NJuwEl6J4OG0aWEfYshTdJ4uIJzHobRTEf9Q3CSsjqDTjTkC7iMZ88hEEWHi02Sc5N2SefrycEnnKqgMRg==","shasum":"7899ec75269e699cc047132fc764705976e335e8","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.15.tgz","fileCount":16,"unpackedSize":39554,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD2ZH30vL8u2rYEBWlX9rjEjjOO07FDKbyB0bhhZNhivAIhAKdbio0wMfgibpI+4l9tfLyQKejb6LCRT37S3a4SocUH"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.15_1703091068056_0.725926591829507"},"_hasShrinkwrap":false},"2.0.16":{"name":"@kong-ui-public/copy-uuid","version":"2.0.16","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.11","@kong-ui-public/i18n":"^2.0.3"},"devDependencies":{"@kong/design-tokens":"1.12.3","@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.11","@kong-ui-public/i18n":"^2.0.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.3"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.16","_integrity":"sha512-XwU52J5jXw2sfXBlZ9RZ3omQlo07yyYujKaU/dSQZh0AjPrLJxpiDDqhdUvuHg42XsxLneHjqHO5n03Nx1IiSw==","_resolved":"/tmp/190e36f9730d008ef8d2786b21ee60c3/kong-ui-public-copy-uuid-2.0.16.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.16.tgz","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-XwU52J5jXw2sfXBlZ9RZ3omQlo07yyYujKaU/dSQZh0AjPrLJxpiDDqhdUvuHg42XsxLneHjqHO5n03Nx1IiSw==","shasum":"66c63db688d5916349f3424c925475212b4ccdf1","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.16.tgz","fileCount":16,"unpackedSize":39596,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICyNq2XXFr4ym+Tq3RrEAsChqvH1Civ66fAye0Lu9GQmAiBzKKTsTZ39Q6CBgfJ2fF0MnNvEj93bwRZa0KQvjxsx6A=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.16_1703167340956_0.9343681193463289"},"_hasShrinkwrap":false},"2.0.17-pr.1027.e2f9bddd.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.17-pr.1027.e2f9bddd.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.11","@kong-ui-public/i18n":"^2.0.4-pr.1027.e2f9bddd.0"},"devDependencies":{"@kong/design-tokens":"1.12.3","@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.11","@kong-ui-public/i18n":"^2.0.4-pr.1027.e2f9bddd.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.3"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.17-pr.1027.e2f9bddd.0","_integrity":"sha512-qLUF35vIUfxcsoVxNT/6Gboa2/FYCEebfnGzqn7mclyfiz0jqalVjx6+h3JlEO/JMK/LCUeTXYGTo6A1vFH+eQ==","_resolved":"/tmp/ff7491bdd4d7ed283b423f5ebbe74e93/kong-ui-public-copy-uuid-2.0.17-pr.1027.e2f9bddd.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.17-pr.1027.e2f9bddd.0.tgz","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-qLUF35vIUfxcsoVxNT/6Gboa2/FYCEebfnGzqn7mclyfiz0jqalVjx6+h3JlEO/JMK/LCUeTXYGTo6A1vFH+eQ==","shasum":"8d72ec0d3531382ba8aa88045e4eec715e431331","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.17-pr.1027.e2f9bddd.0.tgz","fileCount":16,"unpackedSize":39653,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEWc1HrWKCkvkEvcX/SVSIDnZ66AB5Hoc6zNpe0Czde/AiBlAatSMjwhgdCftTh1FXjz6lmgBJ1yzDVQgFa2leE/Eg=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.17-pr.1027.e2f9bddd.0_1703177565920_0.6027785889484734"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.17":{"name":"@kong-ui-public/copy-uuid","version":"2.0.17","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.11","@kong-ui-public/i18n":"^2.0.3"},"devDependencies":{"@kong/design-tokens":"1.12.3","@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.11","@kong-ui-public/i18n":"^2.0.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.8"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.17","_integrity":"sha512-eeTUqwWtpNQZD3TPJWF3AYYzBk3GN3nFD5OtwYDcDXg7MolATKy32s4TbiDOMrhMsNLmPP4L5jgfqSBCVIXpCQ==","_resolved":"/tmp/32cfc508ef9c9d80f7b4fb9e7963c6ca/kong-ui-public-copy-uuid-2.0.17.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.17.tgz","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-eeTUqwWtpNQZD3TPJWF3AYYzBk3GN3nFD5OtwYDcDXg7MolATKy32s4TbiDOMrhMsNLmPP4L5jgfqSBCVIXpCQ==","shasum":"143116e4b38e49c4805afa9c0d310a90095d890c","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.17.tgz","fileCount":16,"unpackedSize":39600,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFg683tNtUiOHdNfkB7fBO9NgaXy6V9ZEHDNqwVfOzhLAiEAw/i6BzeWqWZ81KL8hnO+bgtKrkiIG9MFUQDIn4mxqaY="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.17_1703218051148_0.9975156380821404"},"_hasShrinkwrap":false},"2.0.18":{"name":"@kong-ui-public/copy-uuid","version":"2.0.18","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.12","@kong-ui-public/i18n":"^2.0.4"},"devDependencies":{"@kong/design-tokens":"1.12.3","@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.12","@kong-ui-public/i18n":"^2.0.4"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.8"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.18","_integrity":"sha512-Now1pcBRez4v0RLepOUNXY2fdM3F6A6+6eE8vnMEGt87XfHhPMSLprP6u9d9m5oPpSyCtkQDa8ZMm3tmsc//kw==","_resolved":"/tmp/4959520ab872625454a4087a1e86a86f/kong-ui-public-copy-uuid-2.0.18.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.18.tgz","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-Now1pcBRez4v0RLepOUNXY2fdM3F6A6+6eE8vnMEGt87XfHhPMSLprP6u9d9m5oPpSyCtkQDa8ZMm3tmsc//kw==","shasum":"a35b26345259c3b4969998b231819bc1f150f21e","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.18.tgz","fileCount":16,"unpackedSize":39600,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDC/2sNimAytRz+/BOcA/rdzX1DdlS/eLpWS0MCtafQIwIgIIS6ZtGTVGdjYTYD61kjlsjgBEASRApSweP63DDkKzM="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.18_1703669423812_0.16307587555357195"},"_hasShrinkwrap":false},"2.0.19":{"name":"@kong-ui-public/copy-uuid","version":"2.0.19","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.13","@kong-ui-public/i18n":"^2.0.5"},"devDependencies":{"@kong/design-tokens":"1.12.3","@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.13","@kong-ui-public/i18n":"^2.0.5"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.8"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.19","_integrity":"sha512-GUNf55nw5h0ogF89S+j1EDOBJ0X1lzi0+n8/Q2vxHWElZ3z53N4awO8DflugYVpoWORSimf9chYL5/002oaeWA==","_resolved":"/tmp/048e11ebbc926a8863aab0af4aa68cea/kong-ui-public-copy-uuid-2.0.19.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.19.tgz","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-GUNf55nw5h0ogF89S+j1EDOBJ0X1lzi0+n8/Q2vxHWElZ3z53N4awO8DflugYVpoWORSimf9chYL5/002oaeWA==","shasum":"b04c1cdccfe97f363a716bca92ab10d34020c7d5","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.19.tgz","fileCount":16,"unpackedSize":39600,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDbp4ZCtpDfPFuoZQrobksKvX23/TwavXK13BhTH64oRAiAIO3kvcbxiC2cZ6LZcZtSeBzeMTSxyWlB4EU7PNguQTw=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.19_1704101389711_0.40252938930542825"},"_hasShrinkwrap":false},"2.0.20-pr.1035.05bccc63.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.20-pr.1035.05bccc63.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.13","@kong-ui-public/i18n":"^2.0.6-pr.1035.05bccc63.0"},"devDependencies":{"@kong/design-tokens":"1.12.3","@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.13","@kong-ui-public/i18n":"^2.0.6-pr.1035.05bccc63.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.8"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.20-pr.1035.05bccc63.0","_integrity":"sha512-IX3aTsdAy6aZEOyPFqdl7S5bvoa2p1leW/+7FwRRs9+fieJVLuKVw1KtT3X7G+qYNEH9gtcCqo7gjHbK8ecchg==","_resolved":"/tmp/2d0996ae5350a768325ba0835002363c/kong-ui-public-copy-uuid-2.0.20-pr.1035.05bccc63.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.20-pr.1035.05bccc63.0.tgz","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-IX3aTsdAy6aZEOyPFqdl7S5bvoa2p1leW/+7FwRRs9+fieJVLuKVw1KtT3X7G+qYNEH9gtcCqo7gjHbK8ecchg==","shasum":"669b05811e521d57bc0db479c0ffc1c31d3c2761","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.20-pr.1035.05bccc63.0.tgz","fileCount":16,"unpackedSize":39657,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCHFHdpdc7xLrgrglIVJLx4pchW8h8wwkK3mWNn28YeJQIgGhiEz3CSKSAuJUmkKKunrDHbKXH+/Ba19x5j4+ONfKk="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.20-pr.1035.05bccc63.0_1704767850845_0.5400112342936505"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.20":{"name":"@kong-ui-public/copy-uuid","version":"2.0.20","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.13","@kong-ui-public/i18n":"^2.0.5"},"devDependencies":{"@kong/design-tokens":"1.12.4","@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.13","@kong-ui-public/i18n":"^2.0.5"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.10"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.20","_integrity":"sha512-T9SocB0BGW+2+V6x3WBxdj9U0Z+53V9bGxY1pTTkBeUU+kTyG5mDMwYEB6NLIXzlaQgWdKUD7k6SZVfBB+yOFQ==","_resolved":"/tmp/1d46808c06d88db5167fc7021d79a3e0/kong-ui-public-copy-uuid-2.0.20.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.20.tgz","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-T9SocB0BGW+2+V6x3WBxdj9U0Z+53V9bGxY1pTTkBeUU+kTyG5mDMwYEB6NLIXzlaQgWdKUD7k6SZVfBB+yOFQ==","shasum":"ea46767622f0321083473bd7b2c9f99111d4a683","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.20.tgz","fileCount":16,"unpackedSize":39601,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHZIW/CEFRGcpFyM7JFFBScvr6CG9eLjYotiXp+ROCItAiEAsV/taBiGtX/NUBnIZIpOXuQRtZODW4Hw4IrSrOFl+Y0="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.20_1704770089152_0.37594028021822323"},"_hasShrinkwrap":false},"2.0.14-pr.1012.35751374.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.14-pr.1012.35751374.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.9","@kong-ui-public/i18n":"^2.0.2-pr.1012.35751374.0"},"devDependencies":{"@kong/design-tokens":"^1.12.1","@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.9","@kong-ui-public/i18n":"^2.0.2-pr.1012.35751374.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.3"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.14-pr.1012.35751374.0","_integrity":"sha512-HwY+rodzdgTS+teYieXmuf4oOj3h+xXm+pJgrE7482MMqVgBB0iBLFOLvhl6hzeNo7jV4vYcIysDodGu9a8GIg==","_resolved":"/tmp/a0ab2247b6d33269ee3c1e870610fc5e/kong-ui-public-copy-uuid-2.0.14-pr.1012.35751374.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.14-pr.1012.35751374.0.tgz","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-HwY+rodzdgTS+teYieXmuf4oOj3h+xXm+pJgrE7482MMqVgBB0iBLFOLvhl6hzeNo7jV4vYcIysDodGu9a8GIg==","shasum":"405d4dc0564c00bd7edeb70d9392d42cb833602b","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.14-pr.1012.35751374.0.tgz","fileCount":16,"unpackedSize":39614,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID3wLbKL81zJO2asur0jG29EbqgeohQfbOqqngsU+ClwAiEAo3skO11rAfu/QdaHrpis/+1YYfYlVUpMhPyc4LfCxVs="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.14-pr.1012.35751374.0_1704905717873_0.2784207909632701"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.21-pr.1068.1100cb1b.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.21-pr.1068.1100cb1b.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.13","@kong-ui-public/i18n":"^2.0.5"},"devDependencies":{"@kong/design-tokens":"1.12.4","@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.13","@kong-ui-public/i18n":"^2.0.5"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.11"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.21-pr.1068.1100cb1b.0","_integrity":"sha512-2EuE0icYDOnGyntj7a5AY5DOI/W2yCoyz9tiJxpc4x6l7Q+8/qyOJOicCO3SgbtRFSQTvciPQbjVUWT1hfP//A==","_resolved":"/tmp/403f13d5fce053fdf5ff32218b0efede/kong-ui-public-copy-uuid-2.0.21-pr.1068.1100cb1b.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.21-pr.1068.1100cb1b.0.tgz","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-2EuE0icYDOnGyntj7a5AY5DOI/W2yCoyz9tiJxpc4x6l7Q+8/qyOJOicCO3SgbtRFSQTvciPQbjVUWT1hfP//A==","shasum":"4efe2e434a414229992771df6ce3b3b1ff70ff18","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.21-pr.1068.1100cb1b.0.tgz","fileCount":16,"unpackedSize":39620,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDqr7w1XvfbZCBOol9DrjDfoltiUw+D0x4oNOD43dWd8AIhAMapXRela7dh0JEDT0mlk1TtZkZ8A0kEOSMQEvok4KKq"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.21-pr.1068.1100cb1b.0_1704983888143_0.3207813020206145"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.21":{"name":"@kong-ui-public/copy-uuid","version":"2.0.21","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.13","@kong-ui-public/i18n":"^2.0.5"},"devDependencies":{"@kong/design-tokens":"1.12.4","@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.13","@kong-ui-public/i18n":"^2.0.5"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.11"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.21","_integrity":"sha512-OstC62rAtXql8o5jmitTSScZpiWq/s7xGIfwIxq4SkUEbeOD+YXdHuxjqcJ5FpLqS2LcRHDYFXZZoMcuJJ67Gw==","_resolved":"/tmp/89182c5500ed4640290467568bed75ac/kong-ui-public-copy-uuid-2.0.21.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.21.tgz","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-OstC62rAtXql8o5jmitTSScZpiWq/s7xGIfwIxq4SkUEbeOD+YXdHuxjqcJ5FpLqS2LcRHDYFXZZoMcuJJ67Gw==","shasum":"54272fd7aa5fe6dd83d4562b8d6b5d0726479cab","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.21.tgz","fileCount":16,"unpackedSize":39601,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCjrWT3PvjJuGhkWIaytxBmReamj4SlsVPVIzTV6HOZOwIgQyJuYspsErjZ4z/FGWviRuCchdzZrrIA+VUU05HCmpg="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.21_1704985643773_0.13867023978528392"},"_hasShrinkwrap":false},"2.0.22-pr.1069.dc409e9f.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.22-pr.1069.dc409e9f.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.13","@kong-ui-public/i18n":"^2.0.5"},"devDependencies":{"@kong/design-tokens":"1.12.4","@kong/kongponents":"9.0.0-pr.1932.9f1bbb7a.0","vue":"^3.3.13","@kong-ui-public/i18n":"^2.0.5"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.11"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.22-pr.1069.dc409e9f.0","_integrity":"sha512-giG0clTz9Mp558CHrtG9poPiTEWQfPjPmD7YVd8S+0urP9WBBJQnBgbx/9UMNot3JSYXQ0lsxzNK2bR18HIhWQ==","_resolved":"/tmp/366c87224f5d5b835e0df3b07b7a5e83/kong-ui-public-copy-uuid-2.0.22-pr.1069.dc409e9f.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.22-pr.1069.dc409e9f.0.tgz","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-giG0clTz9Mp558CHrtG9poPiTEWQfPjPmD7YVd8S+0urP9WBBJQnBgbx/9UMNot3JSYXQ0lsxzNK2bR18HIhWQ==","shasum":"c01243f79f8cbe30d7077a63e47c761664848778","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.22-pr.1069.dc409e9f.0.tgz","fileCount":16,"unpackedSize":39630,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDVLIVfLHYfDbPhjuvZTZyT+EUBSWTzJzj9E36SWXqAhwIhANqx58J7ZuXkKObIrMqKwvqgb9+VML/nLPnBXvaO5SRR"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.22-pr.1069.dc409e9f.0_1704995636836_0.5440626999828457"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.22-pr.1069.84ba7772.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.22-pr.1069.84ba7772.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.13","@kong-ui-public/i18n":"^2.0.5"},"devDependencies":{"@kong/design-tokens":"1.12.4","@kong/kongponents":"9.0.0-pr.1932.9f1bbb7a.0","vue":"^3.3.13","@kong-ui-public/i18n":"^2.0.5"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.11"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.22-pr.1069.84ba7772.0","_integrity":"sha512-wXMQD2K1Tz8csVTgb/FcsjlVECXLVXJAmxIrnJFa0AzsuQ1lLey6UwTRBKuLI5l6dbv+4lBaRwPY/rmysNiv9Q==","_resolved":"/tmp/e86e9d886a8ca63e86b5ed0836d78ff5/kong-ui-public-copy-uuid-2.0.22-pr.1069.84ba7772.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.22-pr.1069.84ba7772.0.tgz","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-wXMQD2K1Tz8csVTgb/FcsjlVECXLVXJAmxIrnJFa0AzsuQ1lLey6UwTRBKuLI5l6dbv+4lBaRwPY/rmysNiv9Q==","shasum":"390c17fa8d8cf2a665599000a788447d2512ca8c","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.22-pr.1069.84ba7772.0.tgz","fileCount":16,"unpackedSize":39630,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDGESzl3g2y6HRmraRRZCjjjC8xLurdmpegwnCxStfliAiEAv8FG711urcvX6TdAmWY9bKtzxi4AB1E1PBGsFmQSXDI="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.22-pr.1069.84ba7772.0_1704998005936_0.05923371704960223"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.22-pr.1069.be83e7e4.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.22-pr.1069.be83e7e4.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.13","@kong-ui-public/i18n":"^2.0.5"},"devDependencies":{"@kong/design-tokens":"1.12.4","@kong/kongponents":"9.0.0-pr.1932.9f1bbb7a.0","vue":"^3.3.13","@kong-ui-public/i18n":"^2.0.5"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.11"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.22-pr.1069.be83e7e4.0","_integrity":"sha512-rSW9oETmK+eKH9MjFDFaROomyHXSaSa4XrRjiuPYmBKRXDv4vF0jYEEo6dJDhnVe44mJpcvvXEPyX6Lsqi9suA==","_resolved":"/tmp/4c4ae7e658d9c75e10bb1c9199984d0c/kong-ui-public-copy-uuid-2.0.22-pr.1069.be83e7e4.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.22-pr.1069.be83e7e4.0.tgz","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-rSW9oETmK+eKH9MjFDFaROomyHXSaSa4XrRjiuPYmBKRXDv4vF0jYEEo6dJDhnVe44mJpcvvXEPyX6Lsqi9suA==","shasum":"6372207cf7322b95cf49e84592df17666904d675","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.22-pr.1069.be83e7e4.0.tgz","fileCount":16,"unpackedSize":39630,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEJSZcuKXNeORO2qiHuOsA4qAQPcCSQT8Gh7t+5TrlW0AiBNQstoUQK41sjK2iLvTtWtEKO3nUT1jdA/l07S6cdHeQ=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.22-pr.1069.be83e7e4.0_1705004997104_0.040265444470348744"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.22-pr.1069.0da6dde7.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.22-pr.1069.0da6dde7.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.13","@kong-ui-public/i18n":"^2.0.5"},"devDependencies":{"@kong/design-tokens":"1.12.4","@kong/kongponents":"9.0.0-pr.1932.9f1bbb7a.0","vue":"^3.3.13","@kong-ui-public/i18n":"^2.0.5"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.11"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.22-pr.1069.0da6dde7.0","_integrity":"sha512-Yoag8UPnQfCPCeELb2m0JOnUco9BrZmdog4jRFje+BIHWEM/ooE8WndQV9LoAkdIm1CKFC7s9IK4YydMfvNZ7Q==","_resolved":"/tmp/53bf0a390607d17d4ed428547a90c168/kong-ui-public-copy-uuid-2.0.22-pr.1069.0da6dde7.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.22-pr.1069.0da6dde7.0.tgz","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-Yoag8UPnQfCPCeELb2m0JOnUco9BrZmdog4jRFje+BIHWEM/ooE8WndQV9LoAkdIm1CKFC7s9IK4YydMfvNZ7Q==","shasum":"7d67c5b20ca9012fc3c2bd2ca8578d9e4d7f923b","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.22-pr.1069.0da6dde7.0.tgz","fileCount":16,"unpackedSize":39630,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHkgT0hSs1H2Eddm1Z+QCTyRECBcwiUHDgkuIFSjj6JXAiEAvpWsGX7bJGdXEqjeM6zmkImGq4g3PgYJenrtxT3gapM="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.22-pr.1069.0da6dde7.0_1705012237320_0.46356511250763677"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.22-pr.1069.c38d2bc2.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.22-pr.1069.c38d2bc2.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.13","@kong-ui-public/i18n":"^2.0.5"},"devDependencies":{"@kong/design-tokens":"1.12.4","@kong/kongponents":"9.0.0-pr.1932.9f1bbb7a.0","vue":"^3.3.13","@kong-ui-public/i18n":"^2.0.5"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.11"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.22-pr.1069.c38d2bc2.0","_integrity":"sha512-aznAQIz1F77uAF6lOS3W/H6gIZw6Gi3ZmTAoh9uFw5Qo9mXHu/BFk2nOAta4Ei2YJFzSKtouvd66waBemvpJHg==","_resolved":"/tmp/54580e95ad2262835a831237dc6e41d4/kong-ui-public-copy-uuid-2.0.22-pr.1069.c38d2bc2.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.22-pr.1069.c38d2bc2.0.tgz","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-aznAQIz1F77uAF6lOS3W/H6gIZw6Gi3ZmTAoh9uFw5Qo9mXHu/BFk2nOAta4Ei2YJFzSKtouvd66waBemvpJHg==","shasum":"987dbbf730b6c49fd7a9d7f059217a03d8d7142c","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.22-pr.1069.c38d2bc2.0.tgz","fileCount":16,"unpackedSize":39630,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFa89fnhPQjJNSWO7netD4yFNS2EEfDiQ9fnNVemwvPgAiB78/I9ECus4I/DuntN1scoETo8uhDBB7Rcq/2qnO9iDA=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.22-pr.1069.c38d2bc2.0_1705071216824_0.7922214130983731"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.22-pr.1069.f346092c.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.22-pr.1069.f346092c.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.13","@kong-ui-public/i18n":"^2.0.5"},"devDependencies":{"@kong/design-tokens":"1.12.4","@kong/kongponents":"9.0.0-pr.1932.9f1bbb7a.0","vue":"^3.3.13","@kong-ui-public/i18n":"^2.0.5"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.11"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.22-pr.1069.f346092c.0","_integrity":"sha512-7CxHj2uDPUfmoaWYNgfO955ONa2QBM8SEzyBaaQnk4iA3WbvVWUgeF9qV/kTTScVsvg3eG7qzhbzRLIlMj7Lbg==","_resolved":"/tmp/31b48aafba6a5c6b9c077c7ff6ae2046/kong-ui-public-copy-uuid-2.0.22-pr.1069.f346092c.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.22-pr.1069.f346092c.0.tgz","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-7CxHj2uDPUfmoaWYNgfO955ONa2QBM8SEzyBaaQnk4iA3WbvVWUgeF9qV/kTTScVsvg3eG7qzhbzRLIlMj7Lbg==","shasum":"4b4be43a7d74681d2766cd3b5430bd03e984c86e","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.22-pr.1069.f346092c.0.tgz","fileCount":16,"unpackedSize":39630,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFOtHHJYDzHPfhGCFVilzdhqPZciTFNvRll9HHaWFwNPAiAJRI56lcayy3Y5egBPUv+FzqwR+L/UrnhUv9ICEOM5Gw=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.22-pr.1069.f346092c.0_1705072993549_0.09119188392386723"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.22-pr.1071.0c141465.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.22-pr.1071.0c141465.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.0.6-pr.1071.0c141465.0"},"devDependencies":{"@kong/design-tokens":"1.12.4","@kong/kongponents":"9.0.0-alpha.73","vue":"^3.3.13","@kong-ui-public/i18n":"^2.0.6-pr.1071.0c141465.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.11"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.22-pr.1071.0c141465.0","_integrity":"sha512-5N6CaOpQiZD0z994PALAYjaSYvXr6gzbMVYnZy6GjWJvQkeJnEy6RYXlUqp5Vh71cFnojxSVcvPAoOMzYUXVjg==","_resolved":"/tmp/f9db8ea714ed9c982221db797e21daac/kong-ui-public-copy-uuid-2.0.22-pr.1071.0c141465.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.22-pr.1071.0c141465.0.tgz","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-5N6CaOpQiZD0z994PALAYjaSYvXr6gzbMVYnZy6GjWJvQkeJnEy6RYXlUqp5Vh71cFnojxSVcvPAoOMzYUXVjg==","shasum":"b7c0dea1d313063851cd2b26d6e68f5ec8e8ec3d","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.22-pr.1071.0c141465.0.tgz","fileCount":16,"unpackedSize":39664,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGr22F0MqCHxC22Kos36BNzAhp1KGlFaJU5yfB9FAbxGAiEA31g59If7OmD+7SY7IqCWC5tKDNK/jSBxBqqB8Av+BEA="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.22-pr.1071.0c141465.0_1705077665008_0.6087141111784291"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.22-pr.972.85e58933.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.22-pr.972.85e58933.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":"^3.4.3","@kong-ui-public/i18n":"^2.0.6-pr.972.85e58933.0"},"devDependencies":{"@kong/design-tokens":"1.12.4","@kong/kongponents":"9.0.0-alpha.73","vue":"^3.4.3","@kong-ui-public/i18n":"^2.0.6-pr.972.85e58933.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.11"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.22-pr.972.85e58933.0","_integrity":"sha512-Ok2bFuMIjy9VKncWqpJQAfwcik2AWa8I2wowShsIgIBNLpxv9bhvNHLp7tkRlp269Cl1R0k1WGYUEng4mm4URQ==","_resolved":"/tmp/b715339cc2a049e2779f3cea6047894f/kong-ui-public-copy-uuid-2.0.22-pr.972.85e58933.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.22-pr.972.85e58933.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-Ok2bFuMIjy9VKncWqpJQAfwcik2AWa8I2wowShsIgIBNLpxv9bhvNHLp7tkRlp269Cl1R0k1WGYUEng4mm4URQ==","shasum":"f72a6706be7d0bf4cccb87e7d71b787255a13506","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.22-pr.972.85e58933.0.tgz","fileCount":16,"unpackedSize":39579,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEMoVIf495zRnw3MDGAue2qoxuuOegnpZoPTG9DjtgcKAiEArsTEO9BKrN2OS/1vwBflW4UYXHpiITkStIA6fg20Qxk="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.22-pr.972.85e58933.0_1705078732696_0.15014634691829754"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.22":{"name":"@kong-ui-public/copy-uuid","version":"2.0.22","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":"^3.4.3","@kong-ui-public/i18n":"^2.0.6"},"devDependencies":{"@kong/design-tokens":"1.12.4","@kong/kongponents":"9.0.0-alpha.73","vue":"^3.4.3","@kong-ui-public/i18n":"^2.0.6"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.11"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.22","_integrity":"sha512-vQjWApUihgZOZLnqp7UkPHqSGP51lrSfe0wxtPHiF9pndfDH5v3VDq76Ri03ou0t5btDgTgPi5j7tbas06AU7Q==","_resolved":"/tmp/f9b3905d98f1c072c5758e139bea0b6a/kong-ui-public-copy-uuid-2.0.22.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.22.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-vQjWApUihgZOZLnqp7UkPHqSGP51lrSfe0wxtPHiF9pndfDH5v3VDq76Ri03ou0t5btDgTgPi5j7tbas06AU7Q==","shasum":"1ec4b0addb43a76253403d626fa3d9e3589daaf8","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.22.tgz","fileCount":16,"unpackedSize":39525,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCU8iFDU54Fhjzw4oJKJ8pdR3nqvBqNgLjU+yf8Pma/3QIgdTnBQjxDTUil+MKlKtZ8jsqJXQJ/9oE4zraoXtaecVI="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.22_1705080327542_0.047444860632721575"},"_hasShrinkwrap":false},"2.0.22-pr.1071.03d4cd35.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.22-pr.1071.03d4cd35.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.0.6-pr.1071.03d4cd35.0"},"devDependencies":{"@kong/design-tokens":"1.12.4","@kong/kongponents":"9.0.0-alpha.73","vue":"^3.4.3","@kong-ui-public/i18n":"^2.0.6-pr.1071.03d4cd35.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.11"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.22-pr.1071.03d4cd35.0","_integrity":"sha512-Lfitac1KAzfiGyiRBimOU6TRm7mb5QDsgxEUjQWEtlhiVkCrkFXhgbIud/FrIaMc8/04YIS4QXXGSMK0m1GcCA==","_resolved":"/tmp/7905de289d6b8024098c6fddf15586a2/kong-ui-public-copy-uuid-2.0.22-pr.1071.03d4cd35.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.22-pr.1071.03d4cd35.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-Lfitac1KAzfiGyiRBimOU6TRm7mb5QDsgxEUjQWEtlhiVkCrkFXhgbIud/FrIaMc8/04YIS4QXXGSMK0m1GcCA==","shasum":"eb16bf0de267e348f1ab4d387049586cb68ee54c","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.22-pr.1071.03d4cd35.0.tgz","fileCount":16,"unpackedSize":39589,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHoAo99RYmG5sRm0Qy7dHZTV0pO+XEiWFe9FD3ZJBSkHAiEAtnefSNGvWQHuho9RkR1cFOAgrLMIdRKdn6gobt6LarQ="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.22-pr.1071.03d4cd35.0_1705080603283_0.9637123911530172"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.23":{"name":"@kong-ui-public/copy-uuid","version":"2.0.23","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.0.7"},"devDependencies":{"@kong/design-tokens":"1.12.4","@kong/kongponents":"9.0.0-alpha.73","vue":"^3.4.3","@kong-ui-public/i18n":"^2.0.7"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.11"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.23","_integrity":"sha512-Yq4Z/ttcs26xzooqJQ+D7TXtjRe7V1SVQqBIONotgJIHiaQieQEdYBgyZOJ+xy2xI6Y+QjOQuLrZhm/+FG5M6A==","_resolved":"/tmp/6e29cb8b3b12cfac280052b2e272ec6f/kong-ui-public-copy-uuid-2.0.23.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.23.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-Yq4Z/ttcs26xzooqJQ+D7TXtjRe7V1SVQqBIONotgJIHiaQieQEdYBgyZOJ+xy2xI6Y+QjOQuLrZhm/+FG5M6A==","shasum":"d6fe5f5cf61a60766ff767d9fc1ccdda630343e5","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.23.tgz","fileCount":16,"unpackedSize":39532,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD+75OqSVUM9UUrrgI/6cyZvEIwdfI1dn9lsKv7zpyRxwIhAJv/GwbxJVJZhXdXOPZNAOJsguJyE3EhZISIVf83xMn4"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.23_1705082360753_0.9318352919374535"},"_hasShrinkwrap":false},"2.0.24-pr.1069.588c7d8c.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.24-pr.1069.588c7d8c.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.0.8-pr.1069.588c7d8c.0"},"devDependencies":{"@kong/design-tokens":"1.12.4","@kong/kongponents":"9.0.0-pr.1932.9f1bbb7a.0","vue":"^3.4.3","@kong-ui-public/i18n":"^2.0.8-pr.1069.588c7d8c.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.11"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.24-pr.1069.588c7d8c.0","_integrity":"sha512-0l6zoIM3rpYOdoVVprUIa0ql8TljmSz6FpfFFIrYoNeaY+Vo+iapLB8hRoO7jgOcDSDG2Eb358oRzoMgWGbwdg==","_resolved":"/tmp/e5ebe49e0f84c4063146926d9b07389f/kong-ui-public-copy-uuid-2.0.24-pr.1069.588c7d8c.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.24-pr.1069.588c7d8c.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-0l6zoIM3rpYOdoVVprUIa0ql8TljmSz6FpfFFIrYoNeaY+Vo+iapLB8hRoO7jgOcDSDG2Eb358oRzoMgWGbwdg==","shasum":"394ed8189ddeca0c71df4bcf95819c0692cff5a8","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.24-pr.1069.588c7d8c.0.tgz","fileCount":16,"unpackedSize":39599,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEaoqZ923URz4K6LTrH7k5q5xB5ESGh6RxekEjE5SZksAiAgFXIf4Xyt9yq/Df4sb4Z+aXgNGuh/d4Zk+ZiBj+Ccrg=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.24-pr.1069.588c7d8c.0_1705084534789_0.09389369570906658"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.24":{"name":"@kong-ui-public/copy-uuid","version":"2.0.24","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.0.7"},"devDependencies":{"@kong/design-tokens":"1.12.4","@kong/kongponents":"9.0.0-alpha.73","vue":"^3.4.3","@kong-ui-public/i18n":"^2.0.7"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.12"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.24","_integrity":"sha512-bEvcuGb8qrGSK0A8UORt1SFXC3nKWMl+HfXmfCf/NUomyAQnyDoqIGln/4/wyTPVX5auVxdXDrXD/fe9gHkzIQ==","_resolved":"/tmp/73c2f99dd1f6c4edfeea0f233d598274/kong-ui-public-copy-uuid-2.0.24.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.24.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-bEvcuGb8qrGSK0A8UORt1SFXC3nKWMl+HfXmfCf/NUomyAQnyDoqIGln/4/wyTPVX5auVxdXDrXD/fe9gHkzIQ==","shasum":"eeb56dbc8dea4a9a506e501ada8f53694af93391","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.24.tgz","fileCount":16,"unpackedSize":39532,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB5LAN7HGtuRGCRRZhPhghdUfdNsO0LoUP7z5XQGEiGTAiB7w5yMk4HA/r29RoEXIT4KOWYdI6yM+aKdypCPP8r7EA=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.24_1705302836463_0.7209215895341552"},"_hasShrinkwrap":false},"2.0.25-pr.1069.9fcd6ba1.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.25-pr.1069.9fcd6ba1.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.0.8-pr.1069.9fcd6ba1.0"},"devDependencies":{"@kong/design-tokens":"1.12.4","@kong/kongponents":"9.0.0-pr.1932.9f1bbb7a.0","vue":"^3.4.3","@kong-ui-public/i18n":"^2.0.8-pr.1069.9fcd6ba1.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.12"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.25-pr.1069.9fcd6ba1.0","_integrity":"sha512-NusYksgDr9+5CKkYxcfNGD2zQL9l7Hn+AocC9mQEa+N6PwXLgfFId+fXXfnFgujalKnfq1FUuCYgbtlg57I6kA==","_resolved":"/tmp/807a0b9b8157b17c3f4dedf281eb8d51/kong-ui-public-copy-uuid-2.0.25-pr.1069.9fcd6ba1.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.25-pr.1069.9fcd6ba1.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-NusYksgDr9+5CKkYxcfNGD2zQL9l7Hn+AocC9mQEa+N6PwXLgfFId+fXXfnFgujalKnfq1FUuCYgbtlg57I6kA==","shasum":"12c65ab247feb3f1d2a96d170bb4581ed3a83362","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.25-pr.1069.9fcd6ba1.0.tgz","fileCount":16,"unpackedSize":39599,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDM7QUSiUhlXXpJ8dW5nHpS2jMqLECCdMFbIvqAgigHMwIhAJ7SQ1onftIgJslPFKRcFy9m6QwBK+LMBmAy5xUKdnoB"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.25-pr.1069.9fcd6ba1.0_1705345822108_0.08808807958881726"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.25-pr.1069.547650c8.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.25-pr.1069.547650c8.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.0.8-pr.1069.547650c8.0"},"devDependencies":{"@kong/design-tokens":"1.12.4","@kong/kongponents":"9.0.0-pr.1932.9f1bbb7a.0","vue":"^3.4.3","@kong-ui-public/i18n":"^2.0.8-pr.1069.547650c8.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.12"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.25-pr.1069.547650c8.0","_integrity":"sha512-JzFuFIVn6iEA4SnoHscyR+JT7fI2BDXfPo732kEtZuWRGRnuEegeoRt4346bt4zHG2HhBpZc37gBqkrANfZePQ==","_resolved":"/tmp/a42390ef8a6791b2128944f32899a16b/kong-ui-public-copy-uuid-2.0.25-pr.1069.547650c8.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.25-pr.1069.547650c8.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-JzFuFIVn6iEA4SnoHscyR+JT7fI2BDXfPo732kEtZuWRGRnuEegeoRt4346bt4zHG2HhBpZc37gBqkrANfZePQ==","shasum":"d71e97b27bde2f0c9e5918933e28abf3b1e5d0c5","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.25-pr.1069.547650c8.0.tgz","fileCount":16,"unpackedSize":39599,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC8D1EwFpK2dKLUW/p2Q1pD0sGCAGqZzjy1MkFOd3cRKAIgIb70EcDWja3BVCvOeT7soEGrjr+esXhBfVQsC0OxqNA="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.25-pr.1069.547650c8.0_1705414073767_0.4608819503106947"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.25-pr.1069.253a2569.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.25-pr.1069.253a2569.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.0.8-pr.1069.253a2569.0"},"devDependencies":{"@kong/design-tokens":"1.12.4","@kong/kongponents":"9.0.0-pr.1932.59fcb574.0","vue":"^3.4.3","@kong-ui-public/i18n":"^2.0.8-pr.1069.253a2569.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.12"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.25-pr.1069.253a2569.0","_integrity":"sha512-Ev5opVwuVJXVLfcZvuCAvRcoloseLTYm8x9Xwo0H8/7MxeHrw2tmksXKuWAYbiADFplfXTgIgUaZAn6eFsFRcA==","_resolved":"/tmp/e94d2e46236b021012baad689c365b31/kong-ui-public-copy-uuid-2.0.25-pr.1069.253a2569.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.25-pr.1069.253a2569.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-Ev5opVwuVJXVLfcZvuCAvRcoloseLTYm8x9Xwo0H8/7MxeHrw2tmksXKuWAYbiADFplfXTgIgUaZAn6eFsFRcA==","shasum":"3315497a76c638679020cc89c7339d302afd799a","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.25-pr.1069.253a2569.0.tgz","fileCount":16,"unpackedSize":39599,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD0LXhsv5MTvitxjPfwMhIO/RVu2lHG3Wak1wIvGkhBMgIgF7wM7Yj2TU0wEn4GQN2ltDsQvbJ/TB0qLXu7uy28xCk="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.25-pr.1069.253a2569.0_1705415601016_0.8301596369884936"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.25-pr.1069.0e7bcc0b.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.25-pr.1069.0e7bcc0b.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.73","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.0.8-pr.1069.0e7bcc0b.0"},"devDependencies":{"@kong/design-tokens":"1.12.4","@kong/kongponents":"9.0.0-pr.1932.59fcb574.0","vue":"^3.4.3","@kong-ui-public/i18n":"^2.0.8-pr.1069.0e7bcc0b.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.12"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.25-pr.1069.0e7bcc0b.0","_integrity":"sha512-E+gX68Zwr7R1wspyMuL/H2tgCJ/VSPs2OwXqQE+UoijlIqaMShz4Eld9GCkj3yiBoU/saYnlAHGO0ZwwxS1Atw==","_resolved":"/tmp/9be454836eec7bb316a53f3c8d376efd/kong-ui-public-copy-uuid-2.0.25-pr.1069.0e7bcc0b.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.25-pr.1069.0e7bcc0b.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-E+gX68Zwr7R1wspyMuL/H2tgCJ/VSPs2OwXqQE+UoijlIqaMShz4Eld9GCkj3yiBoU/saYnlAHGO0ZwwxS1Atw==","shasum":"89c28111ef15ad4d0188303304cd7517e66e20cb","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.25-pr.1069.0e7bcc0b.0.tgz","fileCount":16,"unpackedSize":39599,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDqx5m0PDzYk2aCoG/O3pRWCKmRSXEEIlMvlmfKewwRPwIgVsfx2vI8RhZyX2CIDfvd7BfsV3T06pMiZhohiHmsx6Y="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.25-pr.1069.0e7bcc0b.0_1705440243175_0.29372014406196145"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.25-pr.1069.ceedeee4.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.25-pr.1069.ceedeee4.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.85","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.0.8-pr.1069.ceedeee4.0"},"devDependencies":{"@kong/design-tokens":"1.12.4","@kong/kongponents":"9.0.0-alpha.85","vue":"^3.4.3","@kong-ui-public/i18n":"^2.0.8-pr.1069.ceedeee4.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.12"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.25-pr.1069.ceedeee4.0","_integrity":"sha512-5y6jVukkDqPYz/1RezJ+PLMjXnRNFDP2WRPJ1jeGgAtb+8VdjGq1QGAHAQp4qYH+rHOAMbXz/6SzwyeZRGANhA==","_resolved":"/tmp/63fa82d03321753accac1d5b683dd5cd/kong-ui-public-copy-uuid-2.0.25-pr.1069.ceedeee4.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.25-pr.1069.ceedeee4.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-5y6jVukkDqPYz/1RezJ+PLMjXnRNFDP2WRPJ1jeGgAtb+8VdjGq1QGAHAQp4qYH+rHOAMbXz/6SzwyeZRGANhA==","shasum":"8938d255f83946090c9135566ed94527bdad58ef","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.25-pr.1069.ceedeee4.0.tgz","fileCount":16,"unpackedSize":39589,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE8RiIvQCYwVIiQYBU2JslKhdGjX04aj8ruZx91gZma1AiBF9sqG+ld8vG/LP98SAechuiOoZk4p6gubJLLy8eR+Kg=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.25-pr.1069.ceedeee4.0_1705505415462_0.1850859981564188"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.25-pr.1069.0e2a2ffb.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.25-pr.1069.0e2a2ffb.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.86","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.0.8-pr.1069.0e2a2ffb.0"},"devDependencies":{"@kong/design-tokens":"1.12.4","@kong/kongponents":"9.0.0-alpha.86","vue":"^3.4.3","@kong-ui-public/i18n":"^2.0.8-pr.1069.0e2a2ffb.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.12"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.25-pr.1069.0e2a2ffb.0","_integrity":"sha512-lXrTmdzfBL7VjX9iX5q9PVmuiJPGnGVNzn9cUHplEvPkLL5EdieYktMh67R4yJJZBPeLwUsFycCVlprz51FEQA==","_resolved":"/tmp/201f8df8d8b7849ac84cf99df79e0bf5/kong-ui-public-copy-uuid-2.0.25-pr.1069.0e2a2ffb.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.25-pr.1069.0e2a2ffb.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-lXrTmdzfBL7VjX9iX5q9PVmuiJPGnGVNzn9cUHplEvPkLL5EdieYktMh67R4yJJZBPeLwUsFycCVlprz51FEQA==","shasum":"e92aca63d3f5a9dbbfa95d2a9c20aac18fcc516d","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.25-pr.1069.0e2a2ffb.0.tgz","fileCount":16,"unpackedSize":39589,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBb9jm3TBxmDhGWWJ7u3zcsR+qvrcEo0CveI+98OBUq1AiEAgpYgPTLKGYrNAS1HR0W6QKeyewuTQQHIxaChqSJpIUs="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.25-pr.1069.0e2a2ffb.0_1705509521339_0.565848508114366"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.25":{"name":"@kong-ui-public/copy-uuid","version":"2.0.25","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.86","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.0.7"},"devDependencies":{"@kong/design-tokens":"1.12.4","@kong/kongponents":"9.0.0-alpha.86","vue":"^3.4.3","@kong-ui-public/i18n":"^2.0.7"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.12"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.25","_integrity":"sha512-8CUn2dWYs/bCMumUeF0vI11Ly7Suq+YAjR4B0acB/be93wJqFyPgb8Royq2+moTU6jbTSk7dq6vngbxHr7ZScQ==","_resolved":"/tmp/432e1e19182301dd26e8a76714b2b807/kong-ui-public-copy-uuid-2.0.25.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.25.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-8CUn2dWYs/bCMumUeF0vI11Ly7Suq+YAjR4B0acB/be93wJqFyPgb8Royq2+moTU6jbTSk7dq6vngbxHr7ZScQ==","shasum":"880de513d4efd74a3b3011e7f0f5593b71245034","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.25.tgz","fileCount":16,"unpackedSize":39532,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCmNRmbwgn1EG866oVE3bIPm+slWhQICAYsZOl0VxWQPwIgAUtjVELMWFsBORaaDVBOgVQXN3HlqEOdl9ortZXSCqo="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.25_1705523502682_0.057936128255221986"},"_hasShrinkwrap":false},"2.0.26":{"name":"@kong-ui-public/copy-uuid","version":"2.0.26","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.86","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.0"},"devDependencies":{"@kong/design-tokens":"1.12.4","@kong/kongponents":"9.0.0-alpha.86","vue":"^3.4.3","@kong-ui-public/i18n":"^2.1.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.12"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.26","_integrity":"sha512-v6w9/yX0I8t3G2Af09mq0RWQYgHLTjM74mm/bj+Sgc7Lj0yPO7LWqk7kWVcRWRfotBIE+CArSEiDy1yNK/tBNQ==","_resolved":"/tmp/30542effd87c01dc631b659135fe3591/kong-ui-public-copy-uuid-2.0.26.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.26.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-v6w9/yX0I8t3G2Af09mq0RWQYgHLTjM74mm/bj+Sgc7Lj0yPO7LWqk7kWVcRWRfotBIE+CArSEiDy1yNK/tBNQ==","shasum":"338cf6b37c2a8db2f9d0b077f93d5b0f3b243b49","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.26.tgz","fileCount":16,"unpackedSize":39532,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDOd5Z242LNiHse5pTUaFKRWKjnjK7lZmyPfBWNCw5xEQIgWZRzHsSySzVjWYihdmQZdu26c7Qx9cgdfyV264PMSNw="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.26_1705583878966_0.07722487660038113"},"_hasShrinkwrap":false},"2.0.27-pr.1087.1be60747.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.27-pr.1087.1be60747.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.89","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.0"},"devDependencies":{"@kong/design-tokens":"1.12.4","@kong/kongponents":"9.0.0-alpha.89","vue":"^3.4.3","@kong-ui-public/i18n":"^2.1.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.12"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.27-pr.1087.1be60747.0","_integrity":"sha512-1iEg3LIus0IJFFiwwY6lwWo1pdnHo+kggkMLGjUpszOtk6vFzHTck1pGJjrgzYx1bPxWqffQDcci3eySTm3pEA==","_resolved":"/tmp/ee87376dfd1374e1bf72b88d448c9645/kong-ui-public-copy-uuid-2.0.27-pr.1087.1be60747.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.27-pr.1087.1be60747.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-1iEg3LIus0IJFFiwwY6lwWo1pdnHo+kggkMLGjUpszOtk6vFzHTck1pGJjrgzYx1bPxWqffQDcci3eySTm3pEA==","shasum":"c44448b246e763f960771671b7892a52f50300ed","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.27-pr.1087.1be60747.0.tgz","fileCount":16,"unpackedSize":39551,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD6sbY8WXgGLzvRT9gYnh+MkC8wkB96fwUjuGE1JzoJjQIhALoEbg3cwaGXMhoVH9MDK6eTL4TKgTerAmwu7VCXRuzY"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.27-pr.1087.1be60747.0_1705594619200_0.9792783807000982"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.27":{"name":"@kong-ui-public/copy-uuid","version":"2.0.27","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.86","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.0"},"devDependencies":{"@kong/design-tokens":"1.12.4","@kong/kongponents":"9.0.0-alpha.86","vue":"^3.4.3","@kong-ui-public/i18n":"^2.1.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.13"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.27","_integrity":"sha512-GO69rqr6emm2XIFzR817LtMMMtJHEedtzqtr43S/00h0dHIO8RMB2yvEfK22Pj/Frpt8MnB2gwY12+OfEVj2OQ==","_resolved":"/tmp/0393562a8853f7575ad459529c1c19e0/kong-ui-public-copy-uuid-2.0.27.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.27.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-GO69rqr6emm2XIFzR817LtMMMtJHEedtzqtr43S/00h0dHIO8RMB2yvEfK22Pj/Frpt8MnB2gwY12+OfEVj2OQ==","shasum":"185e3b6d2e20d72f2bd8bd58a287cdc7bb45c04c","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.27.tgz","fileCount":16,"unpackedSize":39532,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEKW7+NIeCRsfbRlOzURyFN2c9q0bMH0VG+kpcMkElgvAiANGwKaCkBdbBgSI4lkHFqIuMqluP1meILdkc5Hq32NXg=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.27_1705635990190_0.5728598663143807"},"_hasShrinkwrap":false},"2.0.28-pr.1091.218e1597.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.28-pr.1091.218e1597.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.86","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.0"},"devDependencies":{"@kong/design-tokens":"1.12.4","@kong/kongponents":"9.0.0-alpha.91","vue":"^3.4.3","@kong-ui-public/i18n":"^2.1.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.13"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.28-pr.1091.218e1597.0","_integrity":"sha512-7zw2xOhICJwz5QwyBM4fFae02vLbzqUjUTBaD1Cf7gN4zcWtEoQ9h1ivp0QN7cHQ/9Jj76J/pOdULt9JI1Jpug==","_resolved":"/tmp/f59fadd840d322d5ab929090f75efb5d/kong-ui-public-copy-uuid-2.0.28-pr.1091.218e1597.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.28-pr.1091.218e1597.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-7zw2xOhICJwz5QwyBM4fFae02vLbzqUjUTBaD1Cf7gN4zcWtEoQ9h1ivp0QN7cHQ/9Jj76J/pOdULt9JI1Jpug==","shasum":"d84a5a73bc27933ec44fe12b601636ea8f488299","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.28-pr.1091.218e1597.0.tgz","fileCount":16,"unpackedSize":39551,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGb9xbcx4gkO8nJDG2c+Hg+4Ubg9EI1E4eQMyHjidHSfAiA6QRXuTX72eck9T134sIQjcz2WAAy0+c+L0NoRoh0lIQ=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.28-pr.1091.218e1597.0_1705673222860_0.43513221139166713"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.28":{"name":"@kong-ui-public/copy-uuid","version":"2.0.28","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.86","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.0"},"devDependencies":{"@kong/design-tokens":"1.12.4","@kong/kongponents":"9.0.0-alpha.91","vue":"^3.4.3","@kong-ui-public/i18n":"^2.1.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.13"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.28","_integrity":"sha512-1LLfrwMZBI6Av6D/l8MAu6M6uVv9i3qkVau/WnXq3T0e3YjSJUq64ovwhfjCQO3C4lI6jK2xNcxmq4pgt/OgeQ==","_resolved":"/tmp/b2dd5c38db21013fb726b19652db3201/kong-ui-public-copy-uuid-2.0.28.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.28.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-1LLfrwMZBI6Av6D/l8MAu6M6uVv9i3qkVau/WnXq3T0e3YjSJUq64ovwhfjCQO3C4lI6jK2xNcxmq4pgt/OgeQ==","shasum":"5bda4696ab87c0ac67c97b9f7d3cc9f29358ed33","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.28.tgz","fileCount":16,"unpackedSize":39532,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDC3qmbvKZVpPLNhokwPBQzEOeW2A9DkRYppCtet3mf8AiEAmcs9FuVtEcpqLStuhimWm9bk10fsNsQnq8Kz0tneh2E="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.28_1705674682854_0.8465029946095122"},"_hasShrinkwrap":false},"2.0.28-pr.1087.4d894cc7.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.28-pr.1087.4d894cc7.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.93","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.0"},"devDependencies":{"@kong/design-tokens":"1.12.4","@kong/kongponents":"9.0.0-alpha.93","vue":"^3.4.3","@kong-ui-public/i18n":"^2.1.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.13"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.28-pr.1087.4d894cc7.0","_integrity":"sha512-YJJ/qCYEkGkRoVR9djLvo/NJdjqsJVhn5zUAeipGCYgTInjimnYwdTysPR4Q4EPObIMlww2lc5f1L+5CBrXRZA==","_resolved":"/tmp/b5d98a224c068d0dc8a8cc3e0a976a49/kong-ui-public-copy-uuid-2.0.28-pr.1087.4d894cc7.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.28-pr.1087.4d894cc7.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-YJJ/qCYEkGkRoVR9djLvo/NJdjqsJVhn5zUAeipGCYgTInjimnYwdTysPR4Q4EPObIMlww2lc5f1L+5CBrXRZA==","shasum":"25459e3e9799c6ad9d9a3d0b5d0bf74914bcb5ad","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.28-pr.1087.4d894cc7.0.tgz","fileCount":16,"unpackedSize":39551,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDrjg87q+09g4dKa388DjlZjza9sV9gZrIj5Up2PE9vXQIgNBRK+yZLiAxM6JrWioV9JvBiuaWPptN1IMj7tXM9gXo="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.28-pr.1087.4d894cc7.0_1705674767616_0.6497399523595251"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.29":{"name":"@kong-ui-public/copy-uuid","version":"2.0.29","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.93","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.0"},"devDependencies":{"@kong/design-tokens":"1.12.4","@kong/kongponents":"9.0.0-alpha.93","vue":"^3.4.3","@kong-ui-public/i18n":"^2.1.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.13"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.29","_integrity":"sha512-A8Uv0/8rNmLexjCQ+dWnSbSJKCXFNnKvHHytRE6DxghHrbNQFAieTDy9+te6lq6WBjLQDhgRPq/Zd9mc0Qly3g==","_resolved":"/tmp/15ae083fe5b5422ac9ece9ae6b8b3110/kong-ui-public-copy-uuid-2.0.29.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.29.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-A8Uv0/8rNmLexjCQ+dWnSbSJKCXFNnKvHHytRE6DxghHrbNQFAieTDy9+te6lq6WBjLQDhgRPq/Zd9mc0Qly3g==","shasum":"7a5b0aa60b4c5a36de367908d8662765275fee19","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.29.tgz","fileCount":16,"unpackedSize":39532,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDC6Po2IgKLnbIgz/wCC+7m0TCA/r2/pUEGaHS/fDc2wAiBS+h7/3/YBSbWffogqF2NdQb/xgRfu5/gkDA5vP8smXA=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.29_1705676547477_0.20429567639354107"},"_hasShrinkwrap":false},"2.0.30-pr.1097.f709aec8.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.30-pr.1097.f709aec8.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.93","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.0"},"devDependencies":{"@kong/design-tokens":"1.12.4","@kong/kongponents":"9.0.0-pr.1967.fa2bc1b2.0","vue":"^3.4.3","@kong-ui-public/i18n":"^2.1.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.13"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.30-pr.1097.f709aec8.0","_integrity":"sha512-Z+AQYlY8kExhwcqEF/B4XUxEhcKSbtzBJNEBteMOepPjxWXSj4aEQHCs0Zv4642GThbumE+j7QK16qTV06SGQQ==","_resolved":"/tmp/26d71a1de91d2a46b8a3097c9c0a60b3/kong-ui-public-copy-uuid-2.0.30-pr.1097.f709aec8.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.30-pr.1097.f709aec8.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-Z+AQYlY8kExhwcqEF/B4XUxEhcKSbtzBJNEBteMOepPjxWXSj4aEQHCs0Zv4642GThbumE+j7QK16qTV06SGQQ==","shasum":"f3de810187c69d70a70aed6452a23bb37100cca9","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.30-pr.1097.f709aec8.0.tgz","fileCount":16,"unpackedSize":39561,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD/TdP/1/CuRFJfb9u2Ne7mQNZE5hVe5KW3vv9OK44CrgIhAKBLlSWmVEVb5Vihe3PblmJBbhT6wdM1KqDw7EBtVP08"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.30-pr.1097.f709aec8.0_1705951726265_0.4720083227959351"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.30-pr.1097.578d4221.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.30-pr.1097.578d4221.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.93","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.0"},"devDependencies":{"@kong/design-tokens":"1.12.4","@kong/kongponents":"9.0.0-pr.1967.fa2bc1b2.0","vue":"^3.4.3","@kong-ui-public/i18n":"^2.1.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.13"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.30-pr.1097.578d4221.0","_integrity":"sha512-+sLUwkY5q+NoCkf6Svx4FYYTQJtgwUNk/pc8hZ5q1SQd2LwCTAnb8vq/DbirqYRP68KO9v/2qgksjmr3/8J6GA==","_resolved":"/tmp/257cf0cd270ecd1b8f4c17b5f96aa47d/kong-ui-public-copy-uuid-2.0.30-pr.1097.578d4221.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.30-pr.1097.578d4221.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-+sLUwkY5q+NoCkf6Svx4FYYTQJtgwUNk/pc8hZ5q1SQd2LwCTAnb8vq/DbirqYRP68KO9v/2qgksjmr3/8J6GA==","shasum":"662ba5f56e2239df3f4990399f0051c06759fda5","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.30-pr.1097.578d4221.0.tgz","fileCount":16,"unpackedSize":39561,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBx140uXfA2lGjw6XGuqv/Ab3jISh4BDjSXPx6HZJNjyAiBwcfTvoIVNRiSgYosgPFqgBzdq0TNEjbnVm3IJthzt/Q=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.30-pr.1097.578d4221.0_1706020717179_0.2347270532020771"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.30-pr.1097.b8ad6987.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.30-pr.1097.b8ad6987.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.95","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.0"},"devDependencies":{"@kong/design-tokens":"1.12.4","@kong/kongponents":"9.0.0-alpha.95","vue":"^3.4.3","@kong-ui-public/i18n":"^2.1.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.13"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.30-pr.1097.b8ad6987.0","_integrity":"sha512-Jcq74j6D/5hjlGruo4XVTXe3W1xGpVxBqx7/LErfB0kuxgk5WqzE/t6fDqjetENZ/XK34Ykywdqp11MjAaGIFQ==","_resolved":"/tmp/6b631f5ebad646674f4d1f518fd3b9a0/kong-ui-public-copy-uuid-2.0.30-pr.1097.b8ad6987.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.30-pr.1097.b8ad6987.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-Jcq74j6D/5hjlGruo4XVTXe3W1xGpVxBqx7/LErfB0kuxgk5WqzE/t6fDqjetENZ/XK34Ykywdqp11MjAaGIFQ==","shasum":"835ef43a9e923817644de55adb0e0d9bfb0dc8c5","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.30-pr.1097.b8ad6987.0.tgz","fileCount":16,"unpackedSize":39551,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDJb8OyGVPV1MOCanbqH93+ssuWXxaW1gKrIbKJpOt9QwIgCu2MjSMqqdCdowNpCC1ovYu9TQz6WkrhLcnS+LZdXKw="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.30-pr.1097.b8ad6987.0_1706034536528_0.5268157233191686"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.30":{"name":"@kong-ui-public/copy-uuid","version":"2.0.30","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.95","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.0"},"devDependencies":{"@kong/design-tokens":"1.12.4","@kong/kongponents":"9.0.0-alpha.95","vue":"^3.4.3","@kong-ui-public/i18n":"^2.1.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.13"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.30","_integrity":"sha512-vERtrkeC0N8MJKs+RdKsFsDhDDK/F0PIwyYCP0A2tZXuxArM6RGc1un8SfK8SE7HiY9/DUeAnGzoyB+6TbaWyQ==","_resolved":"/tmp/6547cdace31fde1db14d683211dd7e57/kong-ui-public-copy-uuid-2.0.30.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.30.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-vERtrkeC0N8MJKs+RdKsFsDhDDK/F0PIwyYCP0A2tZXuxArM6RGc1un8SfK8SE7HiY9/DUeAnGzoyB+6TbaWyQ==","shasum":"0c0a9a0f38814dbc5237a4cedb74c7be9112b96a","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.30.tgz","fileCount":16,"unpackedSize":39532,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE7kHO54chC6zdm8NkmK0EXqxs4ShbgN3eQtAHFm9bJNAiEArGgJzmUiJCR0wij/22KKbgqx0VGMwN4+qMpWuK1ihwQ="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.30_1706036854347_0.5206993132646751"},"_hasShrinkwrap":false},"2.0.31":{"name":"@kong-ui-public/copy-uuid","version":"2.0.31","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.95","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.0"},"devDependencies":{"@kong/design-tokens":"1.12.4","@kong/kongponents":"9.0.0-alpha.95","vue":"^3.4.13","@kong-ui-public/i18n":"^2.1.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.13"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.31","_integrity":"sha512-plAW/zX1J0AY2P5WBsMxupdpk3UPj7XldPbyOhw2zA4Ynh6gJ+OI0ERTaJ0IA+RtLQSBWOHSdf7sEIRniPAN+Q==","_resolved":"/tmp/4709ffd5d6b1edd0f0226201a6cbae89/kong-ui-public-copy-uuid-2.0.31.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.31.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-plAW/zX1J0AY2P5WBsMxupdpk3UPj7XldPbyOhw2zA4Ynh6gJ+OI0ERTaJ0IA+RtLQSBWOHSdf7sEIRniPAN+Q==","shasum":"7f7730c758e02750a61d9b457d462c4e0a683cca","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.31.tgz","fileCount":16,"unpackedSize":39533,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAks8hyzpwTwwqprb51cPdvR2WHLz0z0zFSlL9EAhrnCAiEA+j10b7laquLyohYpUJViNGbj+yVViBd+yejaLz3+iCA="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.31_1706131440428_0.9790858299742224"},"_hasShrinkwrap":false},"2.0.32":{"name":"@kong-ui-public/copy-uuid","version":"2.0.32","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.95","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.0"},"devDependencies":{"@kong/design-tokens":"1.12.6","@kong/kongponents":"9.0.0-alpha.95","vue":"^3.4.13","@kong-ui-public/i18n":"^2.1.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.32","_integrity":"sha512-bIrr9Me2O0IwsUlUvpMtIVrAaoHUIY49FgTIpiFr6sNTqbfgFpF6bJ25bq1cMVsMTQYL/UjEG3RvNNWKUDkNZQ==","_resolved":"/tmp/a144af23dfd4bb99731b64d33b2fdc67/kong-ui-public-copy-uuid-2.0.32.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.32.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-bIrr9Me2O0IwsUlUvpMtIVrAaoHUIY49FgTIpiFr6sNTqbfgFpF6bJ25bq1cMVsMTQYL/UjEG3RvNNWKUDkNZQ==","shasum":"55355adcb1fd6a59bd18e4a3e94c4f3e947f8e01","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.32.tgz","fileCount":16,"unpackedSize":39533,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBSjVDmmlvnNC99oHfCNPRare58jNvo723+W4aR0p+iYAiBzTfZKBdRGqM16S1D2cloULFX3xW7G+/t0LE9byJkCoQ=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.32_1706147468451_0.03900893346823886"},"_hasShrinkwrap":false},"2.0.33":{"name":"@kong-ui-public/copy-uuid","version":"2.0.33","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.95","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.0"},"devDependencies":{"@kong/design-tokens":"1.12.7","@kong/kongponents":"9.0.0-alpha.95","vue":"^3.4.13","@kong-ui-public/i18n":"^2.1.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.33","_integrity":"sha512-gwmFaHlNBpWh5Td74nTqnH4j1uv0hSJ63+nOCm+InZGKycbqCqs7hOvUAPnE0ZXUI+dBzxaduEuJy0JZihETaw==","_resolved":"/tmp/92fda329f8db145035a10d40793924ad/kong-ui-public-copy-uuid-2.0.33.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.33.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-gwmFaHlNBpWh5Td74nTqnH4j1uv0hSJ63+nOCm+InZGKycbqCqs7hOvUAPnE0ZXUI+dBzxaduEuJy0JZihETaw==","shasum":"7c669e48f3f52d33c34360d09cff9e16ac27a137","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.33.tgz","fileCount":16,"unpackedSize":39533,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIED9g3l8mC+UAe7d6nwkskUCuN+lkxvYcbRhzbvkz033AiBaE1KW9NNMmAT/MAML7IyNrdjaAoK10PtPECo2rhBnUQ=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.33_1706235590739_0.7201730990811406"},"_hasShrinkwrap":false},"2.0.34":{"name":"@kong-ui-public/copy-uuid","version":"2.0.34","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.95","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.1"},"devDependencies":{"@kong/design-tokens":"1.12.7","@kong/kongponents":"9.0.0-alpha.95","vue":"^3.4.13","@kong-ui-public/i18n":"^2.1.1"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.34","_integrity":"sha512-mKavpUq5VZAbTUWaGiPBdd/kxK4wGQjvXKlUcTxwx0Q3gbrm4NaZOfq7sPf4K6fI9/bZlr+8LFFLlLcOgaWHKA==","_resolved":"/tmp/19439cb4aaa9df0ae3983b38bf342623/kong-ui-public-copy-uuid-2.0.34.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.34.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-mKavpUq5VZAbTUWaGiPBdd/kxK4wGQjvXKlUcTxwx0Q3gbrm4NaZOfq7sPf4K6fI9/bZlr+8LFFLlLcOgaWHKA==","shasum":"7b5a2e636f862514c089f2a6c3e21866e93ad8ea","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.34.tgz","fileCount":16,"unpackedSize":39533,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGeKe+78dvoJChEtIi5KQTrpUmUFJrTNKhIAciWqv5HDAiEA8SJ7zcmtZWIUOqatqPntsd91f1omrgF7ISRp7PhOd9c="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.34_1706716495394_0.14281804475240834"},"_hasShrinkwrap":false},"2.0.35-pr.1129.23fef1a8.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.35-pr.1129.23fef1a8.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.95","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.2-pr.1129.23fef1a8.0"},"devDependencies":{"@kong/design-tokens":"1.12.7","@kong/kongponents":"9.0.0-alpha.95","vue":"^3.4.13","@kong-ui-public/i18n":"^2.1.2-pr.1129.23fef1a8.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.35-pr.1129.23fef1a8.0","_integrity":"sha512-gIWx6ZymVlHd/vpkubCM1RDz0F/iSP22M+n0E5HddGAdNzZdLS7nD6lbYq7OABG4iIWQOHcBcWNgQi3lRZZP/A==","_resolved":"/tmp/6258945d30b0d9a05f740d6f5ba68c40/kong-ui-public-copy-uuid-2.0.35-pr.1129.23fef1a8.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.35-pr.1129.23fef1a8.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-gIWx6ZymVlHd/vpkubCM1RDz0F/iSP22M+n0E5HddGAdNzZdLS7nD6lbYq7OABG4iIWQOHcBcWNgQi3lRZZP/A==","shasum":"cf524e703a9cc3009e6eb1992a08676843e7be96","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.35-pr.1129.23fef1a8.0.tgz","fileCount":16,"unpackedSize":39590,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCEposng1d+v6hJdbCIOeCuDTWcrFowfox/JIRJDzGI/gIhAKPJAwAg7SNVI6N2VLtJI48vSYd3IUAMC5PDXQgEPWgc"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.35-pr.1129.23fef1a8.0_1706734726795_0.4651094862329921"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.35-pr.1129.9266452c.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.35-pr.1129.9266452c.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.95","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.2-pr.1129.9266452c.0"},"devDependencies":{"@kong/design-tokens":"1.12.7","@kong/kongponents":"9.0.0-alpha.95","vue":"^3.4.13","@kong-ui-public/i18n":"^2.1.2-pr.1129.9266452c.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.35-pr.1129.9266452c.0","_integrity":"sha512-Z4l6PI5ITPQ18uAWdyWvuLeaolAL95GJ42vgzDL709SkpiPq/HSJJR+OzcMxPiuqO32UksJLBlSmLMR239ch9w==","_resolved":"/tmp/adbbb26636dffbc84ff8e5ddee73436b/kong-ui-public-copy-uuid-2.0.35-pr.1129.9266452c.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.35-pr.1129.9266452c.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-Z4l6PI5ITPQ18uAWdyWvuLeaolAL95GJ42vgzDL709SkpiPq/HSJJR+OzcMxPiuqO32UksJLBlSmLMR239ch9w==","shasum":"ac677026dad40481a7348f2643ab325eda17457e","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.35-pr.1129.9266452c.0.tgz","fileCount":16,"unpackedSize":39590,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCcIPkK63nqJsFq18zJt38LgA/zx/zB+qF2V0IBP+LJAAIhANQ/vhCdtSQ/5zKvJMiq/Pe1s/vLWL8+thpGqh82vnho"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.35-pr.1129.9266452c.0_1706735911931_0.5414424024526558"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.35-pr.1129.044bacba.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.35-pr.1129.044bacba.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.95","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.2-pr.1129.044bacba.0"},"devDependencies":{"@kong/design-tokens":"1.12.7","@kong/kongponents":"9.0.0-alpha.95","vue":"^3.4.13","@kong-ui-public/i18n":"^2.1.2-pr.1129.044bacba.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.35-pr.1129.044bacba.0","_integrity":"sha512-bPLpc9NzO55xULTinh/YzEeEdXvP8a8Q1k7pL8ojWbCPRkjVMgsn6dDnYoyM1bccbp+DJ9j3oZGP3WeuCw5/VQ==","_resolved":"/tmp/4e8e06060829cf45b65cdb14549c1a3f/kong-ui-public-copy-uuid-2.0.35-pr.1129.044bacba.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.35-pr.1129.044bacba.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-bPLpc9NzO55xULTinh/YzEeEdXvP8a8Q1k7pL8ojWbCPRkjVMgsn6dDnYoyM1bccbp+DJ9j3oZGP3WeuCw5/VQ==","shasum":"a008cd4abb91c13dde51fad820c8cd915783d6ec","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.35-pr.1129.044bacba.0.tgz","fileCount":16,"unpackedSize":39590,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCT//HuG/elHqKieqi1rAibCldrFsoCM6FXj6KI8vkaDAIhALKAuyXrUv7f1qhF0gCNc9Xn3KLsEnRfK8Khj2jbzdIL"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.35-pr.1129.044bacba.0_1706805227123_0.7637710501590069"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.35-pr.1129.b5e91dff.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.35-pr.1129.b5e91dff.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.95","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.2-pr.1129.b5e91dff.0"},"devDependencies":{"@kong/design-tokens":"1.12.7","@kong/kongponents":"9.0.0-alpha.95","vue":"^3.4.13","@kong-ui-public/i18n":"^2.1.2-pr.1129.b5e91dff.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.35-pr.1129.b5e91dff.0","_integrity":"sha512-PMFMFgs6nfD5pPa82qF5LXUfkMzhFw9oOc/k4tELRHTHad0KE5RFqs+/j3PdceADpONb3y0J40bb7ErNPZrk+Q==","_resolved":"/tmp/e88b4c2591ef63d7897c2aa117ae7775/kong-ui-public-copy-uuid-2.0.35-pr.1129.b5e91dff.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.35-pr.1129.b5e91dff.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-PMFMFgs6nfD5pPa82qF5LXUfkMzhFw9oOc/k4tELRHTHad0KE5RFqs+/j3PdceADpONb3y0J40bb7ErNPZrk+Q==","shasum":"f956fd7667dcc3a1b36b52919f9bba38e3695ae9","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.35-pr.1129.b5e91dff.0.tgz","fileCount":16,"unpackedSize":39590,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAHe/dJ05ckIOsg8Z8uqpYKYvbJDS2ONRDCZlIlxrm0cAiBvnIHfZYaRSBR7/C0713jsEnHVny/UIcSkX66OAhroFQ=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.35-pr.1129.b5e91dff.0_1706805798674_0.34986371269600713"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.35-pr.1135.c883e56f.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.35-pr.1135.c883e56f.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.95","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.1"},"devDependencies":{"@kong/design-tokens":"1.12.7","@kong/kongponents":"9.0.0-pr.1972.93c8e7bf.0","vue":"^3.4.13","@kong-ui-public/i18n":"^2.1.1"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.35-pr.1135.c883e56f.0","_integrity":"sha512-d3lIUkaIGznTSqWY67MpCVA5TuwzAEPnOx0aQhR9quD06VdGEA6MZ8isKvsxFycLqdoFnEFXzap2VfKToET6pA==","_resolved":"/tmp/a8a38dc5e4d45eced0029dfe85039788/kong-ui-public-copy-uuid-2.0.35-pr.1135.c883e56f.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.35-pr.1135.c883e56f.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-d3lIUkaIGznTSqWY67MpCVA5TuwzAEPnOx0aQhR9quD06VdGEA6MZ8isKvsxFycLqdoFnEFXzap2VfKToET6pA==","shasum":"a2a99dceef25ccd79558ec401036767e50d7515e","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.35-pr.1135.c883e56f.0.tgz","fileCount":16,"unpackedSize":39562,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDFPJD7Ux1lynx/b/g5kYcrR+ZUcnEveKdTFdwhkIXsswIhAPeK0pTFR9hCi4uqZthSvPr2+GJGgRTET0N+W7SLEG2N"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.35-pr.1135.c883e56f.0_1706810175010_0.22214142796508396"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.35-pr.1135.f0d667ad.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.35-pr.1135.f0d667ad.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.95","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.1"},"devDependencies":{"@kong/design-tokens":"1.12.7","@kong/kongponents":"9.0.0-pr.1972.30ce2198.0","vue":"^3.4.13","@kong-ui-public/i18n":"^2.1.1"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.35-pr.1135.f0d667ad.0","_integrity":"sha512-KagpStJ1lw0Q5TdBIOXiCqeFkDgcGXwh7617zvmVnTzb0XM23lSFt1qYQB+WWh3r/PkejlfkFtL2VXzCIdlXKQ==","_resolved":"/tmp/52328ef6e73ce601cc5054b18d738cea/kong-ui-public-copy-uuid-2.0.35-pr.1135.f0d667ad.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.35-pr.1135.f0d667ad.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-KagpStJ1lw0Q5TdBIOXiCqeFkDgcGXwh7617zvmVnTzb0XM23lSFt1qYQB+WWh3r/PkejlfkFtL2VXzCIdlXKQ==","shasum":"7676b674b0234569c3a8e787e0114bbefe9a0b82","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.35-pr.1135.f0d667ad.0.tgz","fileCount":16,"unpackedSize":39562,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB0A4UaWJwueT6dMSLLvC/R1lwG5017qhBl+CWThU7G2AiEA2ucIpb78hqxKeXjOJLKmAKgaqAtnZJS0WoZoM4MGqgY="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.35-pr.1135.f0d667ad.0_1706810661731_0.6841631865412405"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.35-pr.1135.bff69cfe.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.35-pr.1135.bff69cfe.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.95","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.1"},"devDependencies":{"@kong/design-tokens":"1.12.7","@kong/kongponents":"9.0.0-pr.1972.30ce2198.0","vue":"^3.4.13","@kong-ui-public/i18n":"^2.1.1"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.35-pr.1135.bff69cfe.0","_integrity":"sha512-sPX62aV5n1F//xORbQOmB9Z3xtREZCo/9AYX35UlIs53/vuxzIguGeZH5E+U0a5vfTDSZBKAqOTIytJ+/JfbjA==","_resolved":"/tmp/d4502d70d802cb65b96baf5fbbda2df5/kong-ui-public-copy-uuid-2.0.35-pr.1135.bff69cfe.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.35-pr.1135.bff69cfe.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-sPX62aV5n1F//xORbQOmB9Z3xtREZCo/9AYX35UlIs53/vuxzIguGeZH5E+U0a5vfTDSZBKAqOTIytJ+/JfbjA==","shasum":"d032ac64c512cb5d2b30065f73542260c25a6a3c","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.35-pr.1135.bff69cfe.0.tgz","fileCount":16,"unpackedSize":39562,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBj39K+CxX9bEZvfm/3xIFENMDMItHyBKZcHkMD9BNf1AiEA4Z5VdmO8SVfjYcMI/JyzIesIjihA4AZ2N4ZVkf2uOVQ="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.35-pr.1135.bff69cfe.0_1706813166298_0.11404566610516342"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.35-pr.1129.2bde0196.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.35-pr.1129.2bde0196.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.95","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.2-pr.1129.2bde0196.0"},"devDependencies":{"@kong/design-tokens":"1.12.7","@kong/kongponents":"9.0.0-alpha.95","vue":"^3.4.13","@kong-ui-public/i18n":"^2.1.2-pr.1129.2bde0196.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.35-pr.1129.2bde0196.0","_integrity":"sha512-N1iWKRAYc5l/W6lPLNld7zOKhUOz6I+esD7601SENX55a8BEw0Ro+8DAszAMpycUxqCGKVNSrweYL33VCmaShA==","_resolved":"/tmp/63155cedcd56101dab45c91d8a916a8d/kong-ui-public-copy-uuid-2.0.35-pr.1129.2bde0196.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.35-pr.1129.2bde0196.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-N1iWKRAYc5l/W6lPLNld7zOKhUOz6I+esD7601SENX55a8BEw0Ro+8DAszAMpycUxqCGKVNSrweYL33VCmaShA==","shasum":"8e7b5b92441398d2c55a52ab35b4d928e1fe4258","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.35-pr.1129.2bde0196.0.tgz","fileCount":16,"unpackedSize":39590,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAVrC/jmmh/g9IWa/oDDnausZ4wE6f+VWe2RGaMlXlY2AiEA8VrinVDRdmPOEWZPI/O6iHwQ/D9cMvy0twtxIi7ZPAc="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.35-pr.1129.2bde0196.0_1706818267428_0.7090364031537879"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.35-pr.1135.ffe37314.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.35-pr.1135.ffe37314.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.95","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.1"},"devDependencies":{"@kong/design-tokens":"1.12.7","@kong/kongponents":"9.0.0-pr.1972.30ce2198.0","vue":"^3.4.13","@kong-ui-public/i18n":"^2.1.1"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.35-pr.1135.ffe37314.0","_integrity":"sha512-9eOd0WOPsuahu4lFLl7q3WsF+nFdCYWm+ui9lB0PHp2zl9WWhsTJBaDby9MeuRUirF+WjlFR0B6IK7qI0OW8jA==","_resolved":"/tmp/742a04f8ff46a3558bf796c5d38efbe9/kong-ui-public-copy-uuid-2.0.35-pr.1135.ffe37314.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.35-pr.1135.ffe37314.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-9eOd0WOPsuahu4lFLl7q3WsF+nFdCYWm+ui9lB0PHp2zl9WWhsTJBaDby9MeuRUirF+WjlFR0B6IK7qI0OW8jA==","shasum":"515d4f8feed8e0f1fbdb482c05ae028a039b5fd7","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.35-pr.1135.ffe37314.0.tgz","fileCount":16,"unpackedSize":39562,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA/HCyBEqbOdpTUFYxZTT615pRa/sjVDSN0/zFv6rgyIAiEA7b/WWZYi/erGbtjenn4IZW2pYOCmjUVZr28jjfv+nbk="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.35-pr.1135.ffe37314.0_1706822375697_0.3770844512698184"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.35-pr.1135.54c1c904.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.35-pr.1135.54c1c904.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.95","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.1"},"devDependencies":{"@kong/design-tokens":"1.12.7","@kong/kongponents":"9.0.0-pr.1972.30ce2198.0","vue":"^3.4.13","@kong-ui-public/i18n":"^2.1.1"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.35-pr.1135.54c1c904.0","_integrity":"sha512-7RNhJ1Dh7CktfA9NFoY1iOvwSRC1faINa8bewQm6bO88pFBDoHD2f2iO3KvCb3GkmrB3JbdMOMRw7dZCi8714Q==","_resolved":"/tmp/f80566dd1c5e299e76460f297fcb5991/kong-ui-public-copy-uuid-2.0.35-pr.1135.54c1c904.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.35-pr.1135.54c1c904.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-7RNhJ1Dh7CktfA9NFoY1iOvwSRC1faINa8bewQm6bO88pFBDoHD2f2iO3KvCb3GkmrB3JbdMOMRw7dZCi8714Q==","shasum":"349043c5132413c77397e509d7b4ba2c4d952d5e","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.35-pr.1135.54c1c904.0.tgz","fileCount":16,"unpackedSize":39562,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDmwsHKHbKtMeBdWPnt4YdSbM+Eu6VbcGWb0uh+T55WcwIgIqTuIYrOqsZINtbnCw9JP9CczdJNSpd+tiz1lKs/FUI="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.35-pr.1135.54c1c904.0_1706823744895_0.3813600490513722"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.35-pr.1129.4f542706.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.35-pr.1129.4f542706.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.95","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.2-pr.1129.4f542706.0"},"devDependencies":{"@kong/design-tokens":"1.12.7","@kong/kongponents":"9.0.0-alpha.95","vue":"^3.4.13","@kong-ui-public/i18n":"^2.1.2-pr.1129.4f542706.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.35-pr.1129.4f542706.0","_integrity":"sha512-idjYHklFNDmiTMQPQ/psEtlRoxL9Adx0hWfAiciUod0qSQoDZr7GCUjUUAG+Dsmo0DT2TlDRfVD/tGW/G9ONiQ==","_resolved":"/tmp/64de4897411b9e9b8409c8e08d84a8e4/kong-ui-public-copy-uuid-2.0.35-pr.1129.4f542706.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.35-pr.1129.4f542706.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-idjYHklFNDmiTMQPQ/psEtlRoxL9Adx0hWfAiciUod0qSQoDZr7GCUjUUAG+Dsmo0DT2TlDRfVD/tGW/G9ONiQ==","shasum":"507eefc15c1b37b6af6cf64d05718bd91112dd36","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.35-pr.1129.4f542706.0.tgz","fileCount":16,"unpackedSize":39590,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDzb3+9uhgV1pxvZbPBvE+DMDok6G90dxSIxGE9mtF/wAIhAJTzXLAxB8v5WpHldwYNVlgfoJMSmMZhyrhb8SSJ8hB/"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.35-pr.1129.4f542706.0_1706824286097_0.9387359572367724"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.35-pr.1135.2661ad9d.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.35-pr.1135.2661ad9d.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.95","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.1"},"devDependencies":{"@kong/design-tokens":"1.12.7","@kong/kongponents":"9.0.0-pr.1972.30ce2198.0","vue":"^3.4.13","@kong-ui-public/i18n":"^2.1.1"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.35-pr.1135.2661ad9d.0","_integrity":"sha512-xeDlgpN/XIxM7kD0BTDEa0YsMrV1259x8aFi3O6f5Z6qwM54PrSBBgTNhWU/ySRz1/SZhsZW8UvpkdNwWxvFng==","_resolved":"/tmp/2f243c6a8f8a479bfa510beafe0452dd/kong-ui-public-copy-uuid-2.0.35-pr.1135.2661ad9d.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.35-pr.1135.2661ad9d.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-xeDlgpN/XIxM7kD0BTDEa0YsMrV1259x8aFi3O6f5Z6qwM54PrSBBgTNhWU/ySRz1/SZhsZW8UvpkdNwWxvFng==","shasum":"b8fa140f2c902347f1dd42a70fcdbd03681dfb1c","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.35-pr.1135.2661ad9d.0.tgz","fileCount":16,"unpackedSize":39562,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC0VtAZ99XfXMHO3NX1A5k+3L/sJs/DxjYVHtDCxQbsfQIgcgXbyqf/JzyuI5ZnjRcgfxkfjDLq/yTbC8PWR3/O+hc="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.35-pr.1135.2661ad9d.0_1706825888687_0.4043641053773446"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.35-pr.1135.d5b82380.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.35-pr.1135.d5b82380.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.95","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.1"},"devDependencies":{"@kong/design-tokens":"1.12.7","@kong/kongponents":"9.0.0-pr.1972.30ce2198.0","vue":"^3.4.13","@kong-ui-public/i18n":"^2.1.1"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.35-pr.1135.d5b82380.0","_integrity":"sha512-QiAbHiKvc8sJ/0Wsw28urrqAX3FIusi7vtYS56wblQ7cKzbRd6je5HvI6E4h2Xws+Z0zeMcv0tv2CJVfjfYHjw==","_resolved":"/tmp/ec5ce69c088bf6cad32d18f2c876932e/kong-ui-public-copy-uuid-2.0.35-pr.1135.d5b82380.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.35-pr.1135.d5b82380.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-QiAbHiKvc8sJ/0Wsw28urrqAX3FIusi7vtYS56wblQ7cKzbRd6je5HvI6E4h2Xws+Z0zeMcv0tv2CJVfjfYHjw==","shasum":"22e6d0982e181bf9ea83a1a1e490fe89e8878207","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.35-pr.1135.d5b82380.0.tgz","fileCount":16,"unpackedSize":39562,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBOXufU9vPtV+F+4s8ar6CqERudqxkeiXL3qebjAuQ2CAiApgm8M8dKiWZhh/+J/DzcCIsm8PuOyNgLd4MHImFa2Wg=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.35-pr.1135.d5b82380.0_1706829106082_0.47758775308874135"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.35-pr.1135.b3a8caaf.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.35-pr.1135.b3a8caaf.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.95","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.1"},"devDependencies":{"@kong/design-tokens":"1.12.7","@kong/kongponents":"9.0.0-pr.1972.30ce2198.0","vue":"^3.4.13","@kong-ui-public/i18n":"^2.1.1"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.35-pr.1135.b3a8caaf.0","_integrity":"sha512-uMxN7qu0966kwzKknMcMLh8rGQoKp+zVre1ZmmveIARSUbSwX1oDq8OgxpnLeZVo6ZUzyiVMKkhiKbVyl4oGkQ==","_resolved":"/tmp/f25132c0da4c7ffc31f4f38a42d45f01/kong-ui-public-copy-uuid-2.0.35-pr.1135.b3a8caaf.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.35-pr.1135.b3a8caaf.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-uMxN7qu0966kwzKknMcMLh8rGQoKp+zVre1ZmmveIARSUbSwX1oDq8OgxpnLeZVo6ZUzyiVMKkhiKbVyl4oGkQ==","shasum":"581bf7db30bcad80fdb5ea541ba589763e95751f","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.35-pr.1135.b3a8caaf.0.tgz","fileCount":16,"unpackedSize":39562,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCDto9nWjPjCT3Jiip1uNqj9IukKO9fqvZe+q8ha94jhwIgOQuD2FlxHe+Z4mV3f39nVDGbdjyXXuuVieawTo1b1fQ="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.35-pr.1135.b3a8caaf.0_1706830760990_0.5762830535096621"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.35-pr.1135.10de3151.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.35-pr.1135.10de3151.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.95","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.1"},"devDependencies":{"@kong/design-tokens":"1.12.7","@kong/kongponents":"9.0.0-pr.1972.30ce2198.0","vue":"^3.4.13","@kong-ui-public/i18n":"^2.1.1"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.35-pr.1135.10de3151.0","_integrity":"sha512-ZHTB2KXcy+0StXHz9ipfwfMLGUXnDFUSy5LH99tqirXdGmByd4RYP1uZKnXK4DPaOJIqQHNf3txmnf6Vy4yavw==","_resolved":"/tmp/435719d94edb09427cee4bb313f3684e/kong-ui-public-copy-uuid-2.0.35-pr.1135.10de3151.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.35-pr.1135.10de3151.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-ZHTB2KXcy+0StXHz9ipfwfMLGUXnDFUSy5LH99tqirXdGmByd4RYP1uZKnXK4DPaOJIqQHNf3txmnf6Vy4yavw==","shasum":"4fbbed56017a2bd37124d8da1ebd880d2e469533","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.35-pr.1135.10de3151.0.tgz","fileCount":16,"unpackedSize":39562,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC8sSZPh61Afu9W9DTg8wxBIv0qUH47hSUbKOsKThFZMgIhAPvyvRYtG4puWurb0I0TaCJ3lazBlOEorP9Z3EU23K7m"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.35-pr.1135.10de3151.0_1706836644724_0.5542084670886709"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.35-pr.1135.5b9ba089.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.35-pr.1135.5b9ba089.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.95","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.1"},"devDependencies":{"@kong/design-tokens":"1.12.7","@kong/kongponents":"9.0.0-pr.1972.30ce2198.0","vue":"^3.4.13","@kong-ui-public/i18n":"^2.1.1"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.35-pr.1135.5b9ba089.0","_integrity":"sha512-Cq4AxAriFiHERyYksHVl+aLjqjHOZzicCr6dki2onsFMcTh0bbKhxsWuBXIam/xJBGjel+Wa428KDyWRyWhc8g==","_resolved":"/tmp/5ed104fb8b9de8c89cb8f0be739cb410/kong-ui-public-copy-uuid-2.0.35-pr.1135.5b9ba089.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.35-pr.1135.5b9ba089.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-Cq4AxAriFiHERyYksHVl+aLjqjHOZzicCr6dki2onsFMcTh0bbKhxsWuBXIam/xJBGjel+Wa428KDyWRyWhc8g==","shasum":"99ce1b480bff060631b06e6f65706f3da58fbbfa","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.35-pr.1135.5b9ba089.0.tgz","fileCount":16,"unpackedSize":39562,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICbr6uuFMCvz7ikRs9mK7X18Y8l5vkcQnnAKoSoU2ZpTAiBrDX8rYvMpnTABn51LiRgn6oRYmlPzbHpk4QY3TcSe+w=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.35-pr.1135.5b9ba089.0_1706897173847_0.6414118458316067"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.35-pr.1135.59f31c56.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.35-pr.1135.59f31c56.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.95","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.1"},"devDependencies":{"@kong/design-tokens":"1.12.7","@kong/kongponents":"9.0.0-pr.1972.30ce2198.0","vue":"^3.4.13","@kong-ui-public/i18n":"^2.1.1"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.35-pr.1135.59f31c56.0","_integrity":"sha512-2VbZejHsQqz2Sp2h2WebpgtfMffPaJ7gyiDClHzhNCvJqsinysalWv17lTUcl6e9syYHXFBqP2fYHyQR2WvpaA==","_resolved":"/tmp/2c663ec32214e493abd027c77f011f50/kong-ui-public-copy-uuid-2.0.35-pr.1135.59f31c56.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.35-pr.1135.59f31c56.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-2VbZejHsQqz2Sp2h2WebpgtfMffPaJ7gyiDClHzhNCvJqsinysalWv17lTUcl6e9syYHXFBqP2fYHyQR2WvpaA==","shasum":"9360b313c8e833d78f7076dfa9a4a29c1f731fe9","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.35-pr.1135.59f31c56.0.tgz","fileCount":16,"unpackedSize":39562,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCgAK/cNMWv4SLlGyPN8bl+BEkEv9hUXb/u1v0IbRpiHAIhALYxtbJxMh1KPmhzg6CX639lLAaGJmH/jwjXCUtpzgFw"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.35-pr.1135.59f31c56.0_1706899392300_0.13363244164536936"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.35-pr.1135.95a0b9e9.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.35-pr.1135.95a0b9e9.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.95","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.1"},"devDependencies":{"@kong/design-tokens":"1.12.7","@kong/kongponents":"9.0.0-pr.1972.30ce2198.0","vue":"^3.4.13","@kong-ui-public/i18n":"^2.1.1"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.35-pr.1135.95a0b9e9.0","_integrity":"sha512-RkbWFoPCjsOKFJh+afglauNaByeaQLyHLxpbprwGMd0b/d7fKzA5K3n6Nzl6kSHlZYTvXkm8xOFhK7XV5toaOQ==","_resolved":"/tmp/85828f71352b7e578d027ac2fe24f438/kong-ui-public-copy-uuid-2.0.35-pr.1135.95a0b9e9.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.35-pr.1135.95a0b9e9.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-RkbWFoPCjsOKFJh+afglauNaByeaQLyHLxpbprwGMd0b/d7fKzA5K3n6Nzl6kSHlZYTvXkm8xOFhK7XV5toaOQ==","shasum":"aecefef015555bda89980500a9fb74fabe744b37","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.35-pr.1135.95a0b9e9.0.tgz","fileCount":16,"unpackedSize":39562,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC96Smr7EsDb89eHt3ZCAQ2KhgMlntplCNvrD0QFE2ukQIhALOia8EaHE846a+ChOxeavie3dQdKgaQ+hOSBKotVoAP"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.35-pr.1135.95a0b9e9.0_1706913244249_0.7517457708395854"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.35":{"name":"@kong-ui-public/copy-uuid","version":"2.0.35","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.95","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.2"},"devDependencies":{"@kong/design-tokens":"1.12.7","@kong/kongponents":"9.0.0-alpha.95","vue":"^3.4.13","@kong-ui-public/i18n":"^2.1.2"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.35","_integrity":"sha512-qlnS0nsTWn7qUpt+qAs/tMZtJjlaVjk/ldm8TvshavHlGOX9CrAnHN7mAIl9HWrnosea1B+0CnAAxz7VgyOFNw==","_resolved":"/tmp/9b11482abe5a7354a5d0fb7eb53a3dee/kong-ui-public-copy-uuid-2.0.35.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.35.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-qlnS0nsTWn7qUpt+qAs/tMZtJjlaVjk/ldm8TvshavHlGOX9CrAnHN7mAIl9HWrnosea1B+0CnAAxz7VgyOFNw==","shasum":"09fc81b631f188ecb5ffec0c972377cc6bc3d000","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.35.tgz","fileCount":16,"unpackedSize":39533,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCO2bEYVezsa1n6mIW6l1gPdQCxTz33xu7eDAchcuU3WQIhAJHGVqEvB4ArQo8BGwVEfekFaEjdetPdEZkvXhnHquFW"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.35_1707119850742_0.29989090809041796"},"_hasShrinkwrap":false},"2.0.36-pr.1135.8280e330.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.36-pr.1135.8280e330.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.95","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.3-pr.1135.8280e330.0"},"devDependencies":{"@kong/design-tokens":"1.12.7","@kong/kongponents":"9.0.0-pr.1972.30ce2198.0","vue":"^3.4.13","@kong-ui-public/i18n":"^2.1.3-pr.1135.8280e330.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.36-pr.1135.8280e330.0","_integrity":"sha512-tVGBalNOc0v19Oi6j1y5U63XLWVE2fVT0+V5Kl7zznyYZhbFLHYKQaUaz8/sONS2a/NVA3nrpl00yEfEXR6gGA==","_resolved":"/tmp/43c0559103d3ef9627cfaba87f41473f/kong-ui-public-copy-uuid-2.0.36-pr.1135.8280e330.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.36-pr.1135.8280e330.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-tVGBalNOc0v19Oi6j1y5U63XLWVE2fVT0+V5Kl7zznyYZhbFLHYKQaUaz8/sONS2a/NVA3nrpl00yEfEXR6gGA==","shasum":"cb0c7d9e11bf3a020fb95d444f2921a9ddbe1cff","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.36-pr.1135.8280e330.0.tgz","fileCount":16,"unpackedSize":39600,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCmkmw6LZJKY538VqcUIeIe9jkcQeUrN/ELU2+JwJrArAIgZtfJi/epSeucx1KWNOp3Xj6jqZMYxOAt6e35e5EVuek="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.36-pr.1135.8280e330.0_1707146086634_0.0752116222745427"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.36-pr.1135.445c9869.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.36-pr.1135.445c9869.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.101","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.3-pr.1135.445c9869.0"},"devDependencies":{"@kong/design-tokens":"1.12.7","@kong/kongponents":"9.0.0-alpha.101","vue":"^3.4.13","@kong-ui-public/i18n":"^2.1.3-pr.1135.445c9869.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.36-pr.1135.445c9869.0","_integrity":"sha512-84yUQ1xMbtE/gKtkBUqRDDN0lhtiTXh1dxLs3ykyu2iJeGNC+AuxwdJPJ7eJMieO9c92Sy3C9DymuCCRCzXoRA==","_resolved":"/tmp/83d7e92c59e16e41a50b17d4fab8a9b9/kong-ui-public-copy-uuid-2.0.36-pr.1135.445c9869.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.36-pr.1135.445c9869.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-84yUQ1xMbtE/gKtkBUqRDDN0lhtiTXh1dxLs3ykyu2iJeGNC+AuxwdJPJ7eJMieO9c92Sy3C9DymuCCRCzXoRA==","shasum":"c161e0b5c41d112269d0632808e81225a070d816","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.36-pr.1135.445c9869.0.tgz","fileCount":16,"unpackedSize":39592,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDloWgItHat+l92NzEUY51NjG4o9AD/Ajsf8TVWpB/cXQIhAPWiEX69c+0sBjL6rhwdR7clSi2wSus7xlrgdnuVlIUB"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.36-pr.1135.445c9869.0_1707148565125_0.5476663299219269"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.36":{"name":"@kong-ui-public/copy-uuid","version":"2.0.36","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.101","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.2"},"devDependencies":{"@kong/design-tokens":"1.12.7","@kong/kongponents":"9.0.0-alpha.101","vue":"^3.4.13","@kong-ui-public/i18n":"^2.1.2"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.36","_integrity":"sha512-zwiwqtwXVnMBsVtZKK0LP1YvsQZayIpIuKm3RW+un6QHeAGUOLk4Uvt/cqWcg14t8HtCXpCgS0VvLJ1xNkr5Mg==","_resolved":"/tmp/22a3572daeaf2d015f3217da0df4197c/kong-ui-public-copy-uuid-2.0.36.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.36.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-zwiwqtwXVnMBsVtZKK0LP1YvsQZayIpIuKm3RW+un6QHeAGUOLk4Uvt/cqWcg14t8HtCXpCgS0VvLJ1xNkr5Mg==","shasum":"b76ee33e45c37363d88a6452435a4fb05d3957a2","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.36.tgz","fileCount":16,"unpackedSize":39535,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDdTZY9P2Mj44YbbnGnj9pNf89CeHcnHWi2UP+KOKrJdwIhAKCMjpzEV6NLFysMncqQXrHe4nyaJ9e8Bzw8Y8+hv0RE"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.36_1707149745841_0.7863116661880372"},"_hasShrinkwrap":false},"2.0.37-pr.1149.4408e0e3.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.37-pr.1149.4408e0e3.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.101","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.2"},"devDependencies":{"@kong/design-tokens":"1.12.7","@kong/kongponents":"9.0.0-pr.2003.c5388c13.0","vue":"^3.4.13","@kong-ui-public/i18n":"^2.1.2"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.37-pr.1149.4408e0e3.0","_integrity":"sha512-s5yT3DWNs054H0+KG37+6tMEao5MrVdOWB6HNDkDNL9LtiL6nmGyAwEDBLDdhgUxonP/zVjHj1moEtqGp4uB6g==","_resolved":"/tmp/588a2f4df54a65a7f77085c366279fcc/kong-ui-public-copy-uuid-2.0.37-pr.1149.4408e0e3.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.37-pr.1149.4408e0e3.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-s5yT3DWNs054H0+KG37+6tMEao5MrVdOWB6HNDkDNL9LtiL6nmGyAwEDBLDdhgUxonP/zVjHj1moEtqGp4uB6g==","shasum":"7d53134b74d7503a46691d741986348d96998f37","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.37-pr.1149.4408e0e3.0.tgz","fileCount":16,"unpackedSize":39563,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDSPTx9mRnC/wYM2j7yKwInM4VpC80pa34fQucjasdW+QIhAJ6qa0P6AlVXVlU3X8NPdjuzRs2dKb2i9QRdwAVVlyoP"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.37-pr.1149.4408e0e3.0_1707429388422_0.2901282116061463"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.37-pr.1149.6a910279.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.37-pr.1149.6a910279.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.101","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.2"},"devDependencies":{"@kong/design-tokens":"1.12.7","@kong/kongponents":"9.0.0-pr.2003.c5388c13.0","vue":"^3.4.13","@kong-ui-public/i18n":"^2.1.2"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.37-pr.1149.6a910279.0","_integrity":"sha512-tlzSQvhII0G3iS0N5VBFTrpMVJ4VtIy1wZQuDhchWPSvvrsU3t8zzs3exhSko5hY21EHBxSV/D+pdMVHKO6u4w==","_resolved":"/tmp/e6cdb337b8a381c39d4ebc11b1957d71/kong-ui-public-copy-uuid-2.0.37-pr.1149.6a910279.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.37-pr.1149.6a910279.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-tlzSQvhII0G3iS0N5VBFTrpMVJ4VtIy1wZQuDhchWPSvvrsU3t8zzs3exhSko5hY21EHBxSV/D+pdMVHKO6u4w==","shasum":"d6912adfba6f506b2f2185a33e7e327bbb86769d","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.37-pr.1149.6a910279.0.tgz","fileCount":16,"unpackedSize":39563,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCeUaJ0DAlBEawwXHLc3ckif1XES4dgW0OtfI9KqUohnwIgAMOA4V7UcjL2xAMfGtrp9BUvHrjhoekJs3W0xGJGV10="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.37-pr.1149.6a910279.0_1707430770945_0.11538169127885167"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.37-pr.1149.b968e0f7.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.37-pr.1149.b968e0f7.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.101","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.2"},"devDependencies":{"@kong/design-tokens":"1.12.7","@kong/kongponents":"9.0.0-pr.2003.c5388c13.0","vue":"^3.4.13","@kong-ui-public/i18n":"^2.1.2"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.37-pr.1149.b968e0f7.0","_integrity":"sha512-iwr89krQFg1fy254IVU9dJLG/nPz6MaKeo6Ip/k1SwMaTFY9FTGTayLabg2LJQlmSNMUqKe+2g3YdkkNLgDmBw==","_resolved":"/tmp/de7adb117eb0649ebad57c96e0518f87/kong-ui-public-copy-uuid-2.0.37-pr.1149.b968e0f7.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.37-pr.1149.b968e0f7.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-iwr89krQFg1fy254IVU9dJLG/nPz6MaKeo6Ip/k1SwMaTFY9FTGTayLabg2LJQlmSNMUqKe+2g3YdkkNLgDmBw==","shasum":"5f15602aa2ceac1938cf6c76b4595149d1255468","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.37-pr.1149.b968e0f7.0.tgz","fileCount":16,"unpackedSize":39563,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGTVb4/6/42KynvRY9yM3GqlQYETWtxLXJFF9vYbFFk7AiABQylpMQMn59KqyHR9q0l37i9BI4tDXj43tj8QDHdcMQ=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.37-pr.1149.b968e0f7.0_1707491799282_0.8376233452456252"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.37-pr.1149.febf5ef9.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.37-pr.1149.febf5ef9.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.101","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.2"},"devDependencies":{"@kong/design-tokens":"1.12.7","@kong/kongponents":"9.0.0-pr.2003.9e83ea59.0","vue":"^3.4.13","@kong-ui-public/i18n":"^2.1.2"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.37-pr.1149.febf5ef9.0","_integrity":"sha512-RZlcBpF+vTs+jalD7xW+ID3e57LNQ94s88R4Ibj4ixRGiApM8Jh4cqY72dvZeFYWmPwzjiATI2bdyTfjJ+vsDA==","_resolved":"/tmp/c1f4251c9631759cf0c145e57984e08e/kong-ui-public-copy-uuid-2.0.37-pr.1149.febf5ef9.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.37-pr.1149.febf5ef9.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-RZlcBpF+vTs+jalD7xW+ID3e57LNQ94s88R4Ibj4ixRGiApM8Jh4cqY72dvZeFYWmPwzjiATI2bdyTfjJ+vsDA==","shasum":"aa676adc426d83b665a8f5f4f6ad9dae7ffe487d","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.37-pr.1149.febf5ef9.0.tgz","fileCount":16,"unpackedSize":39563,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFMtcrIaK9UC7WGWuQk2zUhoZBVg7w+CjKV4/Zv8hrxiAiBW6YReld/5bAMbnspzLJ0xqgXm7kZWqd+kFHyTS6Vq0g=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.37-pr.1149.febf5ef9.0_1707502864601_0.07427932092854839"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.37-pr.1149.391a3823.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.37-pr.1149.391a3823.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.101","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.2"},"devDependencies":{"@kong/design-tokens":"1.12.7","@kong/kongponents":"9.0.0-pr.2003.9e83ea59.0","vue":"^3.4.13","@kong-ui-public/i18n":"^2.1.2"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.37-pr.1149.391a3823.0","_integrity":"sha512-pGACBWOst9rOZgq9UkwtFiSxVdBIOlRb3TYQLFuMlfmujinfE6K/8NBB1IsERqZXVu+pk2wy6qG2RcXXlX3u7w==","_resolved":"/tmp/b16dbedd65c660ddc30a8e58c8156f19/kong-ui-public-copy-uuid-2.0.37-pr.1149.391a3823.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.37-pr.1149.391a3823.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-pGACBWOst9rOZgq9UkwtFiSxVdBIOlRb3TYQLFuMlfmujinfE6K/8NBB1IsERqZXVu+pk2wy6qG2RcXXlX3u7w==","shasum":"2a8255a305d408a2adcd2196d75b262fba38ee71","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.37-pr.1149.391a3823.0.tgz","fileCount":16,"unpackedSize":39563,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCAYh4YLx6ZvZb9l2b3p6s98zDVJBmQXnGhNzkvfdZk2QIgUl9S9dWpakrvKQlt4PWXIv1VVXa3lin2TWqwm4SDstk="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.37-pr.1149.391a3823.0_1707748663529_0.9037614443627329"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.37-pr.1149.c0bc3aa3.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.37-pr.1149.c0bc3aa3.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.101","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.2"},"devDependencies":{"@kong/design-tokens":"1.12.7","@kong/kongponents":"9.0.0-pr.2003.7ddf5d4e.0","vue":"^3.4.13","@kong-ui-public/i18n":"^2.1.2"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.37-pr.1149.c0bc3aa3.0","_integrity":"sha512-u5/xHLE4+aewBqGWYgE15RBuGnQeoLgjWt5n8t2u14MW3LMeRXNYMtr6VROW1oS83NMSRdehU9R/Mqev1mHtDQ==","_resolved":"/tmp/76b8ac5ba0b14945deb220b6be82b915/kong-ui-public-copy-uuid-2.0.37-pr.1149.c0bc3aa3.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.37-pr.1149.c0bc3aa3.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-u5/xHLE4+aewBqGWYgE15RBuGnQeoLgjWt5n8t2u14MW3LMeRXNYMtr6VROW1oS83NMSRdehU9R/Mqev1mHtDQ==","shasum":"3e6f8a104f8e5685a1f960d7f8b8d9bf5e2b5a95","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.37-pr.1149.c0bc3aa3.0.tgz","fileCount":16,"unpackedSize":39563,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD5Xpuz+IOVFxyW5uEgMkhuK+eGPqJhV8gmCcYAcNfCYQIhAJ81tCBxc+7GHZIzM9ydeIkPoFklRYGm0cefWp+ExOW9"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.37-pr.1149.c0bc3aa3.0_1707754879786_0.47048943313682323"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.37-pr.1149.106f45d2.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.37-pr.1149.106f45d2.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.101","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.2"},"devDependencies":{"@kong/design-tokens":"1.12.7","@kong/kongponents":"9.0.0-pr.2003.7ddf5d4e.0","vue":"^3.4.13","@kong-ui-public/i18n":"^2.1.2"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.37-pr.1149.106f45d2.0","_integrity":"sha512-6z074VKbQFehG9DNMme9BB0nr5f2t1DM3dPEP5LKoICI1BSmQCgh4Wm+ADyQ9k28XIs83x5gq1Fys1ruf9Q57g==","_resolved":"/tmp/60183b53157013df15c0a20ea74562aa/kong-ui-public-copy-uuid-2.0.37-pr.1149.106f45d2.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.37-pr.1149.106f45d2.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-6z074VKbQFehG9DNMme9BB0nr5f2t1DM3dPEP5LKoICI1BSmQCgh4Wm+ADyQ9k28XIs83x5gq1Fys1ruf9Q57g==","shasum":"d6ac91ccdf293fc5d4cf56e6131f1dace877ab12","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.37-pr.1149.106f45d2.0.tgz","fileCount":16,"unpackedSize":39563,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD3W3rDSsCG8wfeMIN5cQcMxwX9X5rGvRfRcvwzvnuQAQIgT5ztBUnwSA3nuc9EOZPuyeE8LCwSZE7ChyC5Oz5PX10="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.37-pr.1149.106f45d2.0_1707833648124_0.9193793334464906"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.37-pr.1149.92cc9ae2.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.37-pr.1149.92cc9ae2.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.101","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.2"},"devDependencies":{"@kong/design-tokens":"1.12.7","@kong/kongponents":"9.0.0-pr.2013.6f7a4a18.0","vue":"^3.4.13","@kong-ui-public/i18n":"^2.1.2"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.37-pr.1149.92cc9ae2.0","_integrity":"sha512-+FODZj+9ewaTeGbpZGzRaHnM5edukLplQMNKqn6bIRA12d9veoANlFqbUPb6nUcetkdPva7bgXdSyXXgYMnvgg==","_resolved":"/tmp/2688e4e6f6bf7b1e91ffb8d916e17127/kong-ui-public-copy-uuid-2.0.37-pr.1149.92cc9ae2.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.37-pr.1149.92cc9ae2.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-+FODZj+9ewaTeGbpZGzRaHnM5edukLplQMNKqn6bIRA12d9veoANlFqbUPb6nUcetkdPva7bgXdSyXXgYMnvgg==","shasum":"d9026bf65bdf8f35ddd9f1c8b29be42e6341e1ee","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.37-pr.1149.92cc9ae2.0.tgz","fileCount":16,"unpackedSize":39563,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDc80tVxEzQDAgMgsToO54ZXm0PfDOmfBoMm1nrdVwI6wIhAJ/ANo1UuI9JyKKTvHPxLtkw9ij+1jARAja+xdpr0dsr"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.37-pr.1149.92cc9ae2.0_1707834033522_0.8913329000697336"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.37-pr.1149.ff3c77f1.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.37-pr.1149.ff3c77f1.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.101","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.2"},"devDependencies":{"@kong/design-tokens":"1.12.7","@kong/kongponents":"9.0.0-pr.2003.7c5a2cde.0","vue":"^3.4.13","@kong-ui-public/i18n":"^2.1.2"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.37-pr.1149.ff3c77f1.0","_integrity":"sha512-C7MqMxYYZOxg4fpWb9FQJX1WnGTVT2lwOM3KI0tOctaNvV4hjCvQNGXTktAKaNqiUwAyss+F1rGOtkRIxWQuLw==","_resolved":"/tmp/7e96e5675e333470da2bf5ca918c9324/kong-ui-public-copy-uuid-2.0.37-pr.1149.ff3c77f1.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.37-pr.1149.ff3c77f1.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-C7MqMxYYZOxg4fpWb9FQJX1WnGTVT2lwOM3KI0tOctaNvV4hjCvQNGXTktAKaNqiUwAyss+F1rGOtkRIxWQuLw==","shasum":"fabd0796f10ab9361fb383a5f4092637e65c1743","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.37-pr.1149.ff3c77f1.0.tgz","fileCount":16,"unpackedSize":39563,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFZzjQ74BhMmUsjrCu9eZ9L9puftjP69c6JvPiInw4olAiEApu0Ri2mG+VmoSrJrBZDP5fZyeNcu/ipO8MxHrw/c8oc="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.37-pr.1149.ff3c77f1.0_1707841880823_0.3183924818107535"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.37-pr.1149.0872460f.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.37-pr.1149.0872460f.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.105","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.2"},"devDependencies":{"@kong/design-tokens":"1.12.7","@kong/kongponents":"9.0.0-alpha.105","vue":"^3.4.13","@kong-ui-public/i18n":"^2.1.2"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.37-pr.1149.0872460f.0","_integrity":"sha512-gPkhogR995hk2S61dcSYUZN2K1H5TxfLnTGGMpGGUUMxWLalAyztDhrR3ezBXXIC7U2Dl6DG/OtuJIgU8hlHCA==","_resolved":"/tmp/efc2839cc94e527f6537bef2cdacf236/kong-ui-public-copy-uuid-2.0.37-pr.1149.0872460f.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.37-pr.1149.0872460f.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-gPkhogR995hk2S61dcSYUZN2K1H5TxfLnTGGMpGGUUMxWLalAyztDhrR3ezBXXIC7U2Dl6DG/OtuJIgU8hlHCA==","shasum":"9b80a434a4f1176f4e7de51d6b5470c974fb6882","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.37-pr.1149.0872460f.0.tgz","fileCount":16,"unpackedSize":39554,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDrXE9pDrpj08sjow9syB7l7UWuecpcZzsbJE4fhpK/CAIhAIoviAtRz8A2Ww7mRZ85dYuBVVkxnjOYvBn3bChCiifU"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.37-pr.1149.0872460f.0_1707855042981_0.8553592641496062"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.37":{"name":"@kong-ui-public/copy-uuid","version":"2.0.37","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.105","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.2"},"devDependencies":{"@kong/design-tokens":"1.12.7","@kong/kongponents":"9.0.0-alpha.105","vue":"^3.4.13","@kong-ui-public/i18n":"^2.1.2"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.37","_integrity":"sha512-25TqPJflvc/pAJ8CcWZIEXs33GUvnaQSpvUV05HMvghaNDQ+Jjkuaw+jRF40liU/EJJAnSvkg91CHEiOIwkW0A==","_resolved":"/tmp/67aebfa03a5707b808f6b44b7adda66b/kong-ui-public-copy-uuid-2.0.37.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.37.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-25TqPJflvc/pAJ8CcWZIEXs33GUvnaQSpvUV05HMvghaNDQ+Jjkuaw+jRF40liU/EJJAnSvkg91CHEiOIwkW0A==","shasum":"72fd6c140651527ccf77a82dc7498438b2fe3862","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.37.tgz","fileCount":16,"unpackedSize":39535,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQClkm2+u2nFZ4rt6zlAixphS/FNnEjpKklJF7BEK24tpwIgF7hlm/Xv8Eh4un1lY4TQH4Hc2QsXRjNwFXF0Z1pP6jo="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.37_1707856404166_0.5431616679188749"},"_hasShrinkwrap":false},"2.0.38-pr.1170.e6c1b704.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.38-pr.1170.e6c1b704.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.105","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.2"},"devDependencies":{"@kong/design-tokens":"1.12.7","@kong/kongponents":"9.0.0-pr.2020.19de55b2.0","vue":"^3.4.13","@kong-ui-public/i18n":"^2.1.2"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.38-pr.1170.e6c1b704.0","_integrity":"sha512-LjREmBumnVNOWH7xooxfPgDdpq2zAkuuJfh9Doo50z2w+JPGkjpk+gm4fc9i6M0zoQ7uHxWvN76MAI4yf1PHCQ==","_resolved":"/tmp/004969258fc3d92f400c400c377dc36d/kong-ui-public-copy-uuid-2.0.38-pr.1170.e6c1b704.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.38-pr.1170.e6c1b704.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-LjREmBumnVNOWH7xooxfPgDdpq2zAkuuJfh9Doo50z2w+JPGkjpk+gm4fc9i6M0zoQ7uHxWvN76MAI4yf1PHCQ==","shasum":"74ac13a2de20836a6db0aca0c88f34ab3752a52c","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.38-pr.1170.e6c1b704.0.tgz","fileCount":16,"unpackedSize":39563,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHk8NmZHHeonxBweNNWmoqmSWxCxhKGmLhutKawi09xjAiBhKkqzuhKydpf5T+LcvHK5JNNT9Z7ZHa/EGOMpaBiVGQ=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.38-pr.1170.e6c1b704.0_1708464267098_0.37388500084304144"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.38-pr.1170.5ec6389b.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.38-pr.1170.5ec6389b.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.105","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.2"},"devDependencies":{"@kong/design-tokens":"1.12.7","@kong/kongponents":"9.0.0-pr.2020.19de55b2.0","vue":"^3.4.13","@kong-ui-public/i18n":"^2.1.2"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.38-pr.1170.5ec6389b.0","_integrity":"sha512-vUM0RNj/nzkFmJk/biDhf5q2JtBxw5hk3QzVN314ry7J7FGQdlWMU0D2RSnE+5aPxPxXi4CijiWrdunRM1f/NQ==","_resolved":"/tmp/39cef46a1164089ff9f88e75dd041122/kong-ui-public-copy-uuid-2.0.38-pr.1170.5ec6389b.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.38-pr.1170.5ec6389b.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-vUM0RNj/nzkFmJk/biDhf5q2JtBxw5hk3QzVN314ry7J7FGQdlWMU0D2RSnE+5aPxPxXi4CijiWrdunRM1f/NQ==","shasum":"f0b077ed4db11cb0da51fc387509ba0c466c1b49","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.38-pr.1170.5ec6389b.0.tgz","fileCount":16,"unpackedSize":39563,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFqWd300buDkgBxIPlIfsMNxYEPDhyT8VzIR66COplNrAiBI4ArgyB41vA+9Z2pFAMaeCVV+JumlcsJYd0UL4oxXww=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.38-pr.1170.5ec6389b.0_1708525237581_0.9535748845684362"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.38-pr.1170.2ca7d7fa.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.38-pr.1170.2ca7d7fa.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.105","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.2"},"devDependencies":{"@kong/design-tokens":"1.12.7","@kong/kongponents":"9.0.0-pr.2020.7ccf0922.0","vue":"^3.4.13","@kong-ui-public/i18n":"^2.1.2"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.38-pr.1170.2ca7d7fa.0","_integrity":"sha512-6m3WzWhYxuzo8K3E86Pj6V+3ihHTBPeqNZbNEplhf4YhjDwWIwEymRMSW+gezxdrXFogNRlKdCI6cqHq5PEPww==","_resolved":"/tmp/6f4ed0e9fda4aec710f8e639d59219b7/kong-ui-public-copy-uuid-2.0.38-pr.1170.2ca7d7fa.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.38-pr.1170.2ca7d7fa.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-6m3WzWhYxuzo8K3E86Pj6V+3ihHTBPeqNZbNEplhf4YhjDwWIwEymRMSW+gezxdrXFogNRlKdCI6cqHq5PEPww==","shasum":"9577d73e5603d815aa8e1a92c2132daae727be89","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.38-pr.1170.2ca7d7fa.0.tgz","fileCount":16,"unpackedSize":39563,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICMle52SRFXPDUCCGkLCEeTbrdi/qST1JUOu7JDWegmVAiEAqSAGJwI84QulHieEoPj8+hdTow58UxdDEuxI59WV98Y="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.38-pr.1170.2ca7d7fa.0_1708535657991_0.27998716775143806"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.38-pr.1170.98dfb9d4.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.38-pr.1170.98dfb9d4.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.105","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.2"},"devDependencies":{"@kong/design-tokens":"1.12.7","@kong/kongponents":"9.0.0-pr.2020.7ccf0922.0","vue":"^3.4.13","@kong-ui-public/i18n":"^2.1.2"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.38-pr.1170.98dfb9d4.0","_integrity":"sha512-Bb+Lp0oHuZW6iryGhL7J/SunT6oXWLsIPa8aglKgqtKSg/JwOlXvHcXta//o1MtA74mUpbfCU8ZUKJOoBaefaw==","_resolved":"/tmp/cce68fa00360a8536f2a840b52709481/kong-ui-public-copy-uuid-2.0.38-pr.1170.98dfb9d4.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.38-pr.1170.98dfb9d4.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-Bb+Lp0oHuZW6iryGhL7J/SunT6oXWLsIPa8aglKgqtKSg/JwOlXvHcXta//o1MtA74mUpbfCU8ZUKJOoBaefaw==","shasum":"e5b46dbf3fafdfee21317481dd8811cc08369006","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.38-pr.1170.98dfb9d4.0.tgz","fileCount":16,"unpackedSize":39563,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD5/AntJ0/TJ1HeoBW+ZjrAnTo3tg9UefEXJIriPrHWagIhAKZc1yrZkkayQux5GpWe7WK3NgSYrw3sgaoJ4VJ3Gee4"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.38-pr.1170.98dfb9d4.0_1708548159152_0.8225779930726744"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.38-pr.1170.0790be18.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.38-pr.1170.0790be18.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.105","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.2"},"devDependencies":{"@kong/design-tokens":"1.12.7","@kong/kongponents":"9.0.0-pr.2020.7ccf0922.0","vue":"^3.4.13","@kong-ui-public/i18n":"^2.1.2"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.38-pr.1170.0790be18.0","_integrity":"sha512-XQf8p5qa65HKRMRG37ODVmxZVW/MXnHoazAWGI/Qk9eRwRwyM5tnm7vfa94lCKkrZamxlygJm1oD5OOc0Gz71Q==","_resolved":"/tmp/29d7bd9c6d1c2723dfda753cb9986592/kong-ui-public-copy-uuid-2.0.38-pr.1170.0790be18.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.38-pr.1170.0790be18.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-XQf8p5qa65HKRMRG37ODVmxZVW/MXnHoazAWGI/Qk9eRwRwyM5tnm7vfa94lCKkrZamxlygJm1oD5OOc0Gz71Q==","shasum":"e288cbf3e758d346b2f5fbd6707dd9774f1db60f","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.38-pr.1170.0790be18.0.tgz","fileCount":16,"unpackedSize":39563,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEPCxmHX4yaEFcTmeRojwo9JFDvVb3tdYi5Jk6ZQ/edOAiEAtJ8Qa6xQLp4mblrlw7vv0y755rqZFEijY1NMe/oo8zU="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.38-pr.1170.0790be18.0_1708699344331_0.11620331318636623"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.38-pr.1170.b6edad86.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.38-pr.1170.b6edad86.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.105","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.2"},"devDependencies":{"@kong/design-tokens":"1.12.7","@kong/kongponents":"9.0.0-pr.2020.7ccf0922.0","vue":"^3.4.13","@kong-ui-public/i18n":"^2.1.2"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.38-pr.1170.b6edad86.0","_integrity":"sha512-A8MUftYW7wVBYHc+xEz53x0ghgqLy3glB2N+Oon3JaL2fWBzEcaR7qDbucFc7knvY1fnIcbfKPxn2jfWG8WOhw==","_resolved":"/tmp/84c842105459f1237f9cda4c3a333254/kong-ui-public-copy-uuid-2.0.38-pr.1170.b6edad86.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.38-pr.1170.b6edad86.0.tgz","_nodeVersion":"18.19.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-A8MUftYW7wVBYHc+xEz53x0ghgqLy3glB2N+Oon3JaL2fWBzEcaR7qDbucFc7knvY1fnIcbfKPxn2jfWG8WOhw==","shasum":"eb86e83f8882201ec3efdabb075e4be3787bcb45","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.38-pr.1170.b6edad86.0.tgz","fileCount":16,"unpackedSize":39563,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIF9DOKWt34raBEHuxvKr/iOuHduf+iMZq6jVTc1d661uAiBBtKHIlvdXZ8wdEX45l+mW+RWU6/6zl+2RCJk9/zaQWg=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.38-pr.1170.b6edad86.0_1708700339728_0.8924215721096889"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.38":{"name":"@kong-ui-public/copy-uuid","version":"2.0.38","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.105","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.3"},"devDependencies":{"@kong/design-tokens":"1.12.7","@kong/kongponents":"9.0.0-alpha.105","vue":"^3.4.18","@kong-ui-public/i18n":"^2.1.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.38","_integrity":"sha512-x6gq12q1dP8VfJenZygIda6dwlLo67WBw5UIWkmqKuXNpIVSe5xVXANJwoi6y6Gq9q/gGfXWrbRzFNxPEt1k+w==","_resolved":"/tmp/c3b699f012abfb8a8c4e51b9b1dee5ae/kong-ui-public-copy-uuid-2.0.38.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.38.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-x6gq12q1dP8VfJenZygIda6dwlLo67WBw5UIWkmqKuXNpIVSe5xVXANJwoi6y6Gq9q/gGfXWrbRzFNxPEt1k+w==","shasum":"60891ff0a331c7a7c7b91cee9baab2069768b4ff","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.38.tgz","fileCount":16,"unpackedSize":39535,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGhlh7wyJcr7ezBjHJxoKPpGEiZwmIDrgTem37KlecJyAiBpjm8jaPdRgDdqtqRxB4odIBjq/AH78N/64hwx0DfR6g=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.38_1708705296300_0.9684334759992528"},"_hasShrinkwrap":false},"2.0.39":{"name":"@kong-ui-public/copy-uuid","version":"2.0.39","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.105","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.3"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-alpha.105","vue":"^3.4.18","@kong-ui-public/i18n":"^2.1.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.39","_integrity":"sha512-9hP+g2SzW7G1MNusUqtLCz4/MO2rP43kry3QRwvRp/R28l0/3XIVmU0WUfcwtJgrBbR2c1QEKFbHiKJXmrEHGg==","_resolved":"/tmp/bc4b4ae1cb6619d197781d5f69dbf52e/kong-ui-public-copy-uuid-2.0.39.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.39.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-9hP+g2SzW7G1MNusUqtLCz4/MO2rP43kry3QRwvRp/R28l0/3XIVmU0WUfcwtJgrBbR2c1QEKFbHiKJXmrEHGg==","shasum":"c5e3d68e53d75b11f0ff65da96263da1e0b8ecde","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.39.tgz","fileCount":16,"unpackedSize":39536,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCnBXBVuyM3OID+Xz6IykmoXfQLPCjzItKkib6kuq1e9QIgQx2GsSNItMgDVXlgXkRxIZqKZq3sdO3YdB0FoLEvV3E="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.39_1708768978707_0.21179345790956794"},"_hasShrinkwrap":false},"2.0.40-pr.1170.4ff95925.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.40-pr.1170.4ff95925.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.105","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.4-pr.1170.4ff95925.0"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-pr.2020.7ccf0922.0","vue":"^3.4.18","@kong-ui-public/i18n":"^2.1.4-pr.1170.4ff95925.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.40-pr.1170.4ff95925.0","_integrity":"sha512-O+Lyt68HLGRX+QrrnZBO2ZOQs2DMWo5zTmPNuiG39w0fHa/wOcQ/R9NQTSvJjtFB9ZBng0H/Qa3/3jTExSB+rw==","_resolved":"/tmp/29aef2f1c9f5f82afb21e7c2dd300e36/kong-ui-public-copy-uuid-2.0.40-pr.1170.4ff95925.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.40-pr.1170.4ff95925.0.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-O+Lyt68HLGRX+QrrnZBO2ZOQs2DMWo5zTmPNuiG39w0fHa/wOcQ/R9NQTSvJjtFB9ZBng0H/Qa3/3jTExSB+rw==","shasum":"b162ac125efb89a2d98a8c38fc7d6119d21e5180","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.40-pr.1170.4ff95925.0.tgz","fileCount":16,"unpackedSize":39602,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEA4281T5ooYzjIgMJkVcwDmUSssG0SX704UVVNY074lAiAJeuaFWaN1+LnB7I2rISMJ6wCcFHFedGQRrtF16X/KRA=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.40-pr.1170.4ff95925.0_1708957970221_0.8480780500568936"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.40":{"name":"@kong-ui-public/copy-uuid","version":"2.0.40","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.105","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.3"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-alpha.105","vue":"^3.4.19","@kong-ui-public/i18n":"^2.1.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.40","_integrity":"sha512-CflrfZBcMXAfWPmSmMjszIWCx4+WyBrpsrEApoGHU17g3Hx34KTJh5RQfmSm0L1Rs+/+Dn25+UfR1rWCi1MZ+Q==","_resolved":"/tmp/095e977a0b84910f65579f939a9da482/kong-ui-public-copy-uuid-2.0.40.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.40.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-CflrfZBcMXAfWPmSmMjszIWCx4+WyBrpsrEApoGHU17g3Hx34KTJh5RQfmSm0L1Rs+/+Dn25+UfR1rWCi1MZ+Q==","shasum":"dfc1642612d2e89bbc3ce6ad3ca5aaf3edc8c006","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.40.tgz","fileCount":16,"unpackedSize":39536,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHMp+V1zw4nKQmvsTb9+Y4kuEzONgu3HufV7slyNC2bMAiEAmC8VaBniI46XhYA+cZ9YH2zj9GCohWjfNEbw/ZFjP6Y="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.40_1708962179037_0.06743507464704401"},"_hasShrinkwrap":false},"2.0.41-pr.1170.2837b2d9.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.41-pr.1170.2837b2d9.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.105","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.4-pr.1170.2837b2d9.0"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-pr.2020.7ccf0922.0","vue":"^3.4.19","@kong-ui-public/i18n":"^2.1.4-pr.1170.2837b2d9.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.41-pr.1170.2837b2d9.0","_integrity":"sha512-voKJUPtycZzSL+ylDCmJ37sZm+jdgu1PztLmpQoHqfkZVr0CLviHY4zgBXIUvBEFn3hMgr0kXpcZMuEkuf6SSg==","_resolved":"/tmp/23699af8b59ca23d78835e9fdbeb44ed/kong-ui-public-copy-uuid-2.0.41-pr.1170.2837b2d9.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.41-pr.1170.2837b2d9.0.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-voKJUPtycZzSL+ylDCmJ37sZm+jdgu1PztLmpQoHqfkZVr0CLviHY4zgBXIUvBEFn3hMgr0kXpcZMuEkuf6SSg==","shasum":"ad055aa7dfba5408df7bd1edde9da5a20be45562","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.41-pr.1170.2837b2d9.0.tgz","fileCount":16,"unpackedSize":39602,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDd6ScnP+pD/zspVQhj16wM3qlaa4TxeXDUpf07DpTDBwIhAItFQHtasukAnGSl+k3Pa+6BfYjQxTVy3tp5lk4Jltr1"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.41-pr.1170.2837b2d9.0_1709043514848_0.12065967391536092"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.41-pr.1170.bda7c038.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.41-pr.1170.bda7c038.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.107","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.4-pr.1170.bda7c038.0"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-alpha.107","vue":"^3.4.19","@kong-ui-public/i18n":"^2.1.4-pr.1170.bda7c038.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.41-pr.1170.bda7c038.0","_integrity":"sha512-d8gIAx7+arfH/OdFmH6bBy1QT/VkTOXEONt5OXr+mzm1EPKY/q8nbJ0X66Oq0wVsM7e/m7sxnlEVLWWwBwk08w==","_resolved":"/tmp/09f3d5df28d73727acfcee1f0bbbaeeb/kong-ui-public-copy-uuid-2.0.41-pr.1170.bda7c038.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.41-pr.1170.bda7c038.0.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-d8gIAx7+arfH/OdFmH6bBy1QT/VkTOXEONt5OXr+mzm1EPKY/q8nbJ0X66Oq0wVsM7e/m7sxnlEVLWWwBwk08w==","shasum":"64a131528036b436997b888bf81d517b13389a9b","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.41-pr.1170.bda7c038.0.tgz","fileCount":16,"unpackedSize":39593,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBpFjiTFMEih5Mr+mbKsrU+qxEfXYeTxP2Fah6Izrt7AAiEAp5h7Rpot4MR2u32EXqjohqOP7khnIlUQv12A/efPiK4="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.41-pr.1170.bda7c038.0_1709055357812_0.5840413881205"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.41":{"name":"@kong-ui-public/copy-uuid","version":"2.0.41","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.107","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.3"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-alpha.107","vue":"^3.4.19","@kong-ui-public/i18n":"^2.1.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.41","_integrity":"sha512-TAqdNUq8QW8tED8yuo1dNlUEuIYKPN7ZAfdXshS0kbeL2ez8fvNXJwTBWtWP+PjWG9t90qD4uq4KPq/5ln6alQ==","_resolved":"/tmp/113e5f10a9641b74ad43d38895df39eb/kong-ui-public-copy-uuid-2.0.41.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.41.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-TAqdNUq8QW8tED8yuo1dNlUEuIYKPN7ZAfdXshS0kbeL2ez8fvNXJwTBWtWP+PjWG9t90qD4uq4KPq/5ln6alQ==","shasum":"7f949c4474818951f71ce386e815768e2c5f62df","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.41.tgz","fileCount":16,"unpackedSize":39536,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEVi4l1/bHv8CDXzzYT5k1pkXIbFrhrozXZLNdERefPTAiEAxGHxK6pR37Atvpj9QhHvq48eEausnC5hNgh270BRpl4="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.41_1709057578113_0.9944925964329445"},"_hasShrinkwrap":false},"2.0.42-pr.1168.39ed19d6.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.42-pr.1168.39ed19d6.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.107","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.4-pr.1168.39ed19d6.0"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-alpha.107","vue":"^3.4.19","@kong-ui-public/i18n":"^2.1.4-pr.1168.39ed19d6.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.42-pr.1168.39ed19d6.0","_integrity":"sha512-rcIJA9cVMs2GqfnxZxEdBnKL9CWZ8t07yL6YVQfkby7ppR3ZATyNZv/HIMul8IZtCytMpoKaUB0tD/LJnijMzA==","_resolved":"/tmp/bec2bcb6e41b0f6200b6694883bae030/kong-ui-public-copy-uuid-2.0.42-pr.1168.39ed19d6.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.42-pr.1168.39ed19d6.0.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-rcIJA9cVMs2GqfnxZxEdBnKL9CWZ8t07yL6YVQfkby7ppR3ZATyNZv/HIMul8IZtCytMpoKaUB0tD/LJnijMzA==","shasum":"2cf1caee414d9e9182e56076f5ae3284b00f88fb","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.42-pr.1168.39ed19d6.0.tgz","fileCount":16,"unpackedSize":39593,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDMjGua3gfOhNl7R0SIDeBgskSHBKca3M+pzF3/ZjuUpQIhAPr3eJYerT6toEBLGpPVbZcH8RXFJe7Oi+Xyf8zNtEE4"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.42-pr.1168.39ed19d6.0_1709322542757_0.5548761475262591"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.42-pr.1168.2098371f.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.42-pr.1168.2098371f.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.107","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.4-pr.1168.2098371f.0"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-alpha.107","vue":"^3.4.19","@kong-ui-public/i18n":"^2.1.4-pr.1168.2098371f.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.42-pr.1168.2098371f.0","_integrity":"sha512-bx3m3TA/2+z9KJZqNCV5sa5N/CkGocIGixtdPbEk7RGOlGm2QOfSepbZmBo0W+nICamq/LIhl1gso86gzZjWew==","_resolved":"/tmp/96d14bd658c007085a4c9d945407dd59/kong-ui-public-copy-uuid-2.0.42-pr.1168.2098371f.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.42-pr.1168.2098371f.0.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-bx3m3TA/2+z9KJZqNCV5sa5N/CkGocIGixtdPbEk7RGOlGm2QOfSepbZmBo0W+nICamq/LIhl1gso86gzZjWew==","shasum":"0d971ed6b531159f00a5f016595e9545fcf442c4","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.42-pr.1168.2098371f.0.tgz","fileCount":16,"unpackedSize":39593,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDKqzf7WqA5bGz8iLlp/zrWaDWH3I0TewX3SuR3sjOP5AIgSJBeZfc5Fxmo/y+FeGeDDqltSwxtDvaAHO8hFfMs8eI="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.42-pr.1168.2098371f.0_1709577748381_0.8867566041008428"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.42-pr.1209.c98d569c.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.42-pr.1209.c98d569c.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.107","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.3"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-pr.2043.9ae9fa59.0","vue":"^3.4.19","@kong-ui-public/i18n":"^2.1.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.42-pr.1209.c98d569c.0","_integrity":"sha512-xlWasFw/zjP07ibQlweCsoHocxYQshdECPeTVVsxUak5XoUb3Pn2Cn2RLyypjbz9LXfDMC+88ZgCGUY2JoXhsA==","_resolved":"/tmp/9e60f964e8f5d415079b29668da0f1ea/kong-ui-public-copy-uuid-2.0.42-pr.1209.c98d569c.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.42-pr.1209.c98d569c.0.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-xlWasFw/zjP07ibQlweCsoHocxYQshdECPeTVVsxUak5XoUb3Pn2Cn2RLyypjbz9LXfDMC+88ZgCGUY2JoXhsA==","shasum":"61e7ebd83fd79e17a00890d384f43bf956a6fab4","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.42-pr.1209.c98d569c.0.tgz","fileCount":16,"unpackedSize":39564,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEaF+jytkOvl1xlIwrbzq2+zutwJqkt091S4ZNbUHHt8AiBO8xBiI4HJ6Ac3nFBh1pdy8enUImUrjK58sNdnKZG0FQ=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.42-pr.1209.c98d569c.0_1709659269879_0.9148599259173105"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.42-pr.1209.70c7f7c8.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.42-pr.1209.70c7f7c8.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.107","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.3"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-pr.2043.9ae9fa59.0","vue":"^3.4.19","@kong-ui-public/i18n":"^2.1.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.42-pr.1209.70c7f7c8.0","_integrity":"sha512-ZS67uNxeA8d+R7OeRu4XwXAAvjPOkewFr9Yd+JiS0JhbL2FUuaKPq2hAi3qkS+Fcca5mgPbTFouJlOynLempIw==","_resolved":"/tmp/15b9d32a3d257f4b270a21ad8ecfd7fb/kong-ui-public-copy-uuid-2.0.42-pr.1209.70c7f7c8.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.42-pr.1209.70c7f7c8.0.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-ZS67uNxeA8d+R7OeRu4XwXAAvjPOkewFr9Yd+JiS0JhbL2FUuaKPq2hAi3qkS+Fcca5mgPbTFouJlOynLempIw==","shasum":"54dd578d61f7f2511dc240304081db7f1b795f3c","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.42-pr.1209.70c7f7c8.0.tgz","fileCount":16,"unpackedSize":39564,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE6JgN3eubLav346yzBdUhfha+P0zZRt1i2HavzC38yDAiBsKTAhP+I0dptviN4zSaIE3pr2DtEqegq8q2dupcCcXA=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.42-pr.1209.70c7f7c8.0_1709660876052_0.9156244020626534"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.42-pr.1209.bc5f2338.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.42-pr.1209.bc5f2338.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.107","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.3"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-pr.2043.9ae9fa59.0","vue":"^3.4.19","@kong-ui-public/i18n":"^2.1.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.42-pr.1209.bc5f2338.0","_integrity":"sha512-W9/WlWZWlPGYAHnA7nTjmX5/D9PiyYwEbIa/1lCYAPu2uWE9SVQ5PJfKvecaMdZ/+F5VhUID3KbxZoF3KLGCVg==","_resolved":"/tmp/e1fa5c26d9c25723940c23e9c17e038c/kong-ui-public-copy-uuid-2.0.42-pr.1209.bc5f2338.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.42-pr.1209.bc5f2338.0.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-W9/WlWZWlPGYAHnA7nTjmX5/D9PiyYwEbIa/1lCYAPu2uWE9SVQ5PJfKvecaMdZ/+F5VhUID3KbxZoF3KLGCVg==","shasum":"ff49aad540fd5191b5040825234af2d06ba39707","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.42-pr.1209.bc5f2338.0.tgz","fileCount":16,"unpackedSize":39564,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICfu1vdt83I3q0ZPSIlYpdq0Iq706cyNgFJkNs91AGgUAiAK/XD+NTvYuApUWX2wmBVlUCTLzfMUpAccU/8VTxTdZA=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.42-pr.1209.bc5f2338.0_1709662425482_0.9608491082173816"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.42-pr.1168.ad8f0493.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.42-pr.1168.ad8f0493.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.107","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.4-pr.1168.ad8f0493.0"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-alpha.107","vue":"^3.4.19","@kong-ui-public/i18n":"^2.1.4-pr.1168.ad8f0493.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.42-pr.1168.ad8f0493.0","_integrity":"sha512-zTjZLNMCqka4aE0naF3qXd857XcihKavBaU42a9JI+wrxt7kClAhLLbzjJRXPQLLybe/JCXgoRqGRKVjO3U8Tw==","_resolved":"/tmp/c65a5670ac4a9e597e29c90a259fdba3/kong-ui-public-copy-uuid-2.0.42-pr.1168.ad8f0493.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.42-pr.1168.ad8f0493.0.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-zTjZLNMCqka4aE0naF3qXd857XcihKavBaU42a9JI+wrxt7kClAhLLbzjJRXPQLLybe/JCXgoRqGRKVjO3U8Tw==","shasum":"4aed257b2c388e70c6ddec18d9de9ad6a7293637","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.42-pr.1168.ad8f0493.0.tgz","fileCount":16,"unpackedSize":39593,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCHVpeaWivTkdeUrp291VIJggF3kniO/ARhdcQ8mrYH2gIhANcCfmLqQe9BtDKWTPkhF16wS64tUoQabeqL4Z5tX0iG"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.42-pr.1168.ad8f0493.0_1709663433628_0.6991914686841687"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.42-pr.1210.0ead1532.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.42-pr.1210.0ead1532.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.111","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.3"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-alpha.111","vue":"^3.4.19","@kong-ui-public/i18n":"^2.1.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.42-pr.1210.0ead1532.0","_integrity":"sha512-t5+Bi9vnW6NsOTnyXrGfPimhMiHfHU/CpDyI5TINxSQhpImWlnxjhwIfdS8wSd4hkeq/8RNcVEKjRA3bSBVXHw==","_resolved":"/tmp/1ddcec8cfcde3b28189c48266ae024db/kong-ui-public-copy-uuid-2.0.42-pr.1210.0ead1532.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.42-pr.1210.0ead1532.0.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-t5+Bi9vnW6NsOTnyXrGfPimhMiHfHU/CpDyI5TINxSQhpImWlnxjhwIfdS8wSd4hkeq/8RNcVEKjRA3bSBVXHw==","shasum":"60d3569aeba3d036cb57f4721eff748f0bc21a35","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.42-pr.1210.0ead1532.0.tgz","fileCount":16,"unpackedSize":39555,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAJC6r3f9ObNlD9/ohn0Yr/rT6ZcBn/CBFLR3v+/h2j8AiEA97RFbXqhT6nKFbJdgNEokUAUQa8jKnpuKuvJ3CGIm/0="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.42-pr.1210.0ead1532.0_1709670978170_0.443582286072427"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.42-pr.1209.96fa0a37.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.42-pr.1209.96fa0a37.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.107","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.3"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-pr.2054.9f6188d7.0","vue":"^3.4.19","@kong-ui-public/i18n":"^2.1.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.42-pr.1209.96fa0a37.0","_integrity":"sha512-OskUONJYVjCxwt79MUqJcQCl5Z8wVJgu0bc3yPj6glbumZ6x9D6XiDUIcX5T28Mo6aTR+3KrkDRcVmCUi4m7Wg==","_resolved":"/tmp/f3fb17d95fec51f0ae40986a496734a3/kong-ui-public-copy-uuid-2.0.42-pr.1209.96fa0a37.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.42-pr.1209.96fa0a37.0.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-OskUONJYVjCxwt79MUqJcQCl5Z8wVJgu0bc3yPj6glbumZ6x9D6XiDUIcX5T28Mo6aTR+3KrkDRcVmCUi4m7Wg==","shasum":"f98f599e81afd2237c6eddb02526fa37499f467f","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.42-pr.1209.96fa0a37.0.tgz","fileCount":16,"unpackedSize":39564,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAZMnvYiaIfpaqelcwGS2gpry30w52l1NN6fogmwrRL7AiEAm0DsyQYfk2kyxeQ7xKAuSuIeANASdlzPyJMBvEcoXlQ="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.42-pr.1209.96fa0a37.0_1709671693912_0.415058644628409"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.42-pr.1168.4de49348.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.42-pr.1168.4de49348.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.107","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.4-pr.1168.4de49348.0"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-alpha.107","vue":"^3.4.19","@kong-ui-public/i18n":"^2.1.4-pr.1168.4de49348.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.42-pr.1168.4de49348.0","_integrity":"sha512-H5ESva3CHUcewKaE9wHLUN9aHDUy/LSAvPiC7r2l55OXGPDhvR39YWONegqLTj2AeCeJXWC2gC6dofoapRoiaw==","_resolved":"/tmp/30ec3882900c974d7740cfceb225c264/kong-ui-public-copy-uuid-2.0.42-pr.1168.4de49348.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.42-pr.1168.4de49348.0.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-H5ESva3CHUcewKaE9wHLUN9aHDUy/LSAvPiC7r2l55OXGPDhvR39YWONegqLTj2AeCeJXWC2gC6dofoapRoiaw==","shasum":"26697f4dbbfa207ddf82ba3245c7236cc885df3e","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.42-pr.1168.4de49348.0.tgz","fileCount":16,"unpackedSize":39593,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC7WtXduYOy9F04m/QsGaMVGFtKDKmrGdU3SfQ53qodfQIgVdoFXIzuncBYUsRnGf51rQy1vseyf8Wfe7+F8HUFl3o="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.42-pr.1168.4de49348.0_1709672683068_0.6449247457343796"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.42-pr.1209.d127b949.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.42-pr.1209.d127b949.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.107","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.3"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-pr.2054.06fa7471.0","vue":"^3.4.19","@kong-ui-public/i18n":"^2.1.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.42-pr.1209.d127b949.0","_integrity":"sha512-N0uVmzevpXDC/hEsjLuTNkNTtT3B2YIWK5LNQ5lSOqTBH2wH4nC65ldJ2WTjmrsN2QRvNTcImOGu2WyB19sNPg==","_resolved":"/tmp/47fa35dd70aeae314d209d48df0974b7/kong-ui-public-copy-uuid-2.0.42-pr.1209.d127b949.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.42-pr.1209.d127b949.0.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-N0uVmzevpXDC/hEsjLuTNkNTtT3B2YIWK5LNQ5lSOqTBH2wH4nC65ldJ2WTjmrsN2QRvNTcImOGu2WyB19sNPg==","shasum":"506fac4a10f1c01372f5f0576ed4fe167266a245","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.42-pr.1209.d127b949.0.tgz","fileCount":16,"unpackedSize":39564,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAKQ3EJMJYJ++ipGJjUD8lBOjozp6E3AkiUbd25NuaVAAiBCE4LHLygwLOEwtxqOJ5v12wdRvX78xNhBn3owJkrd7w=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.42-pr.1209.d127b949.0_1709675294326_0.06286734054554022"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.42-pr.1168.37b5fceb.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.42-pr.1168.37b5fceb.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.107","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.4-pr.1168.37b5fceb.0"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-alpha.107","vue":"^3.4.19","@kong-ui-public/i18n":"^2.1.4-pr.1168.37b5fceb.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.42-pr.1168.37b5fceb.0","_integrity":"sha512-k4fdK4c7ouxxFSwxhp6R6g0WiM18sxjznKXpUCRVtLR74srHhZ09dhJfVvFISYIYq4nTNUSAw2WmnPHa/wKmmA==","_resolved":"/tmp/af9ee68cc7f209200772e6a6e133c297/kong-ui-public-copy-uuid-2.0.42-pr.1168.37b5fceb.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.42-pr.1168.37b5fceb.0.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-k4fdK4c7ouxxFSwxhp6R6g0WiM18sxjznKXpUCRVtLR74srHhZ09dhJfVvFISYIYq4nTNUSAw2WmnPHa/wKmmA==","shasum":"a21da751a3cec0c34d2ca50a7ed6851f5a52681f","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.42-pr.1168.37b5fceb.0.tgz","fileCount":16,"unpackedSize":39593,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDGnvHnthnOP6ppkou80HLCex3OLF8ZfqIzYZQ+0vEhLgIgaCBFuzjSVPWGX1dsOnxPKZYmC9QoSWTbgjqoMRC0k9Q="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.42-pr.1168.37b5fceb.0_1709676311397_0.6976297179423816"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.42-pr.1209.d0de1f86.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.42-pr.1209.d0de1f86.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.107","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.3"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-pr.2054.fb73a54b.0","vue":"^3.4.19","@kong-ui-public/i18n":"^2.1.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.42-pr.1209.d0de1f86.0","_integrity":"sha512-fZpo5RvItDdXMnt8DvDUm7NivZ8bJfwdH1TKwahMvnqYVwZduhvHnyFhQmeGpg5dwGfdeaF59LXYlQnPCRXHdQ==","_resolved":"/tmp/64ac0fa9e89754629c2d97e53d34896e/kong-ui-public-copy-uuid-2.0.42-pr.1209.d0de1f86.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.42-pr.1209.d0de1f86.0.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-fZpo5RvItDdXMnt8DvDUm7NivZ8bJfwdH1TKwahMvnqYVwZduhvHnyFhQmeGpg5dwGfdeaF59LXYlQnPCRXHdQ==","shasum":"930d7d1d6f28b52b05ff0c3cc29eb1acb67193cb","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.42-pr.1209.d0de1f86.0.tgz","fileCount":16,"unpackedSize":39564,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFbkSyx9C16yIXC+YDJkW9893sgiX5kHYbQY8HELnkagAiEAyJ0WopqYBOAZxaT8Kcwi4TBcOMyPekANQkXgG07VQqI="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.42-pr.1209.d0de1f86.0_1709735866748_0.5943539925255539"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.42-pr.1209.3cd19d54.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.42-pr.1209.3cd19d54.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.107","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.3"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-pr.2054.fb73a54b.0","vue":"^3.4.19","@kong-ui-public/i18n":"^2.1.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.42-pr.1209.3cd19d54.0","_integrity":"sha512-9kh12TVaHEHZupGVOSo97nmdIoV8I1dK6sp30KV3h015asjdbF+1s/sbDBgyihEK6kxRXo+ZufSBwoRP37xNLg==","_resolved":"/tmp/0f1908f20ecebe0c0eb28645d2019e72/kong-ui-public-copy-uuid-2.0.42-pr.1209.3cd19d54.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.42-pr.1209.3cd19d54.0.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-9kh12TVaHEHZupGVOSo97nmdIoV8I1dK6sp30KV3h015asjdbF+1s/sbDBgyihEK6kxRXo+ZufSBwoRP37xNLg==","shasum":"130bf9644d6613358695de5fa8a93fe0bbb5c32e","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.42-pr.1209.3cd19d54.0.tgz","fileCount":16,"unpackedSize":39564,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFDvgeuWTcWgF/vYytdxZ03tAam1y9V2miloKaHk9862AiEAv0HZyFVpln4hAvvr8rkbEuk1i6FSxUIxttcoJ6RebKE="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.42-pr.1209.3cd19d54.0_1709740060752_0.49815893874231043"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.42-pr.1209.e0af121a.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.42-pr.1209.e0af121a.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.107","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.3"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-pr.2054.fb73a54b.0","vue":"^3.4.19","@kong-ui-public/i18n":"^2.1.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.42-pr.1209.e0af121a.0","_integrity":"sha512-1Jr3PTQMqsOyEpW0v0r6dtKpkk7lBiSBnZRKOgC9TpmLfgzWoiaaLQtcZoyz2Criy3w3UPvL+oeo+LN9vBIZfw==","_resolved":"/tmp/5feb83793e0d97c56c2d650a7765f0b2/kong-ui-public-copy-uuid-2.0.42-pr.1209.e0af121a.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.42-pr.1209.e0af121a.0.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-1Jr3PTQMqsOyEpW0v0r6dtKpkk7lBiSBnZRKOgC9TpmLfgzWoiaaLQtcZoyz2Criy3w3UPvL+oeo+LN9vBIZfw==","shasum":"b6dd14b74e74d973ad6a2e7afcc23189eaffbff0","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.42-pr.1209.e0af121a.0.tgz","fileCount":16,"unpackedSize":39564,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCvleViPi/GNnPEX2TSCYQ29pLKtRMnQ5Crkq10oKWLjwIgWaLZS/tGEQ4gRG7B2iAga3ZAnW+/RvrRBwqz6YNOXGI="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.42-pr.1209.e0af121a.0_1709742679599_0.9219842364849438"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.42-pr.1210.969f0c87.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.42-pr.1210.969f0c87.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.111","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.3"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-alpha.111","vue":"^3.4.19","@kong-ui-public/i18n":"^2.1.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.42-pr.1210.969f0c87.0","_integrity":"sha512-0yko7oGNuKY1ZBaJ9cd5vwC+1X8P9BOONGzYI3+MHwRDek5JrAEXvM9x4k6h7bIkk9ytYZNxR4rF/KyWkNu1XQ==","_resolved":"/tmp/167db8c97133c95844c56f157a0a095b/kong-ui-public-copy-uuid-2.0.42-pr.1210.969f0c87.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.42-pr.1210.969f0c87.0.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-0yko7oGNuKY1ZBaJ9cd5vwC+1X8P9BOONGzYI3+MHwRDek5JrAEXvM9x4k6h7bIkk9ytYZNxR4rF/KyWkNu1XQ==","shasum":"152ce42b97326e0d5125644ee6d3be073e7bf01d","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.42-pr.1210.969f0c87.0.tgz","fileCount":16,"unpackedSize":39555,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC4iP3R2LFaxDNIuupau9+BsciWMhwdJxam1b+XRLLMoAIgUYk1AKalu8TKSfryNQbUWA2tHJakvIqxziAKHXD3KKk="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.42-pr.1210.969f0c87.0_1709745006067_0.8846039767938612"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.42-pr.1209.d1655a77.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.42-pr.1209.d1655a77.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.107","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.3"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-pr.2054.fb73a54b.0","vue":"^3.4.19","@kong-ui-public/i18n":"^2.1.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.42-pr.1209.d1655a77.0","_integrity":"sha512-CyIi00tqGozJr8N7RoSBTFReqqFMxit3JPLiD9jJ9Rfb5O9t694Kvay/t98lLwFHLeSNl4K/UsdUJixKamnKAg==","_resolved":"/tmp/536de199070785ec88b28d18ac6da82c/kong-ui-public-copy-uuid-2.0.42-pr.1209.d1655a77.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.42-pr.1209.d1655a77.0.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-CyIi00tqGozJr8N7RoSBTFReqqFMxit3JPLiD9jJ9Rfb5O9t694Kvay/t98lLwFHLeSNl4K/UsdUJixKamnKAg==","shasum":"1ad7ac0318d02be95b99ecbfffe2ab90f7a989d3","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.42-pr.1209.d1655a77.0.tgz","fileCount":16,"unpackedSize":39564,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDHCWNG+4bGxO4DiA6gCXed7BhPsPr6o70yNAsGpRHTVQIgGl2yWvPCuNIvI4bzadp6fUcUvXZy1kC4R/8N5SVnJkM="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.42-pr.1209.d1655a77.0_1709745264543_0.3889582397081339"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.42-pr.1209.c3a77925.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.42-pr.1209.c3a77925.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.107","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.3"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-pr.2054.fb73a54b.0","vue":"^3.4.19","@kong-ui-public/i18n":"^2.1.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.42-pr.1209.c3a77925.0","_integrity":"sha512-3IPjNeo6U+RIeIiD71PsQurlpzsz+dhcQ5IxiW3qmNmZ6W1c7HZ91qWitzpoJqTH+DDW2t8ea7oe15F/sl2uXg==","_resolved":"/tmp/ecaed36252c4d79bbe4f222d6109c51a/kong-ui-public-copy-uuid-2.0.42-pr.1209.c3a77925.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.42-pr.1209.c3a77925.0.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-3IPjNeo6U+RIeIiD71PsQurlpzsz+dhcQ5IxiW3qmNmZ6W1c7HZ91qWitzpoJqTH+DDW2t8ea7oe15F/sl2uXg==","shasum":"b46513614304767f3e3e052920f870fa6d95b493","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.42-pr.1209.c3a77925.0.tgz","fileCount":16,"unpackedSize":39564,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG7N7vJm1onaNL6kuCB06qxpE7rCyYNL0AFY3mRcuxSpAiEA7W+yTTuZ1ji/9lZe+Tx9S2Y2pmcakLh39m0iI8yZ0Vo="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.42-pr.1209.c3a77925.0_1709746208761_0.9447873244499143"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.42-pr.1209.d31ab32a.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.42-pr.1209.d31ab32a.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.107","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.3"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-pr.2054.b3b8e324.0","vue":"^3.4.19","@kong-ui-public/i18n":"^2.1.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.42-pr.1209.d31ab32a.0","_integrity":"sha512-as1Id7LXZpvYGVq8A8t2BrnrFUpjK5Nx+YlRWKrs1pj83IGdBAQB2nppGj7Ra3qJ389igddTFdLFXlIHXTIQwQ==","_resolved":"/tmp/5de5d99eadc6a68b01c9922f7223bc01/kong-ui-public-copy-uuid-2.0.42-pr.1209.d31ab32a.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.42-pr.1209.d31ab32a.0.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-as1Id7LXZpvYGVq8A8t2BrnrFUpjK5Nx+YlRWKrs1pj83IGdBAQB2nppGj7Ra3qJ389igddTFdLFXlIHXTIQwQ==","shasum":"77c0fbc89362de8df748d17929c25ac9cabf162e","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.42-pr.1209.d31ab32a.0.tgz","fileCount":16,"unpackedSize":39564,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDf5IBpIw5MXYNRoSYpfQQcBjGTzePoIUIIf2O0OjUgxgIgAr/047uU4k/0/rccfZzcGPTJGJabAQyQQXwHwdOQUmI="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.42-pr.1209.d31ab32a.0_1709757997878_0.3200813517877936"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.42":{"name":"@kong-ui-public/copy-uuid","version":"2.0.42","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.107","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.3"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-alpha.107","vue":"^3.4.20","@kong-ui-public/i18n":"^2.1.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.42","_integrity":"sha512-UbVHXROVXyBNLrL4bL8jH9eRk+Oa3ywwkYZ7xgxfnQsUvq08KTDh9TPf8JxHZVrUlu/UFES9ZQdzglaSFqbRaA==","_resolved":"/tmp/89d963e099a62f160cd0815f33fd7189/kong-ui-public-copy-uuid-2.0.42.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.42.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-UbVHXROVXyBNLrL4bL8jH9eRk+Oa3ywwkYZ7xgxfnQsUvq08KTDh9TPf8JxHZVrUlu/UFES9ZQdzglaSFqbRaA==","shasum":"2ba9291e9a38d00869228bc9b660430b7815b7d1","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.42.tgz","fileCount":16,"unpackedSize":39536,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGNzAhswvlqP31MvjyDdGskKXP8UuG/IWv37U6Ayc0fGAiBaMeAIRoL5VqhZfGiSLY714uT5xNyF9NSrB6Isl+WhQQ=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.42_1709793170108_0.9268998323214583"},"_hasShrinkwrap":false},"2.0.43-pr.1209.a5bbe923.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.43-pr.1209.a5bbe923.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.107","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.3"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-pr.2054.2f512ddd.0","vue":"^3.4.20","@kong-ui-public/i18n":"^2.1.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.43-pr.1209.a5bbe923.0","_integrity":"sha512-cbrdDo6nw1psaL2OArJuSAqeEOpOI7y49fPIPuBTT0tbvCE7gU76IuwKvSvpzuG4D1ciJGo56AreKAZ6lcWSPQ==","_resolved":"/tmp/01930d741a2c948558fa8e7f6d47ebfd/kong-ui-public-copy-uuid-2.0.43-pr.1209.a5bbe923.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.43-pr.1209.a5bbe923.0.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-cbrdDo6nw1psaL2OArJuSAqeEOpOI7y49fPIPuBTT0tbvCE7gU76IuwKvSvpzuG4D1ciJGo56AreKAZ6lcWSPQ==","shasum":"4164c4dd8b538ea72b7ca5fd7a38f547ef960184","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.43-pr.1209.a5bbe923.0.tgz","fileCount":16,"unpackedSize":39564,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCuU/HPpHaCh6sto4IOfUafXzKu1zwf1M7ZLt07gMIF5gIgMZGJgxMgAgOjva5k8buxMbKzQ/eJZITr75Vc1FxUgjM="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.43-pr.1209.a5bbe923.0_1709831430090_0.348069338192152"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.43-pr.1210.b91cb5be.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.43-pr.1210.b91cb5be.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.111","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.3"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-alpha.111","vue":"^3.4.20","@kong-ui-public/i18n":"^2.1.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.43-pr.1210.b91cb5be.0","_integrity":"sha512-HoFC5wMCDHYm85lX8hLPbS/ld7H0Lp8qwByZc9sOf0oM0Qp7aNMlI2FSKSa5rV29tjiBieBQnOmHBkLy3nD1+g==","_resolved":"/tmp/6a6184389033427d261da21dd83a616b/kong-ui-public-copy-uuid-2.0.43-pr.1210.b91cb5be.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.43-pr.1210.b91cb5be.0.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-HoFC5wMCDHYm85lX8hLPbS/ld7H0Lp8qwByZc9sOf0oM0Qp7aNMlI2FSKSa5rV29tjiBieBQnOmHBkLy3nD1+g==","shasum":"7895443af803097292a05553af3d90d9f7aa602d","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.43-pr.1210.b91cb5be.0.tgz","fileCount":16,"unpackedSize":39555,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDCyfRkwxj+yH9NZqUI1Q7cvv9AmApdPn246XL3hhqz1wIhANDLGZXKZBCwp7jCleODFCesr7GUhACG9G3c2FQpo7x1"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.43-pr.1210.b91cb5be.0_1709831569055_0.9468498848616653"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.43-pr.1210.d90990b7.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.43-pr.1210.d90990b7.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.111","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.3"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-alpha.111","vue":"^3.4.20","@kong-ui-public/i18n":"^2.1.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.43-pr.1210.d90990b7.0","_integrity":"sha512-/uDGZCyaOTTfYXUezG4BvOgq2HtwNjms0Up80G17X1bhPppUTSx9lO8bEPyvVX+gHtY2VZKUZ+XOgAmlXZUzog==","_resolved":"/tmp/035aae5e2b64505adcb48f78876e47ff/kong-ui-public-copy-uuid-2.0.43-pr.1210.d90990b7.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.43-pr.1210.d90990b7.0.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-/uDGZCyaOTTfYXUezG4BvOgq2HtwNjms0Up80G17X1bhPppUTSx9lO8bEPyvVX+gHtY2VZKUZ+XOgAmlXZUzog==","shasum":"b17ec3c8486a777f6cfbd8363285bcfb3ce0ca2d","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.43-pr.1210.d90990b7.0.tgz","fileCount":16,"unpackedSize":39555,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDLfOL2ZoaVbOzzFAinK8WXNv/rc6Uw72qtPX2beHCwxwIgJbDPjxmdfUpgWiqagzGpvMuSgfCehpRMyO5jQwpOGmc="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.43-pr.1210.d90990b7.0_1709849264305_0.5005556219614749"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.43":{"name":"@kong-ui-public/copy-uuid","version":"2.0.43","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.111","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.3"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-alpha.111","vue":"^3.4.20","@kong-ui-public/i18n":"^2.1.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.43","_integrity":"sha512-J1EYEGXROY5xBl8OWs3FprWH142tYu+oY3VtmbZbsWdIzv5OE9OboLasmRgqkLFdTHIf8oFjsCl6wGDalwauAw==","_resolved":"/tmp/044df406d0b877db59603ecf2f7560d9/kong-ui-public-copy-uuid-2.0.43.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.43.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-J1EYEGXROY5xBl8OWs3FprWH142tYu+oY3VtmbZbsWdIzv5OE9OboLasmRgqkLFdTHIf8oFjsCl6wGDalwauAw==","shasum":"a8be5856f530f654c524f35cf6ea6d4d85ff73e7","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.43.tgz","fileCount":16,"unpackedSize":39536,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD5MXG1tySi0JyQt97OFNeaP/WaFgb1FRWZJHJ+W5dTmQIhALqy7tH3nicwLmguUSfkjhyi9aPfo4CWhbGdgNBhQTBi"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.43_1709907044486_0.24753301233831237"},"_hasShrinkwrap":false},"2.0.44-pr.1168.36bd4370.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.44-pr.1168.36bd4370.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.111","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.4-pr.1168.36bd4370.0"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-alpha.111","vue":"^3.4.20","@kong-ui-public/i18n":"^2.1.4-pr.1168.36bd4370.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.44-pr.1168.36bd4370.0","_integrity":"sha512-t8VHP06VIGHkL+oM/lJmVWp55gm7josZ/PsTNV38BWdBdjm2jTaBSSyyIwPTK42BC6I/L0DVnfDUOzEHmvhJrw==","_resolved":"/tmp/2f53696c851ad10b7bc2a81a55785b00/kong-ui-public-copy-uuid-2.0.44-pr.1168.36bd4370.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.44-pr.1168.36bd4370.0.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-t8VHP06VIGHkL+oM/lJmVWp55gm7josZ/PsTNV38BWdBdjm2jTaBSSyyIwPTK42BC6I/L0DVnfDUOzEHmvhJrw==","shasum":"059a70b9e5426afd7d6f19096119d46071d65c61","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.44-pr.1168.36bd4370.0.tgz","fileCount":16,"unpackedSize":39593,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCqlCaW4EdcDf2yMws3IUWzVDoFCuAneNHrPdewmdGRewIgddvmEeZzV6TulK5Ezom0xIngRyUeLrKdZlzVTql9Sic="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.44-pr.1168.36bd4370.0_1709920600168_0.4107550480913058"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.44-pr.1168.c7eb3315.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.44-pr.1168.c7eb3315.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.111","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.4-pr.1168.c7eb3315.0"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-alpha.111","vue":"^3.4.20","@kong-ui-public/i18n":"^2.1.4-pr.1168.c7eb3315.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.44-pr.1168.c7eb3315.0","_integrity":"sha512-4KnefrjYC0101ZnyHjO7Sm0oYUfHnqhm3NdYt+jzOZKQF8QIfwABPdTi8dJl7QUR4Hhaq0g52b9WASQBKFvoAQ==","_resolved":"/tmp/08d7231020101a8c96ff3f7c91a64dbe/kong-ui-public-copy-uuid-2.0.44-pr.1168.c7eb3315.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.44-pr.1168.c7eb3315.0.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-4KnefrjYC0101ZnyHjO7Sm0oYUfHnqhm3NdYt+jzOZKQF8QIfwABPdTi8dJl7QUR4Hhaq0g52b9WASQBKFvoAQ==","shasum":"7e576f5be60c77a73a0416ce7f6138e8401ce72d","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.44-pr.1168.c7eb3315.0.tgz","fileCount":16,"unpackedSize":39593,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCDuGeqMUQVSbjOXwxYiEWXdomYUfEXT0fsOtXNPultGwIhALqwbPv6CBfnLq/nHQi3SiCZTzXJP9qCxIgtNBR1VKOE"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.44-pr.1168.c7eb3315.0_1709933593698_0.48679470979233663"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.44-pr.1168.713231d6.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.44-pr.1168.713231d6.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.111","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.4-pr.1168.713231d6.0"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-alpha.111","vue":"^3.4.20","@kong-ui-public/i18n":"^2.1.4-pr.1168.713231d6.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.44-pr.1168.713231d6.0","_integrity":"sha512-MXFOvPI3IFvw2uBNGIKDFQ6cTBwHv4yiRMsiySo8IzylPkszcTtLmVXqTN52v48s0GxJrn4QArI8PQFS7Gwr9A==","_resolved":"/tmp/693ecdaa94e231521ac8439199464bd0/kong-ui-public-copy-uuid-2.0.44-pr.1168.713231d6.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.44-pr.1168.713231d6.0.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-MXFOvPI3IFvw2uBNGIKDFQ6cTBwHv4yiRMsiySo8IzylPkszcTtLmVXqTN52v48s0GxJrn4QArI8PQFS7Gwr9A==","shasum":"4b645ec3cffc6e1d9b48da76b14c95d2e81e14de","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.44-pr.1168.713231d6.0.tgz","fileCount":16,"unpackedSize":39593,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDqcpd95sEiXBRvogXFkfEMbkCn04auD91l7oYXBKG5uwIhAO/VD3h5eaqu1NL9OcPXQLhlKlnon6DwddCRd162XYgd"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.44-pr.1168.713231d6.0_1709935956995_0.21215693907489164"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.44-pr.1168.e0d29a0d.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.44-pr.1168.e0d29a0d.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.111","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.4-pr.1168.e0d29a0d.0"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-alpha.111","vue":"^3.4.20","@kong-ui-public/i18n":"^2.1.4-pr.1168.e0d29a0d.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.44-pr.1168.e0d29a0d.0","_integrity":"sha512-/mojtFmXdiuZBvFIGo6gMGM/39EYOnZCrXWIFVv84NjZHGNhbqACjz8kdg3R2qqN+LZIg0UaqJ3Tzeas+XSsrA==","_resolved":"/tmp/e99869a81daab50bc9389ab08457ee95/kong-ui-public-copy-uuid-2.0.44-pr.1168.e0d29a0d.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.44-pr.1168.e0d29a0d.0.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-/mojtFmXdiuZBvFIGo6gMGM/39EYOnZCrXWIFVv84NjZHGNhbqACjz8kdg3R2qqN+LZIg0UaqJ3Tzeas+XSsrA==","shasum":"5e8d4c4dfe3d7c26a4b0eda47095e2f90a92c38e","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.44-pr.1168.e0d29a0d.0.tgz","fileCount":16,"unpackedSize":39593,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGRA43hE77wReTFyY130ZGYrbg4d2hmkRa6aimFa06y4AiEA7+p2zgfdeCYgA2kL517HlNSQAeo5D1KAp+fwc1QMpFU="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.44-pr.1168.e0d29a0d.0_1709937887497_0.21047593035428158"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.44-pr.1168.1c15e867.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.44-pr.1168.1c15e867.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.111","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.4-pr.1168.1c15e867.0"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-alpha.111","vue":"^3.4.20","@kong-ui-public/i18n":"^2.1.4-pr.1168.1c15e867.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.44-pr.1168.1c15e867.0","_integrity":"sha512-ID0M+Zq9lrcK338qRlJ5FWe2Hs/IE7gM/a6XP4ZeZLV6v3p2i3qLVaeNtUYUQf64GxddMZQ2Yo9XBTed2IQIww==","_resolved":"/tmp/d0aa675f73a7c483fb197f7ec18db27c/kong-ui-public-copy-uuid-2.0.44-pr.1168.1c15e867.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.44-pr.1168.1c15e867.0.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-ID0M+Zq9lrcK338qRlJ5FWe2Hs/IE7gM/a6XP4ZeZLV6v3p2i3qLVaeNtUYUQf64GxddMZQ2Yo9XBTed2IQIww==","shasum":"fad0a29c980cd8ea65cab237c76b6387247fb682","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.44-pr.1168.1c15e867.0.tgz","fileCount":16,"unpackedSize":39593,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFqsApItLoFh8KbeOCHt9eJaF6RQr1VMIbSxE75z10KAAiEA8WUIHHYivleSZY7dofXeGkW71yRHCRpUHn3sCnGViCY="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.44-pr.1168.1c15e867.0_1709939781117_0.0987873004063764"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.44":{"name":"@kong-ui-public/copy-uuid","version":"2.0.44","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.111","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.3"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-alpha.111","vue":"^3.4.21","@kong-ui-public/i18n":"^2.1.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.44","_integrity":"sha512-bRc4NC33U43iwgTPFY7NgXyJq6JbUgBhJyykQ6Qn+/NF7/klVjlnlYMzJHMdofSDx8J/uvZcYQWokJwapJQ5HQ==","_resolved":"/tmp/a994fdc922333efaf98f25e8ea45983f/kong-ui-public-copy-uuid-2.0.44.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.44.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-bRc4NC33U43iwgTPFY7NgXyJq6JbUgBhJyykQ6Qn+/NF7/klVjlnlYMzJHMdofSDx8J/uvZcYQWokJwapJQ5HQ==","shasum":"497108c81c0314d7cee943c9b031e5ba7154a403","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.44.tgz","fileCount":16,"unpackedSize":39536,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD4QzntzMptVn0yHthy7cnIE+nI8D73E1XumcC1W4rrxgIgRnY5Emlwn8o9gpcH2JFWe4ImPyoPh6Q73bCSpSS22/I="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.44_1710212310569_0.7466078796145896"},"_hasShrinkwrap":false},"2.0.45-pr.1209.8446e3e7.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.45-pr.1209.8446e3e7.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.111","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.3"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-pr.2043.17067864.0","vue":"^3.4.21","@kong-ui-public/i18n":"^2.1.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.45-pr.1209.8446e3e7.0","_integrity":"sha512-rhn2rbJPAChlKP21LJYH6KIvofZoiCeYEoom6YkM8ky53mzG5sXDHTAXEMwBuWcW9S51nHOpNg3LbiNRDFG0qA==","_resolved":"/tmp/0ecf5f975efe401744c76a55ba22a6b5/kong-ui-public-copy-uuid-2.0.45-pr.1209.8446e3e7.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.45-pr.1209.8446e3e7.0.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-rhn2rbJPAChlKP21LJYH6KIvofZoiCeYEoom6YkM8ky53mzG5sXDHTAXEMwBuWcW9S51nHOpNg3LbiNRDFG0qA==","shasum":"174b9fb0d7b242c8c9a425f020aa44c497751e44","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.45-pr.1209.8446e3e7.0.tgz","fileCount":16,"unpackedSize":39564,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHPjPsTJMxkHv4sZiXxngjiZTGxlkYPWJDZQ9qQeihFuAiEA9fQHpG9ia3hL4+DNxRGqqAsGDyIWWo6DeLp8KXs+fa8="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.45-pr.1209.8446e3e7.0_1710250932667_0.060188724727040954"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.45-pr.1209.35538b2b.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.45-pr.1209.35538b2b.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.111","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.3"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-pr.2043.17067864.0","vue":"^3.4.21","@kong-ui-public/i18n":"^2.1.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.45-pr.1209.35538b2b.0","_integrity":"sha512-DIa8FMLhcN7xkkB3PoA2gCLuFrWu8u2BkHVXfdCXLYcTqAb/ozrQLJhDduZwvURxHRtQdSKeuv0TMRdAYi/a5w==","_resolved":"/tmp/b07dff1da519fea3f298454d54928bb9/kong-ui-public-copy-uuid-2.0.45-pr.1209.35538b2b.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.45-pr.1209.35538b2b.0.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-DIa8FMLhcN7xkkB3PoA2gCLuFrWu8u2BkHVXfdCXLYcTqAb/ozrQLJhDduZwvURxHRtQdSKeuv0TMRdAYi/a5w==","shasum":"89d50766a900c62b513cca2ea081c8c91b0f7bc3","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.45-pr.1209.35538b2b.0.tgz","fileCount":16,"unpackedSize":39564,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHjNq7FuJ6KfBbsmg1hKR7OpDXr1+n3vyed2NZMZZd1uAiEAixdW6Ic2jxV8qFiwNyYpf3WTHZbFi0ja2bymZCh5d+8="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.45-pr.1209.35538b2b.0_1710257060675_0.10496924152333142"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.45-pr.1168.e2febd6b.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.45-pr.1168.e2febd6b.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.111","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.4-pr.1168.e2febd6b.0"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-alpha.111","vue":"^3.4.21","@kong-ui-public/i18n":"^2.1.4-pr.1168.e2febd6b.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.45-pr.1168.e2febd6b.0","_integrity":"sha512-9vMwEjlVxrcWQvjas7gvpNuRRfzrddyY0pm6h4lsxVCL9JiY++GecoqxG3HtMyic9tzQjdRLnuyp7x9dJo8gLg==","_resolved":"/tmp/a5857a2d3d8e0c90229a88230910a11f/kong-ui-public-copy-uuid-2.0.45-pr.1168.e2febd6b.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.45-pr.1168.e2febd6b.0.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-9vMwEjlVxrcWQvjas7gvpNuRRfzrddyY0pm6h4lsxVCL9JiY++GecoqxG3HtMyic9tzQjdRLnuyp7x9dJo8gLg==","shasum":"8af124c112388f6244e187495707d87dbe40196c","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.45-pr.1168.e2febd6b.0.tgz","fileCount":16,"unpackedSize":39593,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA6iPSjI0uhMBCDKOlcF/9V88SOc0SozNVIfeFixSMQEAiEA797yIQnMnLDA1hkVUM6Tr/K81nRJnswbwYuk72d3NLk="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.45-pr.1168.e2febd6b.0_1710261647035_0.5172201400915588"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.45-pr.1209.9873c76b.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.45-pr.1209.9873c76b.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.112","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.3"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-alpha.112","vue":"^3.4.21","@kong-ui-public/i18n":"^2.1.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.45-pr.1209.9873c76b.0","_integrity":"sha512-EWWABEwm0MHx4sR1Lj8udq9+ERzQcXAHXIBxUWgKp1tdd3cKaJWECZGlCWBYxoj9uz4jW2kQq1CSulCpBKHo6A==","_resolved":"/tmp/0b6800cf5154963b703835fb81fb255b/kong-ui-public-copy-uuid-2.0.45-pr.1209.9873c76b.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.45-pr.1209.9873c76b.0.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-EWWABEwm0MHx4sR1Lj8udq9+ERzQcXAHXIBxUWgKp1tdd3cKaJWECZGlCWBYxoj9uz4jW2kQq1CSulCpBKHo6A==","shasum":"558f4f33ea99db9e885e020e4b1bd02deb74b77c","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.45-pr.1209.9873c76b.0.tgz","fileCount":16,"unpackedSize":39555,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIERnpqPRaTK6GwfgTS5qpn/tkVIH4RHEwEAI0BwJP9hNAiEAhlexKSAN978jFNqPAwuZjYPFNDGMTGKpeATkWRplHRA="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.45-pr.1209.9873c76b.0_1710264307366_0.6387392360720967"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.45":{"name":"@kong-ui-public/copy-uuid","version":"2.0.45","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.112","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.3"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-alpha.112","vue":"^3.4.21","@kong-ui-public/i18n":"^2.1.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.45","_integrity":"sha512-4g6METIPPrkgdKy9kSHHavfIwgRRYdY5FRwiPlySylMFJmBWuSgEZch86aSJWYP6ms7ip8V2UvZnei/e/z/J4Q==","_resolved":"/tmp/19aaf0529d1e5421c03db746fbe9def3/kong-ui-public-copy-uuid-2.0.45.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.45.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-4g6METIPPrkgdKy9kSHHavfIwgRRYdY5FRwiPlySylMFJmBWuSgEZch86aSJWYP6ms7ip8V2UvZnei/e/z/J4Q==","shasum":"fb0dda399aeeb6212fd6d72e13da2827fdc1059b","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.45.tgz","fileCount":16,"unpackedSize":39536,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDvQVFOQfEIJLUE9HBN0dzCsxAcfzOWla3g/vCAGp66oAIgC8+n7lQQbTzGLoxFXlhRgjO70rEVrE9PPepdDynJUtc="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.45_1710266224016_0.8168451834185271"},"_hasShrinkwrap":false},"2.0.46-pr.1168.7983b3d1.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.46-pr.1168.7983b3d1.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.112","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.4-pr.1168.7983b3d1.0"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-alpha.112","vue":"^3.4.21","@kong-ui-public/i18n":"^2.1.4-pr.1168.7983b3d1.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.46-pr.1168.7983b3d1.0","_integrity":"sha512-mDpelA4iCFBjXp/P4u9z3qLnEXMQzjcKLcTfgAv0B8nq08Ym7HHxV/RnXU+EWNX83gMuKNJezZV+U1RPf9+/Ng==","_resolved":"/tmp/8cf1e38e659315ad131c681b6dcbeebc/kong-ui-public-copy-uuid-2.0.46-pr.1168.7983b3d1.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.46-pr.1168.7983b3d1.0.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-mDpelA4iCFBjXp/P4u9z3qLnEXMQzjcKLcTfgAv0B8nq08Ym7HHxV/RnXU+EWNX83gMuKNJezZV+U1RPf9+/Ng==","shasum":"5193d5707a44c7056811fa222cd21f9ad1798dfc","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.46-pr.1168.7983b3d1.0.tgz","fileCount":16,"unpackedSize":39593,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID4ksfjEy6g3soyKTRuXYqhIEFL6VMfRSSbnvvua3pDkAiB8mAy/S0AmheS1QDjfyNYRXfzZQsaVtXknNHh86qRYHg=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.46-pr.1168.7983b3d1.0_1710266894195_0.9857878657839418"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.46-pr.1168.bb71d05e.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.46-pr.1168.bb71d05e.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.112","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.4-pr.1168.bb71d05e.0"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-alpha.112","vue":"^3.4.21","@kong-ui-public/i18n":"^2.1.4-pr.1168.bb71d05e.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.46-pr.1168.bb71d05e.0","_integrity":"sha512-wcgBiTumcOKe8pPk1mz8mjVNDkZrsZgUXqYK59Jd4kOLkfNvDwSDXiYCeca0SYH5TDiZ+Bdn28idSC+uc252pQ==","_resolved":"/tmp/336d5614b8fe358779622e1965efa926/kong-ui-public-copy-uuid-2.0.46-pr.1168.bb71d05e.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.46-pr.1168.bb71d05e.0.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-wcgBiTumcOKe8pPk1mz8mjVNDkZrsZgUXqYK59Jd4kOLkfNvDwSDXiYCeca0SYH5TDiZ+Bdn28idSC+uc252pQ==","shasum":"c52d8e4a1814cb83e53e4bc28fe95b9f67ca06fa","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.46-pr.1168.bb71d05e.0.tgz","fileCount":16,"unpackedSize":39593,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBVTprVwfrRXLJSnkWkNz2UQNB+vPvcSO/VqmHvdpDMQAiEAkwW4kTDBji7PLrG9UlBh62Av0XtwR4U3m9ovMVRdTss="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.46-pr.1168.bb71d05e.0_1710279806526_0.2952487702816957"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.46-pr.1168.1e2280ab.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.46-pr.1168.1e2280ab.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.112","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.4-pr.1168.1e2280ab.0"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-alpha.112","vue":"^3.4.21","@kong-ui-public/i18n":"^2.1.4-pr.1168.1e2280ab.0"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.46-pr.1168.1e2280ab.0","_integrity":"sha512-/7iXqNJL4ZTS0599sWw4LkH7oh61Lpohy7tziuKTm3o9Q82/rAUPBcSdSgeltD0eGk/cFr9nQXzMz05/rZDnPQ==","_resolved":"/tmp/32035ea18e9e894fd9a088a1028a5063/kong-ui-public-copy-uuid-2.0.46-pr.1168.1e2280ab.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.46-pr.1168.1e2280ab.0.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-/7iXqNJL4ZTS0599sWw4LkH7oh61Lpohy7tziuKTm3o9Q82/rAUPBcSdSgeltD0eGk/cFr9nQXzMz05/rZDnPQ==","shasum":"c73d308853a2e1670a390f6f45ed46bfc7045441","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.46-pr.1168.1e2280ab.0.tgz","fileCount":16,"unpackedSize":39593,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDUH3cCFeGdm5dWGF9c1h0D7A+bnBKkxHKKDL0U1EiUIAIhAN1G1bRMi8eEsx/iestLsxfgdLr6FPqn0telxkRRyGLo"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.46-pr.1168.1e2280ab.0_1710280629701_0.8079649673853055"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.46-pr.1233.25d37493.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.46-pr.1233.25d37493.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.113","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.3"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-alpha.113","vue":"^3.4.21","@kong-ui-public/i18n":"^2.1.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.46-pr.1233.25d37493.0","_integrity":"sha512-FomOJ5ZfxortCDN3w6kkG/41MN/M4cw9dafS/3dIN7HvMlZoblCBk86OHp1qrOv8yTiYkxD4uYY+Ugk5uE2Y3A==","_resolved":"/tmp/5f9880a0808ab3cad7f0a034246ba2c5/kong-ui-public-copy-uuid-2.0.46-pr.1233.25d37493.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.46-pr.1233.25d37493.0.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-FomOJ5ZfxortCDN3w6kkG/41MN/M4cw9dafS/3dIN7HvMlZoblCBk86OHp1qrOv8yTiYkxD4uYY+Ugk5uE2Y3A==","shasum":"5cfadeafad405c12c455a51c857f496f43783be7","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.46-pr.1233.25d37493.0.tgz","fileCount":16,"unpackedSize":39555,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHVyxLYKJpaX49m2psgtE/a4DWk+nlmzHRKnBtpvvD0cAiEAmOejz1873fIi7MVVmxcIcBPw8Fg6D2ntZ5htML3uhO4="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.46-pr.1233.25d37493.0_1710335608322_0.31933732448502505"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.46":{"name":"@kong-ui-public/copy-uuid","version":"2.0.46","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.113","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.3"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-alpha.113","vue":"^3.4.21","@kong-ui-public/i18n":"^2.1.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.46","_integrity":"sha512-oPcJ+ty6DZbEcNpeK7sqbOaDdYQdhVei/Jmd+8Vfheb12TaqjBla5/TJzNEN32OO6Vx7qUgY4eBpez+2MHwJ8A==","_resolved":"/tmp/4f5f66369d93e92b96098843c3419594/kong-ui-public-copy-uuid-2.0.46.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.46.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-oPcJ+ty6DZbEcNpeK7sqbOaDdYQdhVei/Jmd+8Vfheb12TaqjBla5/TJzNEN32OO6Vx7qUgY4eBpez+2MHwJ8A==","shasum":"d299efa520f7bfa290977c311a334519c6140a43","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.46.tgz","fileCount":16,"unpackedSize":39536,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBnrcXxzwHTZG4hwGtzwlFun8y9d0RGi7WkJHWxNiLWkAiEAnGeyfGtMe1H1pfK74oJmKj/EjePSV19QB7Ssj+64M+g="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.46_1710336785337_0.050035359055962125"},"_hasShrinkwrap":false},"2.0.47-pr.1252.552653f7.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.47-pr.1252.552653f7.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.113","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.3"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-alpha.115","vue":"^3.4.21","@kong-ui-public/i18n":"^2.1.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.47-pr.1252.552653f7.0","_integrity":"sha512-GtCRxq6XRIxCxVCaf7alJx+Tjr3AOColp/izh3pk0UObTnkjeASr1gOc1OApF5xQFbu1fgmgSRpZZt0XuJQxFA==","_resolved":"/tmp/771546c22faa33f956078d7dd3b07059/kong-ui-public-copy-uuid-2.0.47-pr.1252.552653f7.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.47-pr.1252.552653f7.0.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-GtCRxq6XRIxCxVCaf7alJx+Tjr3AOColp/izh3pk0UObTnkjeASr1gOc1OApF5xQFbu1fgmgSRpZZt0XuJQxFA==","shasum":"a0118762a594030a23e17efeee08c2c50e0a3d5f","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.47-pr.1252.552653f7.0.tgz","fileCount":16,"unpackedSize":39555,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAyNTtHujK0ZgFuC7HqKxL+MJL5V8rr25F/VZyQAGVSAAiAcRtY1/tpEA6QdN9pWvjkYsZSBdOjDGog2F+aWm3ALMQ=="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.47-pr.1252.552653f7.0_1710533948496_0.16152641223018116"},"_hasShrinkwrap":false,"deprecated":"Deprecated PR preview"},"2.0.47-pr.1252.61c7dbfa.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.47-pr.1252.61c7dbfa.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.113","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.3"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-alpha.115","vue":"^3.4.21","@kong-ui-public/i18n":"^2.1.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.47-pr.1252.61c7dbfa.0","_integrity":"sha512-hfAfH49usfKxgRZAMwP7pf5e1lZneOnq4EdVCWAyNDwbArl+VgeVAMcpABuBcgzhI1jTs7EAthH43AS7EBLwUA==","_resolved":"/tmp/c546149c690e7ba3962da203735a888f/kong-ui-public-copy-uuid-2.0.47-pr.1252.61c7dbfa.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.47-pr.1252.61c7dbfa.0.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-hfAfH49usfKxgRZAMwP7pf5e1lZneOnq4EdVCWAyNDwbArl+VgeVAMcpABuBcgzhI1jTs7EAthH43AS7EBLwUA==","shasum":"df67de841fa1911581076aaeeeeeb43edf2e2cb6","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.47-pr.1252.61c7dbfa.0.tgz","fileCount":16,"unpackedSize":39555,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDii2+ChjanEXbJF4HckNYPO1vDuMBpqu8Fo+Gc8cXiEgIhANwOwSnbUASbSvbvxce1I1T5UyE3EmxokxlfTQLKytyk"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.47-pr.1252.61c7dbfa.0_1710538613788_0.42686476558225195"},"_hasShrinkwrap":false},"2.0.47-pr.1252.83bdcf4f.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.47-pr.1252.83bdcf4f.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.113","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.3"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-alpha.115","vue":"^3.4.21","@kong-ui-public/i18n":"^2.1.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.47-pr.1252.83bdcf4f.0","_integrity":"sha512-cztl1rgEvOFKGBFXxM4Bjh+NnyQm86qqTBF6KK06HzFz6BzeIJov8c8gkCcoF+djomZ/BrbOhwpbgEqOCSbfpg==","_resolved":"/tmp/d3f40a71bd4440241333cae3e218aab7/kong-ui-public-copy-uuid-2.0.47-pr.1252.83bdcf4f.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.47-pr.1252.83bdcf4f.0.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-cztl1rgEvOFKGBFXxM4Bjh+NnyQm86qqTBF6KK06HzFz6BzeIJov8c8gkCcoF+djomZ/BrbOhwpbgEqOCSbfpg==","shasum":"0e5b099f6599c230fb2d061314cbab4891bc97ed","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.47-pr.1252.83bdcf4f.0.tgz","fileCount":16,"unpackedSize":39555,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAZAE5YWSBsBRdXfF+nX0Kpomknmx4CcKnWdIHD28Z/FAiEA6VDHCJCbVRmpKHCqXqk3Uv1tKOxlo8H7YC3S0Po3EQc="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.47-pr.1252.83bdcf4f.0_1710771183729_0.9014529853459496"},"_hasShrinkwrap":false},"2.0.47-pr.1252.259c6689.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.47-pr.1252.259c6689.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.113","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.3"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-alpha.115","vue":"^3.4.21","@kong-ui-public/i18n":"^2.1.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.47-pr.1252.259c6689.0","_integrity":"sha512-WN0oomv+c3XIuQ/eTN+9csaxu8yWRd2XjymK5vHsW5SvGTqeagyloi91d8HV6qyM3YUWCarAnETdc9gOE3u0VA==","_resolved":"/tmp/00a352707f20ee3509124eb3d38c1c95/kong-ui-public-copy-uuid-2.0.47-pr.1252.259c6689.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.47-pr.1252.259c6689.0.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-WN0oomv+c3XIuQ/eTN+9csaxu8yWRd2XjymK5vHsW5SvGTqeagyloi91d8HV6qyM3YUWCarAnETdc9gOE3u0VA==","shasum":"cf4fd9567d56a37cba16cd476fac2e76a717fcdb","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.47-pr.1252.259c6689.0.tgz","fileCount":16,"unpackedSize":39555,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDsr1Br+pfRl8bD7yAjsCR9z1boG/FnMhM09l4q5FBEswIhAJd5JsNFMP5uQSUDCR1usCCrqRJPQzuQkhvbiONX1vEZ"}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.47-pr.1252.259c6689.0_1710774922494_0.5013833551443398"},"_hasShrinkwrap":false},"2.0.47-pr.1258.aba4436d.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.47-pr.1258.aba4436d.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.113","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.3"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-alpha.113","vue":"^3.4.21","@kong-ui-public/i18n":"^2.1.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.47-pr.1258.aba4436d.0","_integrity":"sha512-EqDFnxPG3gdaUlc3PSyD0fQtUFIQTlo8/Exj4PUUvB9lVEeiZi43dph0fMhqT2s0diBwwEmPO9vt0aW1/9H1hg==","_resolved":"/tmp/7226468bf5fb7a696a7007c1260dc2b3/kong-ui-public-copy-uuid-2.0.47-pr.1258.aba4436d.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.47-pr.1258.aba4436d.0.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-EqDFnxPG3gdaUlc3PSyD0fQtUFIQTlo8/Exj4PUUvB9lVEeiZi43dph0fMhqT2s0diBwwEmPO9vt0aW1/9H1hg==","shasum":"77f9a6e50d8c434d012141532c6911e001eb4527","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.47-pr.1258.aba4436d.0.tgz","fileCount":16,"unpackedSize":39862,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH9H2Ifz8wHwyKtw51y+6k/mld1/xwFlh7VZG6u9xJDmAiEA1cEJnPW9a8PwLeKRBJJQS//sGIxEihyxA3z3VBIkOnU="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.47-pr.1258.aba4436d.0_1710776716311_0.44396599390746005"},"_hasShrinkwrap":false},"2.0.47-pr.1258.b998222a.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.47-pr.1258.b998222a.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.113","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.3"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-alpha.113","vue":"^3.4.21","@kong-ui-public/i18n":"^2.1.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.47-pr.1258.b998222a.0","_integrity":"sha512-duMDuV3Zhjlo79sajPmWFcKRHfafUwfS8UakWrVZwpf+TZXK9PAVPFzK8V6QDe2PAASdWM1vMQDqEloVEYg+vw==","_resolved":"/tmp/3baab2f534c9f7796aaaeb1b08a6448a/kong-ui-public-copy-uuid-2.0.47-pr.1258.b998222a.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.47-pr.1258.b998222a.0.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-duMDuV3Zhjlo79sajPmWFcKRHfafUwfS8UakWrVZwpf+TZXK9PAVPFzK8V6QDe2PAASdWM1vMQDqEloVEYg+vw==","shasum":"d8a632f429f865ec1fec420ff66291d65652bac9","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.47-pr.1258.b998222a.0.tgz","fileCount":16,"unpackedSize":39862,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGyeyAA9fsx58IIzNTJkaArMF0rwoNHD+uCx1hANAobrAiEArvXy7IilWCnsYFZh6qArs9Zjd7wig12F9rElviAYxRs="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.47-pr.1258.b998222a.0_1710777275212_0.8075546837609893"},"_hasShrinkwrap":false},"2.0.47-pr.1252.58863b0c.0":{"name":"@kong-ui-public/copy-uuid","version":"2.0.47-pr.1252.58863b0c.0","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.113","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.3"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-alpha.115","vue":"^3.4.21","@kong-ui-public/i18n":"^2.1.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md","description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.47-pr.1252.58863b0c.0","_integrity":"sha512-0HRcMXbJEo/40yjO2K9tYLhOAGG9HJBGW2THWGcfEkbhpCUXV+FldPvt3xsL0qmAD3q+IZjfw4LhetqgXtrIjA==","_resolved":"/tmp/e2c91943d4c761e6e2f56af1afe0dcea/kong-ui-public-copy-uuid-2.0.47-pr.1252.58863b0c.0.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.47-pr.1252.58863b0c.0.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-0HRcMXbJEo/40yjO2K9tYLhOAGG9HJBGW2THWGcfEkbhpCUXV+FldPvt3xsL0qmAD3q+IZjfw4LhetqgXtrIjA==","shasum":"55d791015bb8613582c50c1ba7f37b7abb006195","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.47-pr.1252.58863b0c.0.tgz","fileCount":16,"unpackedSize":39555,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDCxU7eAEPdxW+Ts89LS+1Vk/vJ+0v8e3VrRA3e4VvOQQIgfXWymtS13wjCkqaUP2oGzBCntTE/3K721y2FBloX/bg="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.47-pr.1252.58863b0c.0_1710779421343_0.42952892283625443"},"_hasShrinkwrap":false},"2.0.47":{"name":"@kong-ui-public/copy-uuid","version":"2.0.47","type":"module","main":"./dist/copy-uuid.umd.js","module":"./dist/copy-uuid.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/copy-uuid.es.js","require":"./dist/copy-uuid.umd.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json","./dist/*":"./dist/*"},"publishConfig":{"access":"public"},"peerDependencies":{"@kong/kongponents":"9.0.0-alpha.113","vue":">= 3.3.13 < 4","@kong-ui-public/i18n":"^2.1.3"},"devDependencies":{"@kong/design-tokens":"1.12.10","@kong/kongponents":"9.0.0-alpha.113","vue":"^3.4.21","@kong-ui-public/i18n":"^2.1.3"},"repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"author":{"name":"Kong, Inc."},"license":"Apache-2.0","volta":{"extends":"../../../package.json"},"distSizeChecker":{"errorLimit":"250KB"},"dependencies":{"@kong/icons":"^1.8.14"},"scripts":{"dev":"cross-env USE_SANDBOX=true vite","build":"run-s typecheck build:package build:types","build:package":"vite build -m production","build:analyzer":"BUILD_VISUALIZER='core/copy-uuid' vite build -m production","build:types":"vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly","build:sandbox":"cross-env USE_SANDBOX=true vite build -m production","preview":"cross-env USE_SANDBOX=true vite preview","lint":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore'","lint:fix":"eslint '**/*.{js,jsx,ts,tsx,vue}' --ignore-path '../../../.eslintignore' --fix","stylelint":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}'","stylelint:fix":"stylelint --allow-empty-input './src/**/*.{css,scss,sass,less,styl,vue}' --fix","typecheck":"vue-tsc -p './tsconfig.build.json' --noEmit","test:component":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress run --component -b chrome --spec './src/**/*.cy.ts' --project '../../../.'","test:component:open":"BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'"},"description":"A Kong UI component for displaying uuid and copying it to clipboard.","_id":"@kong-ui-public/copy-uuid@2.0.47","_integrity":"sha512-iyANq/Y7qH6WWPPX9Wjo7lZhZzpp4UMuJgYmPHlmaAC2VLUVlXOpQ6wRlvNOkV6zH2BFG329A8Sada9xmfa5bQ==","_resolved":"/tmp/12b18a77d4800b379f6c08ec4684610d/kong-ui-public-copy-uuid-2.0.47.tgz","_from":"file:kong-ui-public-copy-uuid-2.0.47.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-iyANq/Y7qH6WWPPX9Wjo7lZhZzpp4UMuJgYmPHlmaAC2VLUVlXOpQ6wRlvNOkV6zH2BFG329A8Sada9xmfa5bQ==","shasum":"75961ec574b6fcef77b23e4ac532d4a9705a6ce8","tarball":"https://registry.npmjs.org/@kong-ui-public/copy-uuid/-/copy-uuid-2.0.47.tgz","fileCount":16,"unpackedSize":39843,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDk+FEJTwgPmgwCAvUvHL3fQazhKbqQEp06WOZTdcOUQgIgfBsjqe/LF0/tZJ3/gvXTA+aSnLCkxoZcUnRDHGGvmmM="}]},"_npmUser":{"name":"konginc","email":"npm@konghq.com"},"directories":{},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/copy-uuid_2.0.47_1710779527969_0.2195671265144139"},"_hasShrinkwrap":false}},"time":{"created":"2023-01-31T03:59:05.972Z","0.1.0":"2023-01-31T03:59:06.184Z","modified":"2024-03-18T16:32:08.678Z","0.1.1":"2023-01-31T08:04:13.439Z","0.1.2":"2023-01-31T16:23:02.732Z","0.1.3":"2023-01-31T21:12:55.083Z","0.1.4":"2023-02-01T20:20:12.837Z","0.1.5":"2023-02-02T04:37:16.068Z","0.1.6":"2023-02-02T09:01:31.726Z","0.1.7":"2023-02-03T00:30:30.030Z","0.1.8":"2023-02-03T19:15:55.807Z","0.1.9":"2023-02-06T16:20:59.300Z","0.1.10":"2023-02-07T01:49:22.954Z","0.1.11":"2023-02-07T13:27:56.058Z","0.1.12-pr.120.e19c894.0":"2023-02-08T00:19:28.384Z","0.1.12":"2023-02-08T00:28:53.182Z","0.1.13":"2023-02-08T01:15:14.189Z","0.1.14-pr.120.e33f8fc.0":"2023-02-08T14:54:37.789Z","0.1.14-pr.120.faa15d7.0":"2023-02-08T14:54:56.273Z","0.1.14-pr.120.f8a288f.0":"2023-02-08T14:55:02.633Z","0.1.14-pr.120.5d85f42.0":"2023-02-08T14:55:34.918Z","0.1.14-pr.120.ef327f0.0":"2023-02-08T14:56:05.424Z","0.1.14-pr.129.c4562ab.0":"2023-02-08T15:30:28.088Z","0.1.14-pr.129.4cb04d5.0":"2023-02-08T15:39:35.842Z","0.1.14-pr.129.9aef2e9.0":"2023-02-08T15:43:11.549Z","0.1.14-pr.112.2ff52b9.0":"2023-02-08T16:19:25.563Z","0.1.14-pr.112.b7111e7.0":"2023-02-08T20:54:42.213Z","0.1.14-pr.112.bdcd275.0":"2023-02-08T21:17:36.319Z","0.1.14-pr.112.cd17446.0":"2023-02-08T22:05:11.778Z","0.1.14-pr.112.62f6bf8.0":"2023-02-08T22:17:41.159Z","0.1.14-pr.130.6c2c61e.0":"2023-02-09T00:38:39.170Z","0.1.14":"2023-02-09T00:48:26.856Z","0.1.15-pr.112.975fc2d.0":"2023-02-09T17:58:38.572Z","0.1.15-pr.112.4507899.0":"2023-02-09T22:43:20.118Z","0.1.15-pr.112.4879d8f.0":"2023-02-10T00:42:32.990Z","0.1.15-pr.139.82ba41b.0":"2023-02-11T03:55:15.908Z","0.1.15":"2023-02-11T04:05:50.290Z","0.1.16-pr.138.8c99f30.0":"2023-02-13T15:05:53.200Z","0.1.16-pr.138.1a7d751.0":"2023-02-13T15:05:56.285Z","0.1.16-pr.138.ba25180.0":"2023-02-13T15:47:24.469Z","0.1.16-pr.138.78c9a72.0":"2023-02-13T15:50:25.821Z","0.1.16-pr.138.afcd62d.0":"2023-02-13T17:28:51.245Z","0.1.16-pr.138.529247d.0":"2023-02-13T18:15:46.163Z","0.1.16-pr.145.8e15568.0":"2023-02-15T16:26:16.365Z","0.1.16-pr.146.19d1f52.0":"2023-02-15T16:28:44.118Z","0.1.16":"2023-02-15T16:34:22.037Z","0.1.16-pr.146.d9de359.0":"2023-02-15T16:36:58.972Z","0.1.17":"2023-02-15T16:55:18.840Z","0.1.17-pr.144.1917296.0":"2023-02-15T17:01:47.052Z","0.1.17-pr.144.d9f584d.0":"2023-02-15T17:28:37.437Z","0.1.18":"2023-02-15T18:29:46.335Z","0.1.19-pr.112.337f2de.0":"2023-02-15T21:08:46.361Z","0.1.19-pr.148.be14d48.0":"2023-02-16T10:23:22.578Z","0.1.19":"2023-02-16T10:34:50.118Z","0.1.19-pr.150.42ba90b.0":"2023-02-16T14:17:04.493Z","0.1.20-pr.150.1377068.0":"2023-02-16T14:43:42.361Z","0.1.20-pr.150.d91a0fb.0":"2023-02-16T15:10:01.160Z","0.1.20-pr.150.4b31da5.0":"2023-02-16T15:12:58.686Z","0.1.20-pr.150.f69171d.0":"2023-02-16T15:27:39.322Z","0.1.20-pr.150.c9bc8d4.0":"2023-02-16T15:32:46.202Z","0.1.20-pr.150.8ee1b0d.0":"2023-02-16T15:44:17.088Z","0.1.20-pr.150.06758e7.0":"2023-02-16T16:22:01.465Z","0.1.20":"2023-02-16T18:06:34.999Z","0.1.21-pr.152.55d96c9.0":"2023-02-16T18:18:03.653Z","0.1.21":"2023-02-16T18:28:27.929Z","0.1.22-pr.147.ca3cbd0.0":"2023-02-17T02:02:38.357Z","0.1.22-pr.147.12be108.0":"2023-02-17T15:55:13.012Z","0.1.22-pr.147.15f9c82.0":"2023-02-17T16:53:36.926Z","0.1.22-pr.157.2f7cdc9.0":"2023-02-17T17:35:29.218Z","0.1.22-pr.158.73a58aa.0":"2023-02-17T17:37:49.679Z","0.2.0":"2023-02-17T17:45:41.271Z","0.1.22-pr.158.99862ce.0":"2023-02-17T17:46:01.222Z","0.2.1":"2023-02-17T17:55:58.289Z","0.2.2-pr.161.6e99427.0":"2023-02-17T23:34:57.051Z","0.2.2-pr.159.7c21cf8.0":"2023-02-17T23:48:41.231Z","0.2.2-pr.156.372c52f.0":"2023-02-17T23:52:24.738Z","0.2.2-pr.160.2bc9e39.0":"2023-02-17T23:55:01.313Z","0.2.2-pr.162.1317c07.0":"2023-02-18T14:49:30.077Z","0.2.2-pr.162.b1a1ceb.0":"2023-02-18T14:57:57.258Z","0.2.2":"2023-02-21T14:54:45.741Z","0.2.2-pr.159.2ab4b8c.0":"2023-02-21T14:55:23.953Z","0.2.3":"2023-02-21T15:56:03.890Z","0.2.4-pr.156.3e82729.0":"2023-02-21T17:58:21.233Z","0.2.4-pr.112.e876c34.0":"2023-02-22T06:14:53.154Z","0.2.4-pr.165.adacb08.0":"2023-02-22T22:04:29.736Z","0.2.4":"2023-02-22T22:12:58.659Z","0.2.5-pr.112.e3456ba.0":"2023-02-24T02:18:56.742Z","0.2.5-pr.112.e610204.0":"2023-02-24T02:59:40.235Z","0.2.5-pr.112.2f13df2.0":"2023-02-24T03:25:17.027Z","0.2.5-pr.112.822dbb5.0":"2023-02-24T03:38:40.228Z","0.2.5-pr.112.a992739.0":"2023-02-24T04:20:53.765Z","0.2.5-pr.169.bcffa6f.0":"2023-02-24T15:02:44.381Z","0.2.5":"2023-02-24T15:13:49.434Z","0.2.6":"2023-02-24T16:42:03.744Z","0.2.7-pr.112.6c1443e.0":"2023-02-24T23:10:54.138Z","0.2.7-pr.112.e1b2707.0":"2023-02-24T23:12:44.461Z","0.2.7-pr.172.f4d43ad.0":"2023-02-25T03:32:45.673Z","0.2.7":"2023-02-25T03:41:29.016Z","0.2.8-pr.112.8cd972e.0":"2023-02-27T18:11:13.624Z","0.2.8-pr.112.fec755c.0":"2023-02-27T20:59:41.162Z","0.2.8-pr.112.62bb505.0":"2023-02-27T21:56:47.504Z","0.2.8-pr.112.6889703.0":"2023-02-27T22:02:14.239Z","0.2.8-pr.182.53386c2.0":"2023-02-28T09:13:26.560Z","0.2.8":"2023-02-28T09:23:25.074Z","0.2.9-pr.185.7ca2b1f.0":"2023-02-28T17:11:54.299Z","0.2.9":"2023-02-28T17:20:57.703Z","0.2.10-pr.188.91ff61b.0":"2023-03-01T17:54:54.130Z","0.2.10":"2023-03-01T18:06:43.412Z","0.2.11-pr.192.4e301bf.0":"2023-03-02T07:06:49.054Z","0.2.11":"2023-03-02T07:16:33.028Z","0.2.12-pr.203.fb2a4df.0":"2023-03-06T10:33:23.855Z","0.2.12-pr.195.b176d79.0":"2023-03-06T10:50:10.996Z","0.2.12-pr.195.6e650d9.0":"2023-03-06T10:55:26.694Z","0.2.12-pr.110.696ed8c.0":"2023-03-06T10:58:48.730Z","0.2.12-pr.132.973d61a.0":"2023-03-06T10:59:24.706Z","0.2.12":"2023-03-06T10:59:58.477Z","0.2.13-pr.207.a48f4f9.0":"2023-03-07T05:08:03.371Z","0.2.13-pr.195.ec59a66.0":"2023-03-07T05:17:59.355Z","0.2.13":"2023-03-07T05:18:57.149Z","0.2.13-pr.209.8f1c340.0":"2023-03-07T05:19:50.470Z","0.2.14-pr.195.33c1ee7.0":"2023-03-07T05:29:00.511Z","0.2.14":"2023-03-07T05:29:52.899Z","0.2.15-pr.213.8567459.0":"2023-03-07T15:02:07.500Z","0.2.15-pr.213.d4733dd.0":"2023-03-07T15:03:21.371Z","0.2.15-pr.213.35e22f4.0":"2023-03-07T16:10:37.145Z","0.2.15-pr.215.e324cf7.0":"2023-03-07T16:45:10.817Z","0.2.15":"2023-03-07T16:54:10.290Z","0.2.15-pr.195.c181cb3.0":"2023-03-07T16:55:14.482Z","0.2.16-pr.218.0d861d1.0":"2023-03-08T00:11:00.277Z","0.2.16-pr.195.1ed4ccf.0":"2023-03-08T00:20:07.882Z","0.2.16":"2023-03-08T00:21:31.722Z","0.2.16-pr.195.80b4504.0":"2023-03-08T00:21:48.962Z","0.2.17-pr.225.f15b8c1.0":"2023-03-09T00:31:51.035Z","0.2.17-pr.195.c11cf4d.0":"2023-03-09T00:40:52.720Z","0.2.17":"2023-03-09T00:43:00.241Z","0.2.18-pr.226.b7241f6.0":"2023-03-09T08:06:52.175Z","0.2.18":"2023-03-09T08:25:32.364Z","0.2.18-pr.195.0c26dfb.0":"2023-03-09T08:26:29.855Z","0.2.12-pr.228.bd93f31.0":"2023-03-09T15:30:33.550Z","0.2.19":"2023-03-09T16:00:01.550Z","0.2.20-pr.229.fb7c96e.0":"2023-03-09T16:10:22.215Z","0.2.20":"2023-03-09T16:20:00.727Z","0.2.20-pr.195.4f7eb44.0":"2023-03-09T16:24:23.391Z","0.2.21-pr.230.8c4568d.0":"2023-03-09T16:30:10.028Z","0.2.21":"2023-03-09T16:38:54.253Z","0.2.22-pr.231.276ad83.0":"2023-03-09T20:32:40.577Z","0.2.22-pr.231.db1a6c0.0":"2023-03-09T21:17:20.139Z","0.2.22-pr.231.f2b92ff.0":"2023-03-09T21:18:35.807Z","0.2.22-pr.231.5cbb2de.0":"2023-03-09T21:30:05.040Z","0.2.22-pr.231.93211e9.0":"2023-03-09T21:30:39.355Z","0.2.22-pr.231.e330568.0":"2023-03-09T22:20:44.395Z","0.2.22-pr.234.b353f5b.0":"2023-03-10T09:47:51.924Z","0.2.22-pr.195.e9462aa.0":"2023-03-10T10:02:55.283Z","0.2.22-pr.235.eb78af2.0":"2023-03-10T10:04:01.603Z","0.2.22":"2023-03-10T10:20:33.233Z","0.2.22-pr.195.a055d4a.0":"2023-03-10T10:23:49.312Z","0.2.23-pr.237.4c679c6.0":"2023-03-10T18:41:02.870Z","0.2.23-pr.237.07c89da.0":"2023-03-10T18:52:30.995Z","0.2.23-pr.195.cdf4357.0":"2023-03-10T19:02:33.569Z","0.2.23":"2023-03-10T19:02:55.036Z","0.2.24-pr.238.17e603b.0":"2023-03-10T22:15:25.388Z","0.2.24":"2023-03-10T22:26:00.017Z","0.2.24-pr.195.3ff9d52.0":"2023-03-10T22:27:18.787Z","0.2.25-pr.239.09e9a6b.0":"2023-03-11T03:16:46.826Z","0.2.25":"2023-03-11T03:26:55.938Z","0.2.25-pr.195.56ad6f7.0":"2023-03-11T03:28:45.315Z","0.2.25-pr.195.d88cd21.0":"2023-03-11T03:32:13.023Z","0.2.22-pr.231.61cbd08.0":"2023-03-12T20:03:11.405Z","0.2.26-pr.231.a506685.0":"2023-03-12T21:30:01.616Z","0.2.26-pr.231.e95cb6a.0":"2023-03-12T22:16:07.923Z","0.2.26-pr.231.d61ae69.0":"2023-03-13T15:33:37.992Z","0.2.26-pr.231.ad42a5e.0":"2023-03-13T16:11:39.551Z","0.2.26":"2023-03-14T16:04:16.355Z","0.2.27":"2023-03-14T16:56:15.930Z","0.2.28-pr.254.2d21715.0":"2023-03-15T21:43:10.982Z","0.2.28-pr.254.ebf714e.0":"2023-03-15T21:51:35.856Z","0.2.28-pr.195.bf4c7f7.0":"2023-03-15T22:03:38.403Z","0.2.28":"2023-03-15T22:05:01.692Z","0.2.29-pr.256.54f5a9a.0":"2023-03-17T00:24:47.600Z","0.2.29":"2023-03-17T00:35:21.501Z","0.2.29-pr.195.36c8a35.0":"2023-03-17T00:37:05.434Z","0.2.30-pr.258.25a9d9f.0":"2023-03-17T14:51:26.365Z","0.2.30-pr.195.18d84a9.0":"2023-03-17T15:33:23.466Z","0.2.30-pr.259.ff5c70f.0":"2023-03-17T15:33:58.287Z","0.2.30-pr.195.a145c30.0":"2023-03-17T15:50:37.599Z","0.2.30":"2023-03-17T15:54:13.937Z","0.2.31-pr.261.0cabf46.0":"2023-03-18T03:29:36.655Z","0.2.31-pr.195.5610806.0":"2023-03-18T03:39:34.376Z","0.2.31":"2023-03-18T03:40:00.783Z","0.2.32-pr.266.428629a.0":"2023-03-21T09:03:02.208Z","0.3.0":"2023-03-21T09:41:45.060Z","0.3.1-pr.268.9c53276.0":"2023-03-21T17:38:09.694Z","0.3.1-pr.195.104a2ed.0":"2023-03-21T17:48:04.457Z","0.3.1-pr.110.ee62da7.0":"2023-03-21T17:49:44.333Z","0.3.1-pr.173.184a1f1.0":"2023-03-21T17:51:33.148Z","0.3.1-pr.14.2e306e7.0":"2023-03-21T17:51:45.114Z","0.3.1-pr.132.0f1fdd1.0":"2023-03-21T17:52:05.894Z","0.3.1":"2023-03-21T17:52:28.436Z","0.3.2-pr.270.604791e.0":"2023-03-22T08:00:31.608Z","0.3.2-pr.195.9f56506.0":"2023-03-22T08:11:24.542Z","0.3.2-pr.110.2dbe076.0":"2023-03-22T08:11:35.447Z","0.3.2-pr.132.58e73a5.0":"2023-03-22T08:12:09.823Z","0.3.2":"2023-03-22T08:12:46.974Z","0.3.2-pr.269.12c483a.0":"2023-03-22T08:12:48.141Z","0.3.2-pr.173.9643998.0":"2023-03-22T08:13:13.222Z","0.3.3-pr.276.e6fb563.0":"2023-03-22T18:18:14.830Z","0.3.3-pr.269.d58b15b.0":"2023-03-22T18:28:53.186Z","0.3.3-pr.195.d6cc9ba.0":"2023-03-22T18:29:28.887Z","0.3.3":"2023-03-22T18:31:49.599Z","0.3.4-pr.284.90ea783.0":"2023-03-23T14:51:49.826Z","0.3.4-pr.195.76cf04a.0":"2023-03-23T15:02:05.213Z","0.3.4-pr.269.4137757.0":"2023-03-23T15:02:56.203Z","0.3.4":"2023-03-23T15:04:55.393Z","0.3.5-pr.286.c9d6ea7.0":"2023-03-25T00:10:40.649Z","0.3.5":"2023-03-25T00:23:56.477Z","0.3.5-pr.195.e5ef324.0":"2023-03-25T00:26:55.122Z","0.3.5-pr.269.772dab5.0":"2023-03-25T00:31:02.433Z","0.3.6-pr.300.ae5658b.0":"2023-04-13T21:38:12.551Z","0.3.6":"2023-04-13T21:50:31.085Z","0.3.7-pr.312.b64f011.0":"2023-04-19T16:14:52.731Z","0.3.7":"2023-04-19T16:27:15.264Z","0.3.7-pr.195.213c4c7.0":"2023-04-19T16:28:33.112Z","0.3.7-pr.195.bb66832.0":"2023-04-19T16:32:38.108Z","0.3.8-pr.314.6350c2d.0":"2023-04-19T22:18:03.288Z","0.3.8":"2023-04-19T22:30:15.521Z","0.3.8-pr.195.03e0d38.0":"2023-04-19T22:31:25.138Z","0.3.8-pr.269.905afb3.0":"2023-04-19T22:33:06.170Z","0.3.9-pr.321.5bfe243.0":"2023-04-20T14:38:47.784Z","0.3.9-pr.195.dab42ff.0":"2023-04-20T14:51:57.876Z","0.3.9":"2023-04-20T14:52:20.766Z","0.3.9-pr.195.51dc111.0":"2023-04-20T14:57:03.631Z","0.3.9-pr.269.604e414.0":"2023-04-20T15:05:01.255Z","0.3.9-pr.132.c10d5e3.0":"2023-04-20T15:06:43.134Z","0.3.10-pr.320.890e309.0":"2023-04-20T15:50:48.047Z","0.3.10-pr.325.9dc0a87.0":"2023-04-20T19:15:19.353Z","0.3.10":"2023-04-20T19:28:00.001Z","0.3.10-pr.195.9884cbd.0":"2023-04-20T19:39:31.526Z","0.3.10-pr.269.6c15b2c.0":"2023-04-20T19:44:25.942Z","0.3.11-pr.333.e9fafd1.0":"2023-04-21T16:59:46.962Z","0.3.11-pr.324.83c1da2.0":"2023-04-21T17:11:27.933Z","0.3.11-pr.195.23c75fa.0":"2023-04-21T17:12:42.646Z","0.3.11-pr.329.704ddfc.0":"2023-04-21T17:17:28.127Z","0.3.11-pr.269.2f551e5.0":"2023-04-21T17:17:49.232Z","0.3.11-pr.334.22f94ca.0":"2023-04-21T17:21:25.256Z","0.3.11-pr.195.6359f35.0":"2023-04-21T17:22:26.756Z","0.3.11":"2023-04-21T17:25:27.008Z","0.3.12-pr.335.08586f5.0":"2023-04-21T17:36:53.470Z","0.3.12-pr.326.3d1e592.0":"2023-04-21T20:56:31.768Z","0.3.12-pr.326.522320c.0":"2023-04-21T21:26:15.517Z","0.3.12-pr.335.3c86bae.0":"2023-04-21T21:57:57.213Z","0.3.12":"2023-04-21T22:11:12.103Z","0.3.12-pr.195.6c4628b.0":"2023-04-21T22:11:44.119Z","0.3.12-pr.269.8913e7a.0":"2023-04-21T22:15:02.491Z","0.3.12-pr.326.da40b47.0":"2023-04-24T17:28:39.259Z","0.3.12-pr.326.5c62987.0":"2023-04-24T18:15:40.364Z","0.3.12-pr.326.bbf567a.0":"2023-04-24T20:17:28.736Z","0.3.12-pr.326.f94c6a4.0":"2023-04-24T20:51:22.837Z","0.3.12-pr.326.6075c85.0":"2023-04-24T21:55:26.094Z","0.3.12-pr.326.f4dacdd.0":"2023-04-24T21:58:35.809Z","0.3.12-pr.326.8a0c5c6.0":"2023-04-24T22:04:44.771Z","0.3.12-pr.326.3b08817.0":"2023-04-24T22:42:47.711Z","0.3.12-pr.326.e3748bd.0":"2023-04-24T22:45:18.449Z","0.3.13-pr.343.d143c16.0":"2023-04-25T09:24:49.990Z","0.3.13":"2023-04-25T09:35:22.950Z","0.3.13-pr.195.482e498.0":"2023-04-25T09:41:19.225Z","0.3.13-pr.269.a1226dc.0":"2023-04-25T09:47:33.211Z","0.3.14-pr.349.bfa604a.0":"2023-04-26T00:17:58.022Z","0.3.14-pr.195.58fd428.0":"2023-04-26T00:28:37.276Z","0.3.14-pr.350.686b4e2.0":"2023-04-26T00:32:16.873Z","0.3.14-pr.269.3892149.0":"2023-04-26T00:34:32.020Z","0.3.14":"2023-04-26T00:43:56.406Z","0.3.14-pr.195.695b787.0":"2023-04-26T00:45:44.420Z","0.3.14-pr.269.c422dfe.0":"2023-04-26T00:49:42.860Z","0.3.14-pr.132.268e61f.0":"2023-04-26T00:53:35.476Z","0.3.15-pr.353.736a418.0":"2023-04-26T18:41:58.559Z","0.3.15-pr.195.d0292b9.0":"2023-04-26T18:53:35.156Z","0.3.15":"2023-04-26T18:55:10.742Z","0.3.15-pr.269.b9bdfb4.0":"2023-04-26T18:59:25.733Z","0.3.15-pr.355.3255af6.0":"2023-04-26T19:00:02.882Z","0.3.16-pr.358.c985b2f.0":"2023-04-27T18:46:32.147Z","0.3.16":"2023-04-27T18:58:11.896Z","0.3.16-pr.195.4e6b088.0":"2023-04-27T19:00:52.143Z","0.3.16-pr.269.b99fce4.0":"2023-04-27T19:02:19.722Z","0.3.17-pr.365.745fa32.0":"2023-05-01T08:46:42.786Z","0.3.17-pr.364.fd67bc8.0":"2023-05-01T08:46:47.963Z","0.3.17-pr.195.2ff91e7.0":"2023-05-01T08:59:12.991Z","0.3.17":"2023-05-01T09:01:17.325Z","0.3.17-pr.269.c03683a.0":"2023-05-01T09:05:29.049Z","0.3.18-pr.366.cf609cc.0":"2023-05-01T15:13:24.190Z","0.3.18-pr.366.6f45353.0":"2023-05-01T15:52:18.258Z","0.3.18-pr.366.51b7b78.0":"2023-05-01T16:06:31.817Z","0.3.18-pr.366.fdcba5a.0":"2023-05-01T16:11:10.753Z","0.3.18-pr.366.75e7afc.0":"2023-05-01T16:16:45.216Z","0.3.18-pr.366.36277fd.0":"2023-05-01T17:27:07.002Z","0.3.18-pr.369.c45786b.0":"2023-05-01T19:45:36.190Z","0.3.18-pr.369.adcf0e7.0":"2023-05-01T19:58:23.811Z","0.3.18-pr.195.86dff43.0":"2023-05-01T20:10:40.914Z","0.3.18":"2023-05-01T20:10:57.941Z","0.3.18-pr.269.900f853.0":"2023-05-01T20:14:44.947Z","0.3.19-pr.366.34541f5.0":"2023-05-01T20:47:37.149Z","0.3.19":"2023-05-01T21:08:16.184Z","0.3.19-pr.195.8e81caa.0":"2023-05-01T21:11:10.432Z","0.3.19-pr.269.33bdd51.0":"2023-05-01T21:14:03.895Z","0.3.20-pr.371.dddb0e7.0":"2023-05-02T13:45:36.526Z","0.3.20-pr.195.fe12b98.0":"2023-05-02T13:58:49.492Z","0.3.20":"2023-05-02T13:59:08.389Z","0.3.20-pr.269.12f0e04.0":"2023-05-02T14:02:36.717Z","0.3.20-pr.195.d53c163.0":"2023-05-02T14:03:20.627Z","0.3.20-pr.269.2f81e2f.0":"2023-05-02T14:08:59.127Z","0.3.21-pr.377.6418ef7.0":"2023-05-03T02:42:50.839Z","0.3.21-pr.195.51ac43a.0":"2023-05-03T02:55:25.031Z","0.3.21":"2023-05-03T02:57:12.179Z","0.3.21-pr.269.d8d4429.0":"2023-05-03T02:57:38.143Z","0.3.22-pr.195.a31599c.0":"2023-05-03T16:59:19.057Z","0.3.22-pr.269.1c619b7.0":"2023-05-03T17:04:07.733Z","0.3.22-pr.380.8da8b57.0":"2023-05-03T18:28:38.159Z","0.3.22-pr.381.a6d60b1.0":"2023-05-03T18:53:56.314Z","0.3.22-pr.382.f50272a.0":"2023-05-03T19:10:52.115Z","0.3.22-pr.383.027e50d.0":"2023-05-03T19:53:15.140Z","0.3.22-pr.383.88a369e.0":"2023-05-03T19:54:06.860Z","0.3.22-pr.195.ad2e27d.0":"2023-05-03T20:20:17.349Z","0.3.22-pr.269.7d55a80.0":"2023-05-03T20:24:44.179Z","0.3.22-pr.195.c51510b.0":"2023-05-03T20:28:51.013Z","0.3.22-pr.195.cfa3ef3.0":"2023-05-04T01:08:40.534Z","0.3.22-pr.269.49cd77d.0":"2023-05-04T01:11:47.753Z","0.3.22-pr.195.ec2a113.0":"2023-05-04T09:40:00.115Z","0.3.22-pr.269.66b6b97.0":"2023-05-04T09:43:04.510Z","0.3.22-pr.388.13df937.0":"2023-05-04T19:01:51.656Z","0.3.22-pr.389.c0b0893.0":"2023-05-04T21:27:49.853Z","0.3.22-pr.389.596fa63.0":"2023-05-04T21:35:39.079Z","0.3.22-pr.389.4efe7c1.0":"2023-05-04T21:47:02.928Z","0.3.22-pr.195.823e648.0":"2023-05-04T23:21:16.907Z","0.3.22-pr.269.3d81d3c.0":"2023-05-04T23:26:28.399Z","0.3.22-pr.269.ba1fb26.0":"2023-05-05T02:46:17.743Z","0.3.22-pr.391.c86bf3f.0":"2023-05-05T11:16:12.056Z","0.3.22-pr.195.5b71ce2.0":"2023-05-05T11:27:50.961Z","0.3.22-pr.269.1265c47.0":"2023-05-05T11:30:22.209Z","0.3.22-pr.392.75c6338.0":"2023-05-05T15:06:51.615Z","0.3.22-pr.392.6a1f022.0":"2023-05-05T15:22:44.944Z","0.3.22-pr.393.c681fdf.0":"2023-05-05T16:14:01.215Z","0.3.22-pr.394.1095433.0":"2023-05-05T16:29:25.142Z","0.3.22-pr.269.d99aadd.0":"2023-05-05T16:33:38.892Z","0.3.22":"2023-05-05T16:37:21.498Z","0.3.23-pr.395.582c894.0":"2023-05-05T20:04:01.197Z","0.3.23-pr.269.7335f51.0":"2023-05-05T20:14:29.641Z","0.3.23":"2023-05-05T20:14:51.425Z","0.3.24-pr.400.3915c56.0":"2023-05-08T14:18:46.059Z","0.3.24-pr.269.bab1f76.0":"2023-05-08T14:34:02.062Z","0.3.24":"2023-05-08T14:34:13.964Z","0.3.25-pr.403.ba23873.0":"2023-05-08T19:59:53.478Z","0.3.25-pr.269.6efa407.0":"2023-05-08T20:23:11.325Z","0.3.25":"2023-05-08T20:31:02.290Z","0.3.26-pr.404.9062606.0":"2023-05-09T01:42:01.150Z","0.3.26-pr.269.708ae8a.0":"2023-05-09T01:53:56.375Z","0.3.26":"2023-05-09T01:54:28.007Z","0.3.27-pr.421.1c7d0f8.0":"2023-05-18T20:34:41.510Z","0.3.27":"2023-05-18T21:01:04.143Z","0.3.28-pr.435.ad52553.0":"2023-05-19T12:25:39.082Z","0.3.28-pr.435.e323987.0":"2023-05-19T12:45:17.249Z","0.3.28":"2023-05-19T12:57:08.305Z","0.3.29-pr.436.fc7490f.0":"2023-05-19T16:34:14.927Z","0.3.29":"2023-05-19T16:46:51.826Z","0.3.29-pr.437.e38da82.0":"2023-05-19T16:51:19.286Z","0.3.30-pr.444.a6099e9.0":"2023-05-20T02:27:38.076Z","0.3.30":"2023-05-20T02:50:28.300Z","0.3.31-pr.416.a419972.0":"2023-05-22T17:53:01.399Z","0.3.31-pr.416.a8643c5.0":"2023-05-22T19:09:26.104Z","0.3.31-pr.416.8b01e2e.0":"2023-05-22T19:27:04.179Z","0.3.31-pr.454.178c926.0":"2023-05-23T19:22:10.091Z","0.3.31":"2023-05-23T19:33:02.695Z","0.3.31-pr.455.a45db4f.0":"2023-05-23T19:46:49.606Z","0.3.31-pr.455.2bd4ac4.0":"2023-05-23T19:51:57.159Z","0.3.32-pr.458.209dd89.0":"2023-05-24T15:43:39.011Z","0.3.32":"2023-05-24T16:04:27.468Z","0.3.33-pr.455.c8b442c.0":"2023-05-25T15:03:50.379Z","0.3.33-pr.469.f8fd1f0.0":"2023-05-25T17:46:25.398Z","0.3.33":"2023-05-25T18:36:50.671Z","0.3.34-pr.455.b037cdd.0":"2023-05-26T20:12:40.271Z","0.3.34-pr.455.44aeedb.0":"2023-05-26T20:25:23.626Z","0.3.34-pr.475.fef67c8.0":"2023-05-26T20:40:21.739Z","0.4.0":"2023-05-26T20:40:43.627Z","0.4.1-pr.475.1b13510.0":"2023-05-26T20:48:57.815Z","0.4.1":"2023-05-26T21:01:33.608Z","0.4.1-pr.476.1fd1ccd.0":"2023-05-26T21:02:15.215Z","0.4.2":"2023-05-26T21:18:41.407Z","0.4.3-pr.477.419000f.0":"2023-05-26T21:27:44.901Z","0.4.3":"2023-05-26T21:39:57.631Z","0.4.4-pr.503.aa2ae00.0":"2023-06-07T04:22:45.348Z","0.4.4":"2023-06-07T04:45:17.231Z","0.4.5-pr.512.595a7bf.0":"2023-06-08T15:36:12.656Z","0.4.5-pr.512.e6695c5.0":"2023-06-08T15:44:29.433Z","0.5.0":"2023-06-08T16:27:24.201Z","0.4.5-pr.511.bcee99a.0":"2023-06-08T16:27:30.186Z","0.5.1-pr.518.cd7bc6a.0":"2023-06-12T08:49:04.539Z","0.5.1-pr.518.319d8a0.0":"2023-06-12T12:27:34.637Z","0.5.1-pr.518.b25d6ee.0":"2023-06-12T14:52:51.818Z","0.5.1-pr.522.20a0695.0":"2023-06-12T20:17:05.810Z","0.5.1":"2023-06-12T20:23:12.041Z","0.5.1-pr.523.6645fc7.0":"2023-06-12T20:26:11.338Z","0.5.1-pr.524.731cd6f.0":"2023-06-12T20:31:43.045Z","0.5.2-pr.526.2bbdb9e.0":"2023-06-12T21:54:39.711Z","0.5.2":"2023-06-12T22:14:29.579Z","0.5.1-pr.518.1c0e93e.0":"2023-06-13T07:41:25.138Z","0.5.1-pr.518.916f129.0":"2023-06-13T07:48:07.894Z","0.5.1-pr.518.9657780.0":"2023-06-13T08:54:41.469Z","0.5.3-pr.533.64ab10c.0":"2023-06-14T06:34:44.212Z","0.5.3":"2023-06-14T06:36:07.523Z","0.5.4-pr.533.2bcc0e8.0":"2023-06-14T06:42:17.319Z","0.5.4":"2023-06-14T06:52:08.428Z","0.5.5-pr.538.c053347.0":"2023-06-14T23:27:29.120Z","0.5.5":"2023-06-14T23:39:43.056Z","0.5.6-pr.540.b6d6ca7.0":"2023-06-15T11:00:25.805Z","0.5.6-pr.534.47464bb.0":"2023-06-15T11:12:45.900Z","0.5.6-pr.542.a88ad61.0":"2023-06-15T11:13:08.921Z","0.5.6-pr.439.5891a67.0":"2023-06-15T11:13:43.599Z","0.5.6":"2023-06-15T11:22:47.383Z","0.5.7-pr.554.5a0dc27.0":"2023-06-21T18:14:21.890Z","0.5.7-pr.554.18c0055.0":"2023-06-22T00:07:46.371Z","0.5.7":"2023-06-22T00:20:08.905Z","0.5.7-pr.474.4c57c8d.0":"2023-06-22T13:08:34.792Z","0.5.8":"2023-06-23T20:50:41.443Z","0.5.9":"2023-06-26T09:33:15.730Z","0.5.10":"2023-06-26T14:24:55.543Z","0.5.11":"2023-06-26T17:12:58.394Z","0.5.12-pr.574.ab8cbf3.0":"2023-06-26T21:28:15.361Z","0.5.12-pr.574.3e4214e.0":"2023-06-26T22:42:29.729Z","0.5.12":"2023-06-28T21:58:38.535Z","0.5.13":"2023-06-29T02:16:10.739Z","0.5.14-pr.616.e3701a8.0":"2023-07-18T21:28:12.419Z","0.5.14-pr.616.16d5544.0":"2023-07-18T21:51:34.326Z","0.5.14-pr.616.b4ff420.0":"2023-07-18T22:06:04.149Z","0.5.14-pr.616.754259.0":"2023-07-18T22:10:13.010Z","0.5.14-pr.616.11a2666.0":"2023-07-19T13:52:37.910Z","0.5.14":"2023-07-19T14:35:03.283Z","0.5.15-pr.618.1de3214.0":"2023-07-19T18:19:35.779Z","0.6.0":"2023-07-19T20:45:43.679Z","0.5.15-pr.603.bdecb5f.0":"2023-07-19T21:33:28.011Z","0.5.15-pr.603.053f46f.0":"2023-07-19T21:39:16.312Z","0.6.1-pr.608.4a7ebcd.0":"2023-07-24T15:19:16.756Z","0.6.1-pr.608.388c107.0":"2023-07-24T15:26:54.183Z","0.6.1-pr.608.4224f82.0":"2023-07-24T15:34:01.978Z","0.6.1":"2023-07-24T15:52:09.083Z","0.6.2":"2023-07-24T19:24:17.566Z","0.6.3-pr.624.457e13e.0":"2023-07-24T21:05:38.630Z","0.6.3-pr.624.269fc80.0":"2023-07-25T12:56:19.530Z","0.6.3-pr.624.c602fb7.0":"2023-07-25T15:33:36.807Z","0.6.3-pr.624.28db17c.0":"2023-07-25T15:40:21.275Z","0.6.3-pr.624.ef78bf2.0":"2023-07-25T15:57:27.094Z","0.6.3-pr.624.a1acf3e.0":"2023-07-25T16:29:35.411Z","0.6.3-pr.624.b4d8540.0":"2023-07-25T17:11:34.783Z","0.6.3-pr.624.6b39a2f.0":"2023-07-25T17:48:43.424Z","0.7.0":"2023-07-25T18:26:03.499Z","0.7.1":"2023-07-27T14:03:16.087Z","0.7.2":"2023-07-27T17:27:34.639Z","0.7.3":"2023-07-28T07:13:35.546Z","0.7.4":"2023-07-31T07:25:11.269Z","0.7.5":"2023-07-31T07:44:53.560Z","0.7.6":"2023-07-31T17:38:28.184Z","0.7.7":"2023-07-31T22:53:44.869Z","0.7.8-pr.652.c3d4383.0":"2023-08-01T16:51:42.987Z","0.7.8-pr.652.313609a.0":"2023-08-01T17:03:33.921Z","0.7.8":"2023-08-02T14:05:20.614Z","0.7.9":"2023-08-03T17:17:02.027Z","0.7.10":"2023-08-03T22:06:28.733Z","0.7.11":"2023-08-04T03:33:15.800Z","1.0.1-pr.663.74a5ad1.0":"2023-08-04T16:01:32.855Z","1.0.1-pr.663.89a7f38.0":"2023-08-04T16:12:04.881Z","1.0.1-pr.663.1bf9a57.0":"2023-08-04T16:17:18.616Z","1.0.1-pr.663.87fcab0.0":"2023-08-04T18:08:28.863Z","0.7.12":"2023-08-04T18:21:18.713Z","1.0.1-pr.663.c7f9c32.0":"2023-08-04T18:25:14.379Z","1.0.1-pr.663.d86fe19.0":"2023-08-04T20:13:31.005Z","1.1.0":"2023-08-04T20:22:27.775Z","1.1.1":"2023-08-04T21:19:10.167Z","1.1.2":"2023-08-04T21:36:28.389Z","1.1.3":"2023-08-05T16:01:18.064Z","1.1.4":"2023-08-07T04:34:32.991Z","1.1.5":"2023-08-08T02:51:45.707Z","1.1.6":"2023-08-11T04:13:59.499Z","1.1.7":"2023-08-12T03:10:31.715Z","1.1.8":"2023-08-14T08:33:23.226Z","1.1.9":"2023-08-14T08:59:26.195Z","1.1.10":"2023-08-18T02:00:01.322Z","1.1.11-pr.729.fde1022.0":"2023-08-22T04:06:40.335Z","1.1.11-pr.729.8e2b465.0":"2023-08-22T08:37:27.651Z","1.1.11-pr.729.5940fe0.0":"2023-08-22T13:16:11.098Z","1.1.11":"2023-08-22T14:49:09.761Z","1.1.12-pr.730.b1016fd2.0":"2023-08-22T15:27:04.287Z","1.1.12":"2023-08-23T02:45:08.853Z","1.1.13":"2023-08-25T02:54:11.134Z","1.1.14":"2023-08-28T06:10:13.323Z","1.1.15":"2023-09-02T01:53:30.589Z","1.1.16":"2023-09-04T09:42:20.213Z","1.1.17":"2023-09-08T00:51:58.099Z","1.1.18":"2023-09-09T01:58:53.049Z","1.1.19":"2023-09-12T02:50:29.003Z","1.1.20":"2023-09-13T02:38:33.753Z","1.1.21":"2023-09-14T01:59:37.034Z","1.1.22":"2023-09-16T09:03:18.739Z","1.1.23":"2023-09-18T07:59:44.282Z","1.1.24":"2023-09-20T05:36:25.060Z","1.1.25":"2023-09-27T02:53:24.958Z","1.1.26":"2023-09-28T02:17:13.362Z","1.1.27":"2023-09-28T05:06:34.906Z","1.1.28-pr.813.4358edcc.0":"2023-09-28T19:55:46.600Z","1.2.0":"2023-09-29T12:42:07.595Z","1.2.1-pr.821.e7da777c.0":"2023-10-05T22:26:11.961Z","1.2.1":"2023-10-06T13:49:55.463Z","1.2.2-pr.821.d465c6e4.0":"2023-10-06T14:51:30.864Z","1.2.2-pr.821.e5763850.0":"2023-10-06T19:11:14.301Z","1.2.2-pr.821.0f34df98.0":"2023-10-06T22:03:18.526Z","1.2.2":"2023-10-07T01:44:38.269Z","1.2.3-pr.821.f0cfb4ef.0":"2023-10-09T14:22:43.601Z","1.2.3-pr.821.d73e0933.0":"2023-10-09T20:45:12.010Z","1.2.3-pr.821.9f450dba.0":"2023-10-10T14:49:52.329Z","1.2.3-pr.821.ba1eb9ba.0":"2023-10-10T15:56:12.162Z","1.3.0":"2023-10-10T17:08:15.724Z","1.3.1-pr.842.5297506c.0":"2023-10-18T02:32:59.777Z","1.3.1":"2023-10-18T02:59:26.036Z","1.3.2-pr.858.553dcc14.0":"2023-10-23T14:37:39.481Z","1.3.2":"2023-10-23T15:04:27.723Z","1.3.3-pr.848.89673d01.0":"2023-10-23T19:43:57.215Z","1.3.3-pr.848.9fe2c3f5.0":"2023-10-23T22:49:24.815Z","1.3.3":"2023-10-24T02:35:50.652Z","1.3.4":"2023-10-24T03:13:27.946Z","1.3.5-pr.860.c164c52b.0":"2023-10-24T13:21:52.955Z","1.3.5-pr.848.85bd204f.0":"2023-10-24T14:52:02.852Z","1.3.5-pr.848.368bbc33.0":"2023-10-24T15:13:36.439Z","1.3.5-pr.848.dfce8ace.0":"2023-10-24T15:50:13.895Z","1.3.5-pr.852.dc613011.0":"2023-10-24T16:45:33.813Z","1.3.5-pr.852.c0607ad6.0":"2023-10-24T17:20:10.325Z","1.3.5-pr.852.f575e5cc.0":"2023-10-24T17:29:58.874Z","1.3.5-pr.848.5994d917.0":"2023-10-24T17:34:10.588Z","1.3.5-pr.852.4558b51d.0":"2023-10-24T17:59:52.442Z","1.3.5-pr.848.7d111b76.0":"2023-10-24T18:45:00.623Z","1.3.5-pr.848.39d56bbf.0":"2023-10-24T19:51:10.048Z","1.3.5-pr.848.05c4cc5a.0":"2023-10-24T21:33:30.581Z","1.3.5-pr.848.ff1f4360.0":"2023-10-24T22:46:11.278Z","1.3.5-pr.848.a67b95f0.0":"2023-10-24T23:42:53.571Z","1.3.5-pr.848.0fd5b83c.0":"2023-10-25T13:11:59.386Z","1.3.5-pr.848.fb3be325.0":"2023-10-25T13:48:56.920Z","1.3.5":"2023-10-25T14:34:18.539Z","1.3.5-pr.848.23bbc02f.0":"2023-10-25T17:20:52.986Z","1.3.5-pr.848.d4126237.0":"2023-10-26T16:38:00.392Z","1.3.5-pr.848.3ca2b3e3.0":"2023-10-26T17:34:36.888Z","1.3.5-pr.848.3184a0fa.0":"2023-10-26T18:12:15.107Z","1.3.5-pr.848.4e7c48c3.0":"2023-10-26T21:06:39.096Z","1.3.5-pr.848.edc10601.0":"2023-10-26T21:19:50.520Z","1.3.6-pr.848.637397ce.0":"2023-10-27T16:17:49.810Z","1.3.6-pr.848.1e040234.0":"2023-10-27T17:58:06.615Z","1.3.6-pr.848.1bb4208c.0":"2023-10-27T18:28:45.060Z","1.3.6":"2023-10-31T01:56:46.448Z","1.3.7":"2023-11-01T02:35:57.243Z","1.3.8-pr.880.07b5cca6.0":"2023-11-01T15:14:26.727Z","1.3.8-pr.880.ea052556.0":"2023-11-01T15:44:42.970Z","1.3.8-pr.880.4e58f4a3.0":"2023-11-01T19:57:18.743Z","1.3.8-pr.880.9820716f.0":"2023-11-01T21:50:01.564Z","1.3.8-pr.880.659b05e4.0":"2023-11-02T13:59:10.947Z","1.3.8":"2023-11-03T01:35:00.098Z","1.3.9-pr.880.cba2bebf.0":"2023-11-07T14:51:15.330Z","1.3.9":"2023-11-11T02:33:22.095Z","1.3.10-pr.915.fe82b84d.0":"2023-11-14T18:54:55.754Z","1.3.10":"2023-11-15T02:45:12.420Z","1.3.11":"2023-11-16T01:49:28.981Z","1.3.12":"2023-11-16T19:25:52.699Z","1.3.13-pr.880.2a1e3fc6.0":"2023-11-20T14:39:39.333Z","1.3.13-pr.880.4b0ccc45.0":"2023-11-20T14:55:06.624Z","2.0.0":"2023-11-20T15:50:29.952Z","2.0.1":"2023-11-20T17:20:01.789Z","2.0.2":"2023-11-21T02:42:17.009Z","2.0.3-pr.937.9eeb7f79.0":"2023-11-21T20:37:35.772Z","2.0.3":"2023-11-22T18:51:39.860Z","2.0.4":"2023-11-28T02:44:27.327Z","2.0.5":"2023-11-29T03:10:22.113Z","2.0.6-pr.891.7965ab4d.0":"2023-11-29T12:54:45.336Z","2.0.6-pr.891.c75cfff8.0":"2023-11-29T13:36:01.990Z","2.0.6-pr.891.3379fb81.0":"2023-11-29T20:44:29.754Z","2.0.6-pr.958.9b4c11a4.0":"2023-11-29T20:54:32.058Z","2.0.6-pr.941.113c78ab.0":"2023-11-29T21:36:53.957Z","2.0.6-pr.958.a96fa097.0":"2023-11-29T21:47:38.387Z","2.0.6-pr.941.84ebbc1c.0":"2023-11-29T21:48:28.222Z","2.0.6-pr.958.32e1111a.0":"2023-11-29T22:11:58.523Z","2.0.6":"2023-11-30T02:05:12.767Z","2.0.7-pr.941.9af6d7ce.0":"2023-11-30T06:18:35.064Z","2.0.7-pr.941.2cfb2c85.0":"2023-11-30T06:45:40.408Z","2.0.7":"2023-11-30T07:13:16.587Z","2.0.8-pr.964.7b932190.0":"2023-11-30T07:46:09.525Z","2.0.8-pr.891.d5e44019.0":"2023-11-30T16:50:56.160Z","2.0.8-pr.964.06b3ffe0.0":"2023-11-30T17:54:19.120Z","2.0.8-pr.964.d514a9db.0":"2023-11-30T19:36:55.686Z","2.0.8-pr.964.4eb6f409.0":"2023-11-30T22:00:30.396Z","2.0.8-pr.964.d92d157b.0":"2023-12-01T03:39:05.487Z","2.0.8":"2023-12-01T03:41:04.442Z","2.0.9-pr.964.1364d05b.0":"2023-12-01T15:48:08.781Z","2.0.9-pr.977.57cbfaf7.0":"2023-12-01T16:16:02.271Z","2.0.9-pr.964.db7e937e.0":"2023-12-01T16:39:38.402Z","2.0.9-pr.977.a02086d0.0":"2023-12-01T22:20:01.117Z","2.0.9-pr.977.82dcc206.0":"2023-12-04T15:21:20.246Z","2.0.9-pr.977.ef54c09b.0":"2023-12-04T20:39:53.541Z","2.0.9-pr.977.7bf81787.0":"2023-12-05T13:44:14.552Z","2.0.9-pr.977.acf96f02.0":"2023-12-05T14:11:35.927Z","2.0.9-pr.977.b572c462.0":"2023-12-05T14:59:38.184Z","2.0.9":"2023-12-05T15:31:43.123Z","2.0.10-pr.986.0b8854b0.0":"2023-12-05T22:30:07.872Z","2.0.10":"2023-12-05T22:55:36.906Z","2.0.11-pr.985.da712cf1.0":"2023-12-06T16:13:19.964Z","2.0.11-pr.985.e37a05c6.0":"2023-12-06T18:17:10.335Z","2.0.11-pr.985.1feebfc7.0":"2023-12-06T19:57:03.977Z","2.0.11-pr.940.259594a3.0":"2023-12-06T22:15:13.863Z","2.0.11-pr.985.2cb1a54c.0":"2023-12-07T14:19:17.236Z","2.0.11":"2023-12-07T16:11:32.769Z","2.0.12-pr.985.f73a9541.0":"2023-12-07T20:14:17.165Z","2.0.12-pr.940.556d698b.0":"2023-12-08T01:21:51.489Z","2.0.12-pr.940.c4cc004d.0":"2023-12-08T05:18:33.922Z","2.0.12-pr.940.b156d195.0":"2023-12-08T05:34:09.531Z","2.0.12-pr.940.53edc549.0":"2023-12-08T05:47:51.042Z","2.0.12-pr.940.15f61367.0":"2023-12-08T05:55:56.758Z","2.0.12-pr.985.b271c422.0":"2023-12-08T14:43:31.703Z","2.0.12-pr.985.7e56585c.0":"2023-12-08T19:42:08.194Z","2.0.12":"2023-12-08T20:08:20.078Z","2.0.13-pr.940.180f514f.0":"2023-12-11T23:06:10.537Z","2.0.13-pr.940.acd24b17.0":"2023-12-11T23:43:43.204Z","2.0.13-pr.940.4a430919.0":"2023-12-12T03:18:05.726Z","2.0.13-pr.940.5e207383.0":"2023-12-12T04:30:51.133Z","2.0.13-pr.940.b45d6a3e.0":"2023-12-12T04:55:41.022Z","2.0.13-pr.940.13b0772b.0":"2023-12-12T05:06:56.956Z","2.0.13-pr.940.1d5563c1.0":"2023-12-12T06:51:16.410Z","2.0.13-pr.940.1b2ea2c1.0":"2023-12-12T20:52:02.999Z","2.0.13":"2023-12-12T21:43:34.181Z","2.0.14-pr.940.c376c749.0":"2023-12-12T23:41:38.237Z","2.0.14-pr.940.a5990db7.0":"2023-12-13T18:52:35.081Z","2.0.14-pr.940.0fa4e316.0":"2023-12-13T19:34:43.356Z","2.0.14-pr.940.7d1b408d.0":"2023-12-13T23:53:09.082Z","2.0.14-pr.940.9550673c.0":"2023-12-14T17:38:52.358Z","2.0.14-pr.940.6288c5a7.0":"2023-12-14T20:47:17.547Z","2.0.14-pr.940.37b4509e.0":"2023-12-14T21:13:18.941Z","2.0.14-pr.940.3dc1b593.0":"2023-12-14T21:40:01.517Z","2.0.14-pr.940.88e2fc35.0":"2023-12-14T23:47:45.621Z","2.0.14-pr.1012.1ad4ee19.0":"2023-12-18T09:55:22.029Z","2.0.14-pr.1012.10b44c29.0":"2023-12-18T13:26:51.803Z","2.0.14-pr.1008.cd7e8fc6.0":"2023-12-19T16:03:56.583Z","2.0.14":"2023-12-19T17:02:27.772Z","2.0.15-pr.1024.33965f2d.0":"2023-12-20T15:28:53.341Z","2.0.15":"2023-12-20T16:51:08.269Z","2.0.16":"2023-12-21T14:02:21.095Z","2.0.17-pr.1027.e2f9bddd.0":"2023-12-21T16:52:46.097Z","2.0.17":"2023-12-22T04:07:31.335Z","2.0.18":"2023-12-27T09:30:23.970Z","2.0.19":"2024-01-01T09:29:49.936Z","2.0.20-pr.1035.05bccc63.0":"2024-01-09T02:37:31.075Z","2.0.20":"2024-01-09T03:14:49.311Z","2.0.14-pr.1012.35751374.0":"2024-01-10T16:55:18.046Z","2.0.21-pr.1068.1100cb1b.0":"2024-01-11T14:38:08.344Z","2.0.21":"2024-01-11T15:07:23.927Z","2.0.22-pr.1069.dc409e9f.0":"2024-01-11T17:53:56.985Z","2.0.22-pr.1069.84ba7772.0":"2024-01-11T18:33:26.129Z","2.0.22-pr.1069.be83e7e4.0":"2024-01-11T20:29:57.279Z","2.0.22-pr.1069.0da6dde7.0":"2024-01-11T22:30:37.481Z","2.0.22-pr.1069.c38d2bc2.0":"2024-01-12T14:53:37.021Z","2.0.22-pr.1069.f346092c.0":"2024-01-12T15:23:13.851Z","2.0.22-pr.1071.0c141465.0":"2024-01-12T16:41:05.218Z","2.0.22-pr.972.85e58933.0":"2024-01-12T16:58:52.833Z","2.0.22":"2024-01-12T17:25:27.708Z","2.0.22-pr.1071.03d4cd35.0":"2024-01-12T17:30:03.544Z","2.0.23":"2024-01-12T17:59:20.948Z","2.0.24-pr.1069.588c7d8c.0":"2024-01-12T18:35:34.958Z","2.0.24":"2024-01-15T07:13:56.723Z","2.0.25-pr.1069.9fcd6ba1.0":"2024-01-15T19:10:22.304Z","2.0.25-pr.1069.547650c8.0":"2024-01-16T14:07:53.971Z","2.0.25-pr.1069.253a2569.0":"2024-01-16T14:33:21.186Z","2.0.25-pr.1069.0e7bcc0b.0":"2024-01-16T21:24:03.358Z","2.0.25-pr.1069.ceedeee4.0":"2024-01-17T15:30:15.619Z","2.0.25-pr.1069.0e2a2ffb.0":"2024-01-17T16:38:41.506Z","2.0.25":"2024-01-17T20:31:42.847Z","2.0.26":"2024-01-18T13:17:59.206Z","2.0.27-pr.1087.1be60747.0":"2024-01-18T16:16:59.378Z","2.0.27":"2024-01-19T03:46:30.347Z","2.0.28-pr.1091.218e1597.0":"2024-01-19T14:07:03.024Z","2.0.28":"2024-01-19T14:31:23.058Z","2.0.28-pr.1087.4d894cc7.0":"2024-01-19T14:32:47.789Z","2.0.29":"2024-01-19T15:02:27.629Z","2.0.30-pr.1097.f709aec8.0":"2024-01-22T19:28:46.416Z","2.0.30-pr.1097.578d4221.0":"2024-01-23T14:38:37.338Z","2.0.30-pr.1097.b8ad6987.0":"2024-01-23T18:28:56.715Z","2.0.30":"2024-01-23T19:07:34.515Z","2.0.31":"2024-01-24T21:24:00.587Z","2.0.32":"2024-01-25T01:51:08.635Z","2.0.33":"2024-01-26T02:19:50.876Z","2.0.34":"2024-01-31T15:54:55.552Z","2.0.35-pr.1129.23fef1a8.0":"2024-01-31T20:58:46.953Z","2.0.35-pr.1129.9266452c.0":"2024-01-31T21:18:32.119Z","2.0.35-pr.1129.044bacba.0":"2024-02-01T16:33:47.298Z","2.0.35-pr.1129.b5e91dff.0":"2024-02-01T16:43:18.851Z","2.0.35-pr.1135.c883e56f.0":"2024-02-01T17:56:15.183Z","2.0.35-pr.1135.f0d667ad.0":"2024-02-01T18:04:21.922Z","2.0.35-pr.1135.bff69cfe.0":"2024-02-01T18:46:06.494Z","2.0.35-pr.1129.2bde0196.0":"2024-02-01T20:11:07.618Z","2.0.35-pr.1135.ffe37314.0":"2024-02-01T21:19:35.938Z","2.0.35-pr.1135.54c1c904.0":"2024-02-01T21:42:25.049Z","2.0.35-pr.1129.4f542706.0":"2024-02-01T21:51:26.283Z","2.0.35-pr.1135.2661ad9d.0":"2024-02-01T22:18:08.830Z","2.0.35-pr.1135.d5b82380.0":"2024-02-01T23:11:46.259Z","2.0.35-pr.1135.b3a8caaf.0":"2024-02-01T23:39:21.141Z","2.0.35-pr.1135.10de3151.0":"2024-02-02T01:17:24.894Z","2.0.35-pr.1135.5b9ba089.0":"2024-02-02T18:06:13.995Z","2.0.35-pr.1135.59f31c56.0":"2024-02-02T18:43:12.466Z","2.0.35-pr.1135.95a0b9e9.0":"2024-02-02T22:34:04.395Z","2.0.35":"2024-02-05T07:57:30.892Z","2.0.36-pr.1135.8280e330.0":"2024-02-05T15:14:46.781Z","2.0.36-pr.1135.445c9869.0":"2024-02-05T15:56:05.339Z","2.0.36":"2024-02-05T16:15:45.996Z","2.0.37-pr.1149.4408e0e3.0":"2024-02-08T21:56:28.634Z","2.0.37-pr.1149.6a910279.0":"2024-02-08T22:19:31.138Z","2.0.37-pr.1149.b968e0f7.0":"2024-02-09T15:16:39.477Z","2.0.37-pr.1149.febf5ef9.0":"2024-02-09T18:21:04.772Z","2.0.37-pr.1149.391a3823.0":"2024-02-12T14:37:43.708Z","2.0.37-pr.1149.c0bc3aa3.0":"2024-02-12T16:21:19.969Z","2.0.37-pr.1149.106f45d2.0":"2024-02-13T14:14:08.260Z","2.0.37-pr.1149.92cc9ae2.0":"2024-02-13T14:20:33.736Z","2.0.37-pr.1149.ff3c77f1.0":"2024-02-13T16:31:21.243Z","2.0.37-pr.1149.0872460f.0":"2024-02-13T20:10:43.129Z","2.0.37":"2024-02-13T20:33:24.323Z","2.0.38-pr.1170.e6c1b704.0":"2024-02-20T21:24:27.252Z","2.0.38-pr.1170.5ec6389b.0":"2024-02-21T14:20:37.729Z","2.0.38-pr.1170.2ca7d7fa.0":"2024-02-21T17:14:18.141Z","2.0.38-pr.1170.98dfb9d4.0":"2024-02-21T20:42:39.332Z","2.0.38-pr.1170.0790be18.0":"2024-02-23T14:42:24.499Z","2.0.38-pr.1170.b6edad86.0":"2024-02-23T14:58:59.886Z","2.0.38":"2024-02-23T16:21:36.483Z","2.0.39":"2024-02-24T10:02:58.920Z","2.0.40-pr.1170.4ff95925.0":"2024-02-26T14:32:50.397Z","2.0.40":"2024-02-26T15:42:59.182Z","2.0.41-pr.1170.2837b2d9.0":"2024-02-27T14:18:34.985Z","2.0.41-pr.1170.bda7c038.0":"2024-02-27T17:35:57.989Z","2.0.41":"2024-02-27T18:12:58.314Z","2.0.42-pr.1168.39ed19d6.0":"2024-03-01T19:49:02.954Z","2.0.42-pr.1168.2098371f.0":"2024-03-04T18:42:28.535Z","2.0.42-pr.1209.c98d569c.0":"2024-03-05T17:21:10.023Z","2.0.42-pr.1209.70c7f7c8.0":"2024-03-05T17:47:56.218Z","2.0.42-pr.1209.bc5f2338.0":"2024-03-05T18:13:45.640Z","2.0.42-pr.1168.ad8f0493.0":"2024-03-05T18:30:33.827Z","2.0.42-pr.1210.0ead1532.0":"2024-03-05T20:36:18.362Z","2.0.42-pr.1209.96fa0a37.0":"2024-03-05T20:48:14.113Z","2.0.42-pr.1168.4de49348.0":"2024-03-05T21:04:43.240Z","2.0.42-pr.1209.d127b949.0":"2024-03-05T21:48:14.593Z","2.0.42-pr.1168.37b5fceb.0":"2024-03-05T22:05:11.543Z","2.0.42-pr.1209.d0de1f86.0":"2024-03-06T14:37:46.883Z","2.0.42-pr.1209.3cd19d54.0":"2024-03-06T15:47:40.908Z","2.0.42-pr.1209.e0af121a.0":"2024-03-06T16:31:19.744Z","2.0.42-pr.1210.969f0c87.0":"2024-03-06T17:10:06.316Z","2.0.42-pr.1209.d1655a77.0":"2024-03-06T17:14:24.719Z","2.0.42-pr.1209.c3a77925.0":"2024-03-06T17:30:08.932Z","2.0.42-pr.1209.d31ab32a.0":"2024-03-06T20:46:38.073Z","2.0.42":"2024-03-07T06:32:50.296Z","2.0.43-pr.1209.a5bbe923.0":"2024-03-07T17:10:30.276Z","2.0.43-pr.1210.b91cb5be.0":"2024-03-07T17:12:49.229Z","2.0.43-pr.1210.d90990b7.0":"2024-03-07T22:07:44.485Z","2.0.43":"2024-03-08T14:10:44.672Z","2.0.44-pr.1168.36bd4370.0":"2024-03-08T17:56:40.345Z","2.0.44-pr.1168.c7eb3315.0":"2024-03-08T21:33:13.882Z","2.0.44-pr.1168.713231d6.0":"2024-03-08T22:12:37.198Z","2.0.44-pr.1168.e0d29a0d.0":"2024-03-08T22:44:47.650Z","2.0.44-pr.1168.1c15e867.0":"2024-03-08T23:16:21.257Z","2.0.44":"2024-03-12T02:58:30.749Z","2.0.45-pr.1209.8446e3e7.0":"2024-03-12T13:42:12.841Z","2.0.45-pr.1209.35538b2b.0":"2024-03-12T15:24:20.842Z","2.0.45-pr.1168.e2febd6b.0":"2024-03-12T16:40:47.225Z","2.0.45-pr.1209.9873c76b.0":"2024-03-12T17:25:07.552Z","2.0.45":"2024-03-12T17:57:04.306Z","2.0.46-pr.1168.7983b3d1.0":"2024-03-12T18:08:14.372Z","2.0.46-pr.1168.bb71d05e.0":"2024-03-12T21:43:26.769Z","2.0.46-pr.1168.1e2280ab.0":"2024-03-12T21:57:09.852Z","2.0.46-pr.1233.25d37493.0":"2024-03-13T13:13:28.505Z","2.0.46":"2024-03-13T13:33:05.550Z","2.0.47-pr.1252.552653f7.0":"2024-03-15T20:19:08.673Z","2.0.47-pr.1252.61c7dbfa.0":"2024-03-15T21:36:53.957Z","2.0.47-pr.1252.83bdcf4f.0":"2024-03-18T14:13:03.866Z","2.0.47-pr.1252.259c6689.0":"2024-03-18T15:15:22.652Z","2.0.47-pr.1258.aba4436d.0":"2024-03-18T15:45:16.481Z","2.0.47-pr.1258.b998222a.0":"2024-03-18T15:54:35.380Z","2.0.47-pr.1252.58863b0c.0":"2024-03-18T16:30:21.515Z","2.0.47":"2024-03-18T16:32:08.172Z"},"maintainers":[{"name":"konginc","email":"npm@konghq.com"}],"description":"A Kong UI component for displaying uuid and copying it to clipboard.","homepage":"https://github.com/Kong/public-ui-components/tree/main/packages/core/copy-uuid","repository":{"type":"git","url":"git+https://github.com/Kong/public-ui-components.git","directory":"packages/core/copy-uuid"},"author":{"name":"Kong, Inc."},"bugs":{"url":"https://github.com/Kong/public-ui-components/issues"},"license":"Apache-2.0","readme":"# @kong-ui-public/copy-uuid\n\nA Kong UI component for displaying uuid and copying it to clipboard.\n\n- [Features](#features)\n- [Requirements](#requirements)\n- [Usage](#usage)\n - [Install](#install)\n - [Register](#register)\n - [Initialize](#initialize)\n- [TypeScript interfaces](#typescript-interfaces)\n- [Props](#props)\n - [`uuid`](#uuid)\n - [`truncated`](#truncated)\n - [`useMono`](#usemono)\n - [`format`](#format)\n - [`notify`](#notify)\n - [`iconColor`](#iconcolor)\n - [`tooltip`](#tooltip)\n - [`successTooltip`](#successtooltip)\n- [Events](#events)\n - [`success`](#success)\n - [`error`](#error)\n\n## Features\n\n- Configurable uuid appearances\n- Ability to copy the uuid to clipboard with one click\n- Customizable `notify` method through `provide` or `prop`\n\n\n\n## Requirements\n\n- `vue` must be initialized in the host application\n- `@kong/kongponents` must be available as a `dependency` in the host application, along with the package's style imports. [See here for instructions on installing Kongponents](https://kongponents.konghq.com/#globally-install-all-kongponents). Specifically, the following Kongponents must be available:\n - `KClipboardProvider`\n - `KIcon`\n- `@kong-ui-public/i18n` must be available as a `dependency` in the host application.\n\n## Usage\n\n### Install\n\nInstall the component in your host application\n\n```sh\nyarn add @kong-ui-public/copy-uuid\n```\n\n### Register\n\nYou can register `copy-uuid` globally or locally.\n\n```typescript\n// Global registration\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid)\n```\n\n```html\n\n\n \n\n\n\n```\n\n### Initialize\n\nYou can set up an optional global `notify` method, and every `copy-uuid` component instance will use this method as a default.\n\nIf you're using `copy-uuid` as a vue plugin:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport CopyUuid, { CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\nimport '@kong-ui-public/copy-uuid/dist/style.css'\n\nconst app = createApp(App)\n\napp.use(CopyUuid, {\n notify: (props: CopyUuidNotifyParam) => {\n // Notify your end users\n }\n})\n```\n\nIf you prefer using `copy-uuid` as a component:\n\n```typescript\n// app entry file\nimport { createApp } from 'vue'\nimport { COPY_UUID_NOTIFY_KEY, CopyUuidNotifyParam } from '@kong-ui-public/copy-uuid'\n\nconst app = createApp(App)\n\napp.provide(COPY_UUID_NOTIFY_KEY, (props: CopyUuidNotifyParam) => {\n // Notify your end users\n})\n```\n\nYou could also set up a `notify` method for each `copy-uuid` component instance through its `prop`. If the `notify` prop is defined, it'll take precedence over the global `notify` method:\n\n```html\n\n \n :notify=\"notify\"\n />\n\n\n\n```\n\n## TypeScript interfaces\n\nTypeScript interfaces [are available here](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/src/types/) and can be directly imported into your host application. The following interfaces are available for import:\n\n```ts\nimport type { CopyUuidNotifyParam, CopyUuidInstallOptions } from '@kong-ui-public/copy-uuid'\n```\n\n## Props\n\n### `uuid`\n\n- type: `String`\n- required: `true`\n\nThe UUID string. When the copy button is clicked, this string will be copied to clipboard.\n\n### `truncated`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a long UUID is truncated. When `true`, the UUID will be truncated to 8 characters. When `false`, the UUID will be displayed in full.\n\n### `useMono`\n\n- type: `Boolean`\n- required: `false`\n- default: `true`\n\nAn indicator of whether a `.mono` class is added to the UUID string. Make sure to import the Kongponents style file in your host application for this class to take effect.\n\n### `format`\n\n- type: `String as PropType<'uuid' | 'hidden' | 'redacted' | 'deleted'>`\n- required: `false`\n- default: `uuid`\n\nDetermines the display format of the UUID string. The component can take the following `format` values:\n\n- `uuid`: displays regular uuid\n- `hidden`: displays just a copy button without text\n- `redacted`: displays `*****`\n- `deleted`: displays `*`\n\n### `notify`\n\n- type: `Function as PropType<(param: CopyUuidNotifyParam) => void>`\n- required: `false`\n- default: `undefined`\n\nA function that will be called when the copy button is clicked. The function will receive a `CopyUuidNotifyParam` object as its only argument. The `CopyUuidNotifyParam` object has the following properties:\n\n- `type`: `success` | `error`, indicating whether the copy operation is successful\n- `message`: `string`, the message to be displayed to the end user\n\n### `iconColor`\n\n- type: `String`\n- required: `false`\n- default: `'rgba(0, 0, 0, 0.45)'`\n\nThe color of the `copy` icon.\n\n### `tooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nTooltip text to display on hovering over the copy icon. This field is required if `successTooltip` has a value.\n\n### `successTooltip`\n\n- type: `String`\n- required: `false`\n- default: `''`\n\nNote: The `tooltip` prop is required to have a value in order to use this prop. When using this prop the `@success` and `@error` events will not be fired, as the tooltip text will be updated instead.\nTooltip text to display on successful copy.\n\n## Events\n\nSuccess and error events are only emitted if NOT using the `successTooltip` prop.\n\n### `success`\n\nA `success` event is emitted when the UUID is successfully copied to clipboard. The event payload is the UUID.\n\n### `error`\n\nAn `error` event is emitted when an error occurs when trying to copy the UUID. The event payload is the UUID.\n","readmeFilename":"README.md"}