{"_id":"@douganderson444/svelte-editable-action","_rev":"2-2a506ebd6de2703b8bfe67b6a2c34e92","name":"@douganderson444/svelte-editable-action","dist-tags":{"latest":"0.0.7"},"versions":{"0.0.5":{"name":"@douganderson444/svelte-editable-action","version":"0.0.5","module":"src/lib/index.js","devDependencies":{"@sveltejs/adapter-auto":"next","@sveltejs/adapter-static":"next","@sveltejs/kit":"next","prettier":"^2.5.1","prettier-plugin-svelte":"^2.5.0","svelte":"^3.44.0","svelte-check":"^2.2.6","svelte-preprocess":"^4.10.1","svelte2tsx":"^0.5.9","tslib":"^2.3.1","typescript":"~4.6.2"},"type":"module","dependencies":{"@douganderson444/svelte-html-editor":"^2.3.2"},"exports":{"./package.json":"./package.json",".":"./index.js"},"types":"./index.d.ts","gitHead":"779ba39fa858eccbf3f36c39fa4092f595866ca7","description":"A svelte [action](https://svelte.dev/docs#template-syntax-element-directives-use-action) to make any html element editable, with a toolbar.","_id":"@douganderson444/svelte-editable-action@0.0.5","_nodeVersion":"16.8.0","_npmVersion":"8.6.0","dist":{"integrity":"sha512-1iabEeQxDemmf3IhtARqBvYi3hEODX8E+lDcGpRa82ddqxu8JfCgg17aboNwQEvTsjxWedBtT25KCaBtTkZUdQ==","shasum":"2db13589ba9652000e46937d7ef2eea3883dd364","tarball":"https://registry.npmjs.org/@douganderson444/svelte-editable-action/-/svelte-editable-action-0.0.5.tgz","fileCount":9,"unpackedSize":4679,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHA5EXTMARuwoDuSq582ZkYNGLupLduBV/IXrVkURK1jAiADdvb6zbSl43kcTu7BpqeDBuEtaAiRHRs9r+BDJ9Al8w=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJigsg8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqMFQ/+KLqzFqKMMFqMA3A4SLd5s0sFx4GDDRzbV0Sy7JBQdTgpPhW3\r\nHQxuL913m7WwX4gl3aOfJDPP6ko5JZF6MNsq38YPJLluRMcXLuxvS6wcSQhW\r\nIFp5h/2MZWVNJsVTI72bcCoYfVt4UHJTIpSNn28Jk/IS+O65hVCtj/15sTJV\r\nQMnphWwoRTF0e9456LP1X6RH5cjEai2dXKgp6BeIz3gXbr+o85Rn5Tk9M5a7\r\naktp+DWqJG8UJzl28r9TV1cTxVG/hz9/+PC/DLlETkYbl7AFkC9DWEOERzvv\r\nnDzxyB2H9T0VLJwMHK8m6qnjvOIs2n+GCdkDXxMhoPc2I3P3F4gQpcEVGfbK\r\nJbV3X+asjyjjycCMiZOeP/g/NvKmav5rgzOhCKWud2/y3AVUPYwhY4yjDv0a\r\ne5wjlMCWWq4wLGhWbWACua1/ZSLAHDvB3LaybtbkCCFkrSpHyexO+BKTSZzW\r\nOwH+J2FOnSuoHX+ihAfcCcvdNuIKKgYP4Gqvvm4NZGAceo/30h1TQ+DfUryR\r\nL0niGqfFoVNf2rTD/JYeT8XywGlG3gMfebUAehSNHI2in7cbGL9VzcXr32o+\r\nwVSNuck2ecoXeUfzaqK2AO0teLQunsUFyzQyHd+rEaqMS2sVIOHXiOYyaHzo\r\nt1RqUyvSS0brq2XAgGFU1MOiKJToH+fFeho=\r\n=oeWT\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"douganderson444","email":"douganderson444@gmail.com"},"directories":{},"maintainers":[{"name":"douganderson444","email":"douganderson444@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svelte-editable-action_0.0.5_1652738108319_0.5439742843786599"},"_hasShrinkwrap":false},"0.0.6":{"name":"@douganderson444/svelte-editable-action","version":"0.0.6","module":"src/lib/index.js","devDependencies":{"@sveltejs/adapter-auto":"next","@sveltejs/adapter-static":"next","@sveltejs/kit":"next","prettier":"^2.5.1","prettier-plugin-svelte":"^2.5.0","svelte":"^3.44.0","svelte-check":"^2.2.6","svelte-preprocess":"^4.10.1","svelte2tsx":"^0.5.9","tslib":"^2.3.1","typescript":"~4.6.2"},"type":"module","dependencies":{"@douganderson444/svelte-html-editor":"^2.3.2"},"exports":{"./package.json":"./package.json",".":"./index.js"},"types":"./index.d.ts","gitHead":"b9e94c55c6e6bcaf198484d2cdbfa32693c8128f","description":"A svelte [action](https://svelte.dev/docs#template-syntax-element-directives-use-action) to make any html element editable, with a toolbar.","_id":"@douganderson444/svelte-editable-action@0.0.6","_nodeVersion":"16.8.0","_npmVersion":"8.6.0","dist":{"integrity":"sha512-K0vSPcaFhDdKVFTanNlUPTfnWLaBuX9edfC0EdLAV9ioE/q/vF4sNg2Vgric230ZnOJtKMgZTja/Z6xothHyZg==","shasum":"96d18fb23ef54d47f6bf59c2ed1901041f66f175","tarball":"https://registry.npmjs.org/@douganderson444/svelte-editable-action/-/svelte-editable-action-0.0.6.tgz","fileCount":9,"unpackedSize":4900,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC/KYj1N2S+EyXytHwvUycoqACm3tIIPAIN+rxw9aet+gIgX1r/YGK5Xhy2ox3sK+F1zgcv0kLnMWCb7nIfmh62UKU="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinzxcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoBWg//ab9s6Edu5OgoGES1054VSDjTEzAu+wSUGQZDYEI71YBX69E9\r\nMt1qa1HLk1+n7q23VdHf2ZQSgfxxkZOfmR14aAk/QDSS3sxpYwEBl0wgWR3A\r\nmA0Dwf+OvgHU4hRfCjwM/4/4D19DUYy2EJhwBoNHSh1xPv2zgGoQXdwsx7S9\r\n6Ps5rUKpwyfvZOcTpm7M0kMjkyFK9ExjTpNFRGC81PAcxvuKkLZ3li9FXTjm\r\nW+7kPlwkg4JcCG932tGjCwPmi16OM8SMJrRvOhJivaov4Zxy4j9e9zF5eOzr\r\nSvpzFL+xuNnAkN39+PNz5x8i/w4odRax/lrQ5UFUBE6p2Nt2Uea/4xN+Ot9a\r\nDn8GEBjpd8pyCESsP+fFN7ig8LbvGID/jSBNhzTAtpR/eATrUyNJVmS3qmAn\r\nV/WTcAG2HG6MXw0gRRERtKS2PJ4M5juHwMlV1v4FI3ttuYmB2YVG4/WPtLLp\r\nxvjcolmcMg49D6/QjODKJroVuEoRNvgbxyVV1Fq+6MjtzIbjfoRmiAmiGhzA\r\nyYJkNONahyizlZfzpcpVLWn2qirN4l5A3Qv9OSUfd7Psr+DLg9P0BfCEAHa/\r\nujpVYjkRSUzIj8tquDErogdDDM/Cv0BDN6M2OjjkVbteEr7yRLFOClk5zGfC\r\nro5mME8yq4EZoLVm9h5g2CyHiueUBsbhpaU=\r\n=Ismb\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"douganderson444","email":"douganderson444@gmail.com"},"directories":{},"maintainers":[{"name":"douganderson444","email":"douganderson444@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svelte-editable-action_0.0.6_1654602844237_0.4770617399029595"},"_hasShrinkwrap":false},"0.0.7":{"name":"@douganderson444/svelte-editable-action","version":"0.0.7","module":"index.js","devDependencies":{"@sveltejs/adapter-auto":"next","@sveltejs/adapter-static":"next","@sveltejs/kit":"next","prettier":"^2.5.1","prettier-plugin-svelte":"^2.5.0","svelte":"^3.44.0","svelte-check":"^2.2.6","svelte-preprocess":"^4.10.1","svelte2tsx":"^0.5.9","tslib":"^2.3.1","typescript":"~4.6.2"},"type":"module","dependencies":{"@douganderson444/svelte-html-editor":"^2.3.2"},"exports":{"./package.json":"./package.json",".":"./index.js"},"types":"./index.d.ts","gitHead":"b9e94c55c6e6bcaf198484d2cdbfa32693c8128f","description":"A svelte [action](https://svelte.dev/docs#template-syntax-element-directives-use-action) to make any html element editable, with a toolbar.","_id":"@douganderson444/svelte-editable-action@0.0.7","_nodeVersion":"16.8.0","_npmVersion":"8.6.0","dist":{"integrity":"sha512-b7XZ3n53VcLIZRu0kYvl3TF56fnXjyB9lSQgfg7emn8XfscLH9YuKISV7m0Bn3NqUQeQxpdnwMCZjs2TWCadfQ==","shasum":"a997870dbd9dd4c0b6f1e676df6df52e91ec3750","tarball":"https://registry.npmjs.org/@douganderson444/svelte-editable-action/-/svelte-editable-action-0.0.7.tgz","fileCount":9,"unpackedSize":4892,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD6jonbnsZ8FTeV3ogB8JJDZ8zm4ELPU8wdYm0D4ze1lgIhALqXgjyd8wNcLYgxUnPxDXt4LoQagJS5uWbKkuinRhAb"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJin1NCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrMwQ//THJt8OrY1hJV52rldLWFEuhwka490mgWv2X6qfNXYjig2VQy\r\nWUdVQ9AsRGaxQX40x2TkVwq+AtLZjsuGJHbUxoCglOVp9eW0HOwD3oHKA6NZ\r\na6FJ888C9f9hAYBPTSSkuR8f293LSMyUFF5ig1tDrDlFosTmpgtrQej8yY8t\r\njeGR89WpmNav8mih4DTXkEU8U0xwc/oPTxe964WI5ve2oImiiJJVBL+W0Ive\r\nDGxhpSbF9kOaVYd7xGVPMO9Jd46CA8mLunxzKj8RnCNA0N4Qt630562vvVyf\r\nog2IdefZ/52Xn3u5aNAOIx2YWMFx6E62ylkfDrosHckz8ppR7iRKcg+9wGdR\r\n7Arxl6yTfFrxAp+hNeV2Kyh3VGlW9sGhWZRQNliJx+aGM8E+c6mCMtJHL5zH\r\nMh8cxWOZuWb05MS3vJ83IRkgxNic/PJh9SBl/vvEqyRcBfkoWvwPn4X5OHZq\r\n9icYchoNUSKqdBGPQUXS/WYrIq0pRyVzlfIci0uaqn0wxC8qGNOgZ1l7W0ps\r\nOtw4EjAa6uA35bWstJ8Yg+a7p9gQPO2Ndv602zfcFevFcphxpVof0Dqoaz45\r\nGvVmNXiMqWz80T0DAffh6qjDL8UpJcGTlZ4XRegt73VWkwkCYcfq39Xf30Pz\r\nl3vTZdPIUlVk0ufrJdnsWqdcPGy4VMd27jM=\r\n=s4Tt\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"douganderson444","email":"douganderson444@gmail.com"},"directories":{},"maintainers":[{"name":"douganderson444","email":"douganderson444@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svelte-editable-action_0.0.7_1654608706201_0.6000147875207591"},"_hasShrinkwrap":false}},"time":{"created":"2022-05-16T21:55:08.253Z","0.0.5":"2022-05-16T21:55:08.465Z","modified":"2022-06-07T13:31:46.398Z","0.0.6":"2022-06-07T11:54:04.407Z","0.0.7":"2022-06-07T13:31:46.331Z"},"maintainers":[{"name":"douganderson444","email":"douganderson444@gmail.com"}],"description":"A svelte [action](https://svelte.dev/docs#template-syntax-element-directives-use-action) to make any html element editable, with a toolbar.","readme":"# Svelte Editable as an Action Directive\n\nA svelte [action](https://svelte.dev/docs#template-syntax-element-directives-use-action) to make any html element editable, with a toolbar.\n\nMake any HTML element and children editable, complete with a toolbar compliments of [nenadpnc/cl-editor](https://github.com/nenadpnc/cl-editor) under the hood.\n\n## Edit Svelte html output, with _style_\n\nBuild a component to _set_ the style.\n\nUse this action to edit the _content_ without messing with the styling.\n\n## Use\n\nBasic usage:\n\n```js\n// index.svelte\n<script>\n    import { editable } from \"@douganderson444/svelte-editable-action\"\n\tlet editText\n</script>\n\n<div use:editable on:change={(e) => editText = e.detail } >\n    Click to edit me using the popup toolbar\n</div>\n\nThe text is now: {editText}\n```\n\nAdvanced use: (see ./src/routes/index.svelte)\n\n```js\n<script>\n    import { editable, colors } from \"@douganderson444/svelte-editable-action\"\n\n</script>\n\n<div use:editable={{colors}}>\n\t<h1>\n\tSvelte Text Editor Usage\n\t</h1>\n  Click 🖱️ on me to <i>edit this</i> <b>text</b> by <a href='https://twitter.com/DougAnderson444' target='_blank'>@DougAnderson444</a>\n\n\t<input type=\"text\" style:width=\"20em\"  placeholder='Clicking an input does not affect editing'>\n\n</div>\n\n\n<style>\n\tinput {\n\t\tmargin-top: 2em;\n\t}\n</style>\n\n```\n\n## Demo\n\n[https://svelte.dev/repl/cb4ea37a28eb4204afbcf7b47287c0f6?version=3.48.0](https://svelte.dev/repl/cb4ea37a28eb4204afbcf7b47287c0f6?version=3.48.0)\n","readmeFilename":"README.md"}