{"_id":"@atomico/lit-html","_rev":"3-6781e069cc04ec1336dd003819a7b113","name":"@atomico/lit-html","dist-tags":{"latest":"1.2.0"},"versions":{"1.0.0":{"name":"@atomico/lit-html","description":"lit-html render for Atomico webcomponents","version":"1.0.0","type":"module","publishConfig":{"access":"public"},"scripts":{"start":"vite","build":"vite build","test":"vitest","coverage":"vitest run --coverage","exports":"exports src/lit-html.ts --exports --types","prepublishOnly":"npm run coverage && npm run exports"},"dependencies":{"atomico":"latest","lit-html":"latest"},"devDependencies":{"@atomico/exports":"^0.33.5","@atomico/tsconfig":"1.0.0","@atomico/vite":"latest","c8":"^7.11.3","happy-dom":"latest","typescript":"^4.7.3","vite":"latest","vitest":"latest"},"peerDependencies":{"atomico":"latest","lit-html":"latest"},"prettier":{"tabWidth":4,"singleQuote":false},"module":"./dist/lit-html.js","exports":{"./lit-html":"./dist/lit-html.js",".":"./dist/lit-html.js"},"types":"types/lit-html.d.ts","typesVersions":{"*":{"lit-html":["./types/lit-html.d.ts"]}},"gitHead":"db41ed35c010a6b611d6d75c5c86f882fc45edc8","_id":"@atomico/lit-html@1.0.0","_nodeVersion":"15.14.0","_npmVersion":"7.7.6","dist":{"integrity":"sha512-5uD28vvgjmDmrdu6FYukPwMrzGYVHujb/3kPgwp3PigaRSZSDTK89t+O+b7YAYhC76SMPUV6xFS+JAQMx59W5A==","shasum":"9e842692ba86b40b48b19cab0586b3755e204927","tarball":"https://registry.npmjs.org/@atomico/lit-html/-/lit-html-1.0.0.tgz","fileCount":31,"unpackedSize":6589026,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGspqi1I9ej7zT5jnvZp0cgBLYWbGXZQWbbDxfZAQrVFAiAbpRLzifYu/QyfAkf1UxLMGLpr9xMVbNJA0LJLJoyGRQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJirBDSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoR+g/+IKPu7LRbAGVAcS9zqOsqfRQ8OG5VxN2752BmOr9DZCdVnROH\r\nIJNLGFF88gCrBF/dmL37L9rX5GtMwBSpPNFf99IaeyXU3AHFMkduLAxRmqya\r\nJEzCW1KQSqo2HmJWBNOe2J9NnWk19PquedZLdKn3vQXd7X08WehZD9xVL5aQ\r\neCx9rY6lvJqI/BR6n0CumMOHnjavyIfv9oX/4VdDA8YJv7fwP8YtWh8vZIn6\r\nhu0uyycxsi4qowkeZzVbGsMZspfGH1gAVEdgjEtmRMa0W+DcDvnlsVuBv6T+\r\nyZVgZXQBSBbNkvYLfolMnPgxPA6MY3zgSTw8NqlSylP+R8tMj+folZRcHNEs\r\nwOgJFJlPHG00xLPgRrVb26czpYQHFvpSdJrWFckB76gql0qWmB8klExt/17b\r\noXzOPBVVo2HUukAADTAf7uzH7T5c40tUO3S8ePu6qKywATUhz0x92tPFFXkg\r\n9l/vA3O2yf2tdkYqm2tAV/WSGEhPHXfEOel+NLpAWEE8cEveksinB1ynprrt\r\n0cg47eYVHmyc40Z8JOR4uJcYirX3F0dsRcxgC1y2P8aHljNENTncqv7gR7J6\r\nDorjgaPdvuXqV3NM+wxngcpIllPMC1KD/eaxquZvPkEiB1DghaqHj1d8ll9C\r\nAEO3aLH0gKpd4pDAEFwnYfXrTYhAZrtD4RM=\r\n=AkOU\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"uppercod","email":"mtrujillo@outlook.cl"},"directories":{},"maintainers":[{"name":"uppercod","email":"mtrujillo@outlook.cl"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/lit-html_1.0.0_1655443666373_0.41483175876181555"},"_hasShrinkwrap":false},"1.1.0":{"name":"@atomico/lit-html","description":"lit-html render for Atomico webcomponents","version":"1.1.0","type":"module","publishConfig":{"access":"public"},"scripts":{"start":"vite","build":"vite build","test":"vitest","coverage":"vitest run --coverage","exports":"exports src/lit-html.ts --exports --types","prepublishOnly":"npm run coverage && npm run exports"},"dependencies":{"atomico":"^1.65.0","lit-html":"*"},"peerDependencies":{"lit-html":"*"},"devDependencies":{"@atomico/exports":"^0.37.0","@atomico/tsconfig":"1.0.0","@atomico/vite":"^2.1.4","@vitest/coverage-c8":"^0.24.1","happy-dom":"^7.5.6","typescript":"^4.7.3","vite":"^3.1.7","vitest":"^0.24.1"},"prettier":{"tabWidth":4,"singleQuote":false},"module":"./dist/lit-html.js","exports":{"./lit-html":"./dist/lit-html.js",".":"./dist/lit-html.js"},"types":"types/lit-html.d.ts","typesVersions":{"*":{"lit-html":["./types/lit-html.d.ts"]}},"gitHead":"1964e03aa684d2a47088abe22c14c0f10a4c436c","_id":"@atomico/lit-html@1.1.0","_nodeVersion":"18.4.0","_npmVersion":"8.12.1","dist":{"integrity":"sha512-uGhNARjsVXHGP0i+AcPe64DUNmDufyaqwR7gemEaUoLKfOOmKG9CFpWmFtxVfz7XopbpXOzzIF7qEYg5mb4g4Q==","shasum":"4ec41d4ee3a7021cc111a56b4612e68af9130b0a","tarball":"https://registry.npmjs.org/@atomico/lit-html/-/lit-html-1.1.0.tgz","fileCount":33,"unpackedSize":8588127,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQChGmLsH/ag4jgm6ltify2BWK64sbBqjrKdCiKhbzEwiwIhAKNK0gHattd+rggq6QfEvtmAWjzWDhL10Iuo0f+ULAtO"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjRYKgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqEPQ//SpqNWVOkhqhhhy7hohJ7dKq7gNFBt8xyjRwrEyDfaimtELaC\r\nNcdEP80dWuFItntcMQNQZFPgC5USulh95ErFHURMfweBtF7ulx18JTnP2uym\r\nxuKtAo8eNVTeD3O+KMiCwivFQI/juQORQapFtYCnsZJvRw9Aaja6mIe6zZcL\r\nvzRBJpsUYXUOsdxvPe4KdeuyPF6P+vOaWXH8/InmkQLpuEdYC9Qn+ZTeKScQ\r\n3yCygzR0+ubOYV+lg+gDPQX1miR6qNi6wXpjWCUATqtxCHkV/9JR01d8ztgH\r\ngAhix7K71GsIL0FnfMNbAkW1b3JdaL54hBKn1RntjDH0oh9mKSR/YwvQqNZA\r\nZP2N9Pi0BnJ9KugKnZRBqAn4pT/mlMN83b1jB9Sr4wfOOJmE0oGhAC775Z/b\r\niXTkdOvTU2lPvrF9+Ih4zlF8cK+58IcKMlFxBQ809yRWtPu2grjH0YAy4RBh\r\ndM4qxXEAxi2Gb1ynHc8Bc1eT2Sy91ArdkBwfEAHbmFKrcTGY2qMsSfrFZvU2\r\nf+wpIs8oxmsynJqcyY9UkH8tnPhO/wpbuUbd8CWGz/6xGIBFW/RconarxB1d\r\n4Bl24WBn6AyXzeA0iXKMVdFh9jvZiyCn192iIyBXdvNoZhkbNNF7KgKIBW8u\r\nj6VeyelZX0AVfyx1b/SVZsgLW/WmP9JNRkg=\r\n=s1sB\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"uppercod","email":"mtrujillo@outlook.cl"},"directories":{},"maintainers":[{"name":"uppercod","email":"mtrujillo@outlook.cl"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/lit-html_1.1.0_1665499808281_0.18686505847744472"},"_hasShrinkwrap":false},"1.1.1":{"name":"@atomico/lit-html","description":"lit-html render for Atomico webcomponents","version":"1.1.1","type":"module","publishConfig":{"access":"public"},"scripts":{"start":"vite","build":"vite build","test":"vitest","coverage":"vitest run --coverage","exports":"exports src/lit-html.ts --exports --types","prepublishOnly":"npm run coverage && npm run exports"},"dependencies":{"atomico":"^1.65.0","lit-html":"*"},"peerDependencies":{"atomico":"*","lit-html":"*"},"devDependencies":{"@atomico/exports":"^0.37.0","@atomico/tsconfig":"1.0.0","@atomico/vite":"^2.1.4","@vitest/coverage-c8":"^0.24.1","happy-dom":"^7.5.6","typescript":"^4.7.3","vite":"^3.1.7","vitest":"^0.24.1"},"prettier":{"tabWidth":4,"singleQuote":false},"module":"./dist/lit-html.js","exports":{"./lit-html":"./dist/lit-html.js",".":"./dist/lit-html.js"},"types":"types/lit-html.d.ts","typesVersions":{"*":{"lit-html":["./types/lit-html.d.ts"]}},"gitHead":"273a3d4b2377d254db35bba4f86c82963143c78f","_id":"@atomico/lit-html@1.1.1","_nodeVersion":"18.4.0","_npmVersion":"8.12.1","dist":{"integrity":"sha512-K5upAWnygGX673mqSBv2bFQdDDSs3XiWxgTDDoaZ3oplHPajZihNUk1nrN6W6YXi9C0qztRC4uJu7gFVNuzkcA==","shasum":"1a9e2d08463fe5d8176d253c2dca891c193aec3b","tarball":"https://registry.npmjs.org/@atomico/lit-html/-/lit-html-1.1.1.tgz","fileCount":33,"unpackedSize":8588148,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICzjbsxOmF/Jce+p6FQUzBkdrHn0ySdqO6g80ybMXgMXAiEAzcf43jZXTlr8FsirgnUBX8WTs8GHxTNsHkW0B1kMjdY="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjRYQlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqiCw//YBYc9FFItHnH/XkHa6wjpn+gck6gPYstFe1r+p1cQRw7KteB\r\n7Hxh83APQDr5r4A1SECWiE+NLNktiCqdSmOkx//KGDTTtehoU+8vYYp0VGVO\r\n+G7ylMLk1akdiD5jFRDgDoJFR0SG83dap4wR7T0rT+8+OBthdlyx5VhXHslD\r\n0rRDkKQ259v4P8Ys7uSSd4ZgB4JXw26KrlmaVikuAhkjle0Db20qeHe/PGHt\r\nGxstwFEGnEo5LKkN6v5BeNsxyAaiyX/J6l15FRvTxEJa8OKqz+fzDRD6bL9S\r\nnWiMOcKYZOxD8FGxlRsz5Smuq+GbTIU+aAlq6PphrILo/cT0JDAvSpzBkXw/\r\nBgOuu4P5AekcgmblkQ6kdOyKOezdNw2hm4rtalwc23kLNMUxzNwa6keggNvQ\r\nTF5WpAuha07ZdOXrGw2uRBZYnEyHsUka9kZ4TOWKqHXdZoqsUagrNiIVyIao\r\nryhtxcV9vY/GHn87TVQfJuv11lXycJZm6fqMF7j7n/bCuBys4YrzBliXKjNU\r\nLWgnUqwz4dSgqIva2v4TyeKb/Dz5JhMYq0AB1YI5guVl72SjC/xO0TO+gcQ9\r\naDb+X2vvpEvgglRgYGAUlLcoUR0tWCzKLogd2eOapDAueLqy7+9a9SKhkt20\r\n2IcVI5X0V2PlxVrauG8VWsGGcaL06TWmmHs=\r\n=P+z8\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"uppercod","email":"mtrujillo@outlook.cl"},"directories":{},"maintainers":[{"name":"uppercod","email":"mtrujillo@outlook.cl"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/lit-html_1.1.1_1665500197439_0.4695065192563248"},"_hasShrinkwrap":false},"1.2.0":{"name":"@atomico/lit-html","description":"lit-html render for Atomico webcomponents","version":"1.2.0","type":"module","publishConfig":{"access":"public"},"scripts":{"start":"vite","build":"vite build","test:watch":"vitest","step:types":"tsc","step:build":"atomico-vite src/**/*.ts","step:exports":"exports lib/**/* types/**/* --main lit-html","step:test":"vitest run --coverage","prepublishOnly":"npm run step:test && npm run step:types && npm run step:build && npm run step:exports"},"peerDependencies":{"atomico":"*","lit-html":"*"},"devDependencies":{"@atomico/exports":"^1.2.1","@atomico/tsconfig":"1.0.0","@atomico/vite":"^2.1.8","@vitest/coverage-c8":"^0.24.1","happy-dom":"^7.5.6","typescript":"^4.7.3","vite":"^3.1.7","vitest":"^0.24.1"},"prettier":{"tabWidth":4,"singleQuote":false},"main":"lib/lit-html.js","module":"lib/lit-html.js","types":"types/lit-html.d.ts","exports":{"./hooks":"./lib/hooks.js","./html":"./lib/html.js","./lit-html":"./lib/lit-html.js","./ref":"./lib/ref.js",".":"./lib/lit-html.js"},"typesVersions":{"*":{"hooks":["types/hooks.d.ts"],"html":["types/html.d.ts"],"lit-html":["types/lit-html.d.ts"],"ref":["types/ref.d.ts"]}},"gitHead":"423fab88cdecb00cb18905c9c938406531c33ac7","_id":"@atomico/lit-html@1.2.0","_nodeVersion":"18.4.0","_npmVersion":"8.12.1","dist":{"integrity":"sha512-rme+3DNSSLmj1OEr52e9p0/TMfYsgz3woLZhrRobsXkRTqgI6yiveqQd5yiLF6phcEoIbETrI8hf7b6HUdzzDg==","shasum":"eeee3918779aea0db952b319a30947afcb452920","tarball":"https://registry.npmjs.org/@atomico/lit-html/-/lit-html-1.2.0.tgz","fileCount":35,"unpackedSize":1367731,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEeU0TJROtUeLTNzcsqdvyErlptoVESIxvAqd8WZXis1AiEA34ix4CrhQm9xX02k32VpIinlm2IgANRNsZOItoDctV4="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTVceACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqLoQ/+LtzQC8Ew+KdVFXg7PfHNhnFgf5vmxibBv3lnkJhIX3qbo4Xr\r\nQvvFyWpQzwILbAGXPJlQK63EwqVFR9Y/B/54HBYl5dlv0ehaRG8ZjtiJi++y\r\nSjrjFfRs7VDtHGPg9URJEBAMTeeUzSorVkAKaHRnhbBDGtnOzAigRcQNzwF/\r\n12tz+dUP/VrdybGCuDOQxjuC2dR30ky6QnlbYkZeDJQOPeFO61JUZEUoqrU5\r\nr2ZRAogfTIFqUwsGD33zLjGBNsOO8wlESDBPWGpbaX0azZf5XHWE6jWTeRIT\r\nW/VjWOjNIMQooGDteAmboKvohFoRbfrtTViq4ITp8lugoVtg/udvSZLz/Ul2\r\nlwqNtBeAbBh5djeKS3zY4Tj/wuyDsqMLO3rXID6A/lRhCqxoLqx8wNGEE1kV\r\n7bgAjnjPFfr9/v3UmmPQ+pnCD1AlbELJkV1NWdqasJ10B1F/LmF6xozvuN+C\r\nZkEMH75euBlfpyuqzbkmgV3i20YEBYN0TgVjQ/P0vtfyadNXb1iJ3we4rwYm\r\nPqUActR1dcoBndbd93nT3MsCz5UTVgjENMlL2JVIk7Ls7KNNDvhrP3fR771L\r\nxJZOZrhYV4T40KoxT3TTC9sryuoz3iSZeJNRIpnSHD45TileNGMXknNdr6r9\r\n9K1OqhYaiLQw1O4/yGIkyZwX5J7gKeqJaVk=\r\n=a3qu\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"uppercod","email":"mtrujillo@outlook.cl"},"directories":{},"maintainers":[{"name":"uppercod","email":"mtrujillo@outlook.cl"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/lit-html_1.2.0_1666012958767_0.6381081405009714"},"_hasShrinkwrap":false}},"time":{"created":"2022-06-17T05:27:46.312Z","1.0.0":"2022-06-17T05:27:46.612Z","modified":"2022-10-17T13:22:39.139Z","1.1.0":"2022-10-11T14:50:08.488Z","1.1.1":"2022-10-11T14:56:37.774Z","1.2.0":"2022-10-17T13:22:38.965Z"},"maintainers":[{"name":"uppercod","email":"mtrujillo@outlook.cl"}],"description":"lit-html render for Atomico webcomponents","readme":"# @atomico/lit-html\r\n\r\n[![Discord](https://raw.githubusercontent.com/atomicojs/atomico/brand/link-to-discord.svg)](https://discord.gg/7z3rNhmkNE) [![Twitter](https://raw.githubusercontent.com/atomicojs/atomico/brand/link-to-twitter.svg)](https://twitter.com/atomicojs)\r\n\r\n`@atomico/lit-html` will allow you to use lit-html within Atomico, example:\r\n\r\n```js\r\nimport { c } from \"atomico\";\r\nimport { html } from \"@atomico/lit-html\";\r\n\r\nfunction component() {\r\n    return html`<h1>Atomico + lit-html</h1>`;\r\n}\r\n```\r\n\r\nThe first html return must always come from the `@atomico/lit-html` model, since atomico adds the render method to this function, which allows atomico to render any library.\r\n\r\n## Objectives.\r\n\r\n1. Support lit-html as an optional renderer for developers who are comfortable with lit-html.\r\n2. Give declarative support to the use of the shadowDom.\r\n3. Support references, to share hooks between Atomico, lit-html, react and react.\r\n\r\n## shadowDom\r\n\r\n```js\r\nimport { c } from \"atomico\";\r\nimport { html } from \"@atomico/lit-html\";\r\n\r\nfunction component({ message }: Props<typeof component>) {\r\n    html.shadowDom = true;\r\n    return html`<h1>Welcome to ${message}!</h1>`;\r\n}\r\n\r\ncomponent.props = {\r\n    message: { type: String, value: \"Atomico\" },\r\n};\r\n\r\ncustomElements.define(\"my-component\", c(component));\r\n```\r\n\r\n## useRender\r\n\r\nHomologous hook of useRender from [@atomico/hooks/use-render](https://atomico.gitbook.io/doc/atomico/atomico-hooks/use-render).\r\n\r\n```js\r\nimport { useRender } from \"@atomico/lit-html\";\r\n\r\nfunction component() {\r\n    useRender(() => html`<input type=\"text\" />`);\r\n}\r\n```\r\n\r\n## ref\r\n\r\nAllows the use of Atomico references within lit-html.\r\n\r\n```js\r\nimport { useRef } from \"atomico\";\r\nimport { ref } from \"@atomico/lit-html\";\r\n\r\nfunction component() {\r\n    const refInput = useRef();\r\n    return html`<input type=\"text\" ${ref(refInput)} />`;\r\n}\r\n```\r\n","readmeFilename":"README.md"}