{"_id":"@acce/lit-extended","_rev":"10-7a423dfa5a6e8e86104ca62bcef85b0a","name":"@acce/lit-extended","dist-tags":{"latest":"1.0.1","beta":"2.0.3"},"versions":{"0.2.2":{"name":"@acce/lit-extended","version":"0.2.2","description":"Extend and provide common helpers to support simple LitElement projects","main":"lit-extended.js","publishConfig":{"access":"public"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+ssh://git@gitlab.com/xxaccexx/lit-extended.git"},"author":{"name":"Lawrence Tranter"},"license":"ISC","bugs":{"url":"https://gitlab.com/xxaccexx/lit-extended/issues"},"homepage":"https://gitlab.com/xxaccexx/lit-extended#readme","dependencies":{"lit-element":"^2.2.0","lit-html":"^1.1.1"},"gitHead":"929423add2f2c9d0719d6289f7aa5d08cab03d19","_id":"@acce/lit-extended@0.2.2","_nodeVersion":"12.7.0","_npmVersion":"6.10.0","dist":{"integrity":"sha512-pSVjmAtKdNUuG31mlFRpRty1LRGDQm2bnxjgy7X0lwKPVsOOYYMatDnEcuDkWw0c/dHvO3vhcaJ1DMJWenjW9Q==","shasum":"47ed2406cada1d0376b358a0bbc64d145172bb4a","tarball":"https://registry.npmjs.org/@acce/lit-extended/-/lit-extended-0.2.2.tgz","fileCount":4,"unpackedSize":9340,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdY1vNCRA9TVsSAnZWagAArSoP+wRD3R+H73ZYMKKpz2cp\nmu8ZNmgFVwCz9ZnRorhHT3pgbU4qIpoaQD2/87R9ozs6rSznggHEpXO9DPZH\nwwNJIrrco9Ph+6q6SCV3jvItFk6z04xjP/vOBaXC1t77yxaDAIcM6i7X+Lxl\nZfIv9KZ1mBqWalDgqi+QG0A9MJfJMvgYFTp6OdKP2WVsjsh2DITX45eMcSqO\nlmdgcCYgfuR5P9FNUM9XCoCOwcCPSMSb/1ihhiVTpjWMMQsc4EoG+lK588r0\npweOiHpl4ajzuTb5JLqx090MLpss7eox1BRXwAwFiYqmgmAF4ld8DodPCIk+\n5ruQpXz1aIsXfA0MaY5v/bMe2rNfUemHrQbw9TJlhAWDbMIKS7SBrgrcPY3y\n+XNJHTHRFDQSZR11YUGyyDBx0ypJv2vc81r88Qltm+uSZBPwZYUobwXoLCdp\n/TAbC/lNfyJsm6mClMrqN/usTqI3np50xNKxC3mv53EdXCdIYlMS5nSkFT6y\nZaj3y2Mogo0s1ktxkidAlYW/drVvaxn6nv6TOgdRQtvO2VRXP7BLi3vAuNsY\nBH/XCO8GTQ+za9UBCbcpAI2VoFPccZPBDjJ9T+DCoD92GgzdPlD3mY91kTZY\nEc0hJUMM4qgDpjxfuRFHNqHwJbsOkXpmS0ShaIH9VjiK4tSwUTAEIY5vs7i7\nBbJR\r\n=Lgqe\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICl26E9Ue2bpzkuhl6YhTI/NgZLrKb+tCTXZMA0D96SpAiBiPmqxTaWnu+i7QMXM4K0GTXeHWL8/A9aytCsnhZQGGQ=="}]},"maintainers":[{"name":"acce","email":"lawrence.tranter@gmail.com"}],"_npmUser":{"name":"acce","email":"lawrence.tranter@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/lit-extended_0.2.2_1566792653048_0.8349155323198652"},"_hasShrinkwrap":false},"1.0.0":{"name":"@acce/lit-extended","version":"1.0.0","description":"Extend and provide common helpers to support simple LitElement projects","main":"lit-extended.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+ssh://git@gitlab.com/xxaccexx/lit-extended.git"},"author":{"name":"Lawrence Tranter"},"license":"ISC","bugs":{"url":"https://gitlab.com/xxaccexx/lit-extended/issues"},"homepage":"https://gitlab.com/xxaccexx/lit-extended#readme","dependencies":{"lit-element":"^2.2.0","lit-html":"^1.1.1"},"readme":"# Lit-Extended\n\nA **_simpler_** base class for creating fast, lightweight web components.<br>\n#getrektpolymer\n\n## What is this\n\nThis is a class that you can extend, to simplify development of components driven by [Web Components](https://developer.mozilla.org/en-US/docs/Web/Web_Components) and the [LitElement](https://lit-element.polymer-project.org) project.\n\nThis extends direct from LitElement, and includes all the functionality and nicities from it, but addeds a few extra interfaces in order to provided functional, extensible and production-ready components.<br>\nThen it bundles them into one project and exports all your needed interfaces.\n\n## What interfaces?\n\nAny exported interface from the [lit-html](https://lit-html.polymer-project.org) project, or others from [lit-element](https://lit-element.polymer-project.org) package are exported directly from this package.\n\n## How can I use it?\n\nTo install this as a dependancy for your project, run this:\n\n```bash\nnpm i -S lit-extended\n```\n\nWhen defining new components:\n\n```js\nimport { LitExtended } from '@acce/lit-extended';\n\nexport class MyComponent extends LitExtended {\n\t//\tyour components' functionality\n}\n\ncustomElements.define('my-component', LitExtended);\n```\n\nThis is all that is needed to create a component. In your HTML you can now refer to this component by writing something like this:\n\n```html\n<script type=\"module\" src=\"/src/my-component.js\"></script>\n\n<my-component></my-component>\n```\n\nIt won't do much, but it will be there, with a [Shadow Root](https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot) and everything.\n\n### Well isn't that the same as LitElement? Why should I use this?\n\nThe LitExtended class also provides some quality-of-life functions to make things much easier.\n\nHere are some things LitExtended provides:\n\n**LitElement event management**\n\n```js\nclass MyComponent extends LitExtended {\n\tbackflip() {\n\t\tlet detail = { times: 3 };\n\n\t\tthis.dispatchEvent(new CustomEvent('backflipping', {\n\t\t\tdetail: detail,\n\t\t\tbubbles: true,\n\t\t\tcomposed: true\n\t\t}));\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<a @click=\"${e => this.backflip()}\">\n\t\t\t\tDo A Backflip\n\t\t\t</a>\n\t\t`;\n\t}\n}\n```\n\nThere is an emit method provided by LitExtended to reduce the above to:\n\n```js\nclass MyComponent extends LitExtended {\n\trender() {\n\t\treturn html`\n\t\t\t<a @click=\"${e => this.emit('backflipping')}\">\n\t\t\t\tDo A Backflip\n\t\t\t</a>\n\t\t`;\n\t}\n}\n```\n\n**Relative paths**\n\nLitExtended provides a few methods to get paths relative to the current module.\n\n```js\nclass MyComponent extends LitExtended {\n\tget importMeta() {\n\t\treturn import.meta;\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<img alt=\"This is hela-cute\" src=\"${this.basedir}/component-kittie.png\">\n\t\t`;\n\t}\n}\n```\n\nWhere previously, it would be mesy AF to get a path relative to the component.\n\nThere are actually a collection of path manipulation methods provided by:\n\n```js\nimport { resolve, parse, format, basedir } from 'lit-extended/paths';\n\nconsole.log(resolve('..', '/src/component.js'))\t//> ./component.js\n\nconsole.log(parse('/src/component.js')) //> { root: '/', dir: '/src', base: 'component.js', name: 'component', ext: '.js' }\n\nconsole.log(format({ dir: '/src', base: 'component.js' }))\t//> /src/component.js\n\nlet url = 'src/file.js';\nconsole.log(isAbsolute(url))\t//> false\nconsole.log('/' + url)\t\t\t//> true\n\nconsole.log('http://localhost:8081/src/component.js')\t//> /src/component.js\n\n```\n\n# Read More\n\n* [lit-element](https://lit-element.polymer-project.org)\n* [lit-html](https://lit-html.polymer-project.org)\n* [Web Components](https://developer.mozilla.org/en-US/docs/Web/Web_Components) documentation","readmeFilename":"readme.md","gitHead":"c32428d67e022316248a4937a484401977e2fa7f","_id":"@acce/lit-extended@1.0.0","_nodeVersion":"13.6.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-3mCq0nKlX3saWhvV50Eu2D4DnhrTUcYG/6fhYxsF/kW/rPCXs8ukkNvp2ghj7tF8Sh0AnlMwHwBAZyeAcgCE5w==","shasum":"9e707ad04e6e480f3213c4e7a602a1029ffdada1","tarball":"https://registry.npmjs.org/@acce/lit-extended/-/lit-extended-1.0.0.tgz","fileCount":5,"unpackedSize":9277,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIqCJCRA9TVsSAnZWagAA4J8P/1W7i8aAukqiekBg39A6\naeIEXPDnzGd5pOrrzec82Wf4DHd/2tHTVzJbObtNX1Oe3Bo9S0VXZlt2pJDo\ni5wC8nlq1kJhiSytg9W5lS0GMy2GIGgmijr1jGuaEiAQYz8fTKVxP1opPNCf\nzt5jVpUyqmrM7aW9QPrRn/7UAqYt2SZPOW9wzkCU4jSH2yjKiqvabRJmFFV5\nxxLJ7bYKsnpzcX8dsda5F1Q7BXXvmLU03arK+8LqfZgRIuCd3+GMsITglwL2\nwGrOeCKLzJMch+DItoD8ceoOmoj74dZi+SkNpP4VsEe2cLGkdVpXH3Zr3f4O\nfLxdzXQ726/ieuVDMa/nNK7YM2y9ET78EvNiJMcyrDSkZ4tZfVLutvhJqU1F\n/MnppYKLb2RYn/R5qqV8M/FXwfV0rqmDBAgSimsBtC3GOcYRycEuGK7sK7Vh\nfeRIaORsB+72RjOKDgmXbrT7inHuv8+5hjB5QMu0qgnh1vd3x3f0oy9gv/Nj\nZAIenz3RzmplNw5LwzkpNGZ9hx9U5e+1iATfEKWszQPJswUqshRxYXzb62WC\nWFqAUcVxor+zP2uJMhD4yHsoTAabU812pEnAxxsZZ7E88h1EtBYkHxD3G8iP\nerf6EHeuukY35T+TzOLVSgRokyCk9ztMcOKPELHW7zdBXhiRaHpPDXfG3dND\nj2AS\r\n=vugb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDQMWHlXg6zlPhTsR+6tIE3L7fruyvTmRGpHrLHcapLRwIhAKCRdgbeks32NUGjw1eG9J96hJqi2EcAtclKqOfA5+if"}]},"maintainers":[{"name":"acce","email":"lawrence.tranter@gmail.com"}],"_npmUser":{"name":"acce","email":"lawrence.tranter@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/lit-extended_1.0.0_1579327624940_0.15475139220219725"},"_hasShrinkwrap":false},"1.0.1":{"name":"@acce/lit-extended","version":"1.0.1","description":"Extend and provide common helpers to support simple LitElement projects","main":"lit-extended.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+ssh://git@gitlab.com/xxaccexx/lit-extended.git"},"author":{"name":"Lawrence Tranter"},"license":"ISC","bugs":{"url":"https://gitlab.com/xxaccexx/lit-extended/issues"},"homepage":"https://gitlab.com/xxaccexx/lit-extended#readme","dependencies":{"lit-element":"^2.2.0","lit-html":"^1.1.1"},"gitHead":"69e202f0abf17cbe9c47c58f21e1e97222ba3c2a","_id":"@acce/lit-extended@1.0.1","_nodeVersion":"13.6.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-Li7sdgw7/bbq3vKYGyQujAVxCG1gTbQSqk0o5cbriQjUaGZuto80rOZOfJheP/YUfGALQhZZ3DjNChOwhcEUEA==","shasum":"55a7c965fb898ce873cb43e223045ff855a8d8fe","tarball":"https://registry.npmjs.org/@acce/lit-extended/-/lit-extended-1.0.1.tgz","fileCount":5,"unpackedSize":9299,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIqMGCRA9TVsSAnZWagAAV0gP/j+G0BT5g6zeK1mjvZGk\n0C7Ni8i81oVyVxP1HGB/IMXARccGbTMM6oZfvWvfh4NjX95QPIdLPucVOThE\nS72nUQqutBprUqUSxitl39zH1nt8JRRT7DYMPyzouNSBX8ZqYv1X0j+4a0yh\nWTy3IFPrQ4vAtRNgTyr6ExKgAQXdDunk9+0DIjPKu6WzYodmX4aJJJPRwkp/\n/f45TLvATNEGFZXHl7ou/2TAJj5SiqDckEIe9f9QhQJnKfjPIzSrhDImlZ0Q\ngvtkga30W+MKpKYXeaWohv0ugJtBqB2d0ov/FvxWshdsFX/kr1YXyXdI0rpk\nG/XO2vcfyeXSH5DGP/9EEX3E+ZZUUDk4sY7UwfiVgDxsXm4+PA69IAYYtROB\n/kzoMY4BmI/QR9lDkWKLH/PwaqgpO+aUuHioJofI7pkbOfp3cX9PPJ7TOSle\nwqkj4wtF+R8zLTGkSQUWNw2XvyXgriCRgM080kP0viJfjyYD7gpXspQ05YEH\nMhPRa0fCxjjADuCv/8t0/Ouvo4Rv8nHvPjX/Mx9R6lNdRWXBYt5MUP0F4iJb\nQqzVjBozQ0ZRbQ4uvB+ERV03qKE/DQZiElRHSrGEhwZUFAfghUpxHwhOeetw\nOUPUCkGcEnN6zR/ru0H6LLzKYeLmegjYInJOaL+xm2IFojZV4ZwEKKCuXID3\nu+d3\r\n=vQda\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDGIBy46/f0rXOEKEMfJ/qMTMb1vj4xUgKYwxLXXGp1XAiB5Oo3lrEdo/YM0FiyxPJ3irJ9M4BVwYG+DxpXLjHtE2g=="}]},"maintainers":[{"name":"acce","email":"lawrence.tranter@gmail.com"}],"_npmUser":{"name":"acce","email":"lawrence.tranter@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/lit-extended_1.0.1_1579328261857_0.4374979646906594"},"_hasShrinkwrap":false},"2.0.0":{"name":"@acce/lit-extended","version":"2.0.0","description":"Extend and provide common helpers to support simple LitElement projects","main":"lit-extended.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+ssh://git@gitlab.com/xxaccexx/lit-extended.git"},"author":{"name":"Lawrence Tranter"},"license":"ISC","bugs":{"url":"https://gitlab.com/xxaccexx/lit-extended/issues"},"homepage":"https://gitlab.com/xxaccexx/lit-extended#readme","dependencies":{"lit-element":"^2.2.0","lit-html":"^1.1.1"},"readme":"# Lit-Extended\n\nA **_simpler_** base class for creating fast, lightweight web components.<br>\n#getrektpolymer\n\n## What is this\n\nThis is a class that you can extend, to simplify development of components driven by [Web Components](https://developer.mozilla.org/en-US/docs/Web/Web_Components) and the [LitElement](https://lit-element.polymer-project.org) project.\n\nThis extends direct from LitElement, and includes all the functionality and nicities from it, but addeds a few extra interfaces in order to provided functional, extensible and production-ready components.<br>\nThen it bundles them into one project and exports all your needed interfaces.\n\n## What interfaces?\n\nAny exported interface from the [lit-html](https://lit-html.polymer-project.org) project, or others from [lit-element](https://lit-element.polymer-project.org) package are exported directly from this package.\n\n## How can I use it?\n\nTo install this as a dependancy for your project, run this:\n\n```bash\nnpm i -S @acce/lit-extended\n```\n\nWhen defining new components:\n\n```js\nimport { LitExtended } from '@acce/lit-extended';\n\nexport class MyComponent extends LitExtended {\n\t//\tyour components' functionality\n}\n\ncustomElements.define('my-component', LitExtended);\n```\n\nThis is all that is needed to create a component. In your HTML you can now refer to this component by writing something like this:\n\n```html\n<script type=\"module\" src=\"/src/my-component.js\"></script>\n\n<my-component></my-component>\n```\n\nIt won't do much, but it will be there, with a [Shadow Root](https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot) and everything.\n\n### Well isn't that the same as LitElement? Why should I use this?\n\nThe LitExtended class also provides some quality-of-life functions to make things much easier.\n\nHere are some things LitExtended provides:\n\n**LitElement event management**\n\n```js\nclass MyComponent extends LitExtended {\n\tbackflip() {\n\t\tlet detail = { times: 3 };\n\n\t\tthis.dispatchEvent(new CustomEvent('backflipping', {\n\t\t\tdetail: detail,\n\t\t\tbubbles: true,\n\t\t\tcomposed: true\n\t\t}));\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<a @click=\"${e => this.backflip()}\">\n\t\t\t\tDo A Backflip\n\t\t\t</a>\n\t\t`;\n\t}\n}\n```\n\nThere is an emit method provided by LitExtended to reduce the above to:\n\n```js\nclass MyComponent extends LitExtended {\n\trender() {\n\t\treturn html`\n\t\t\t<a @click=\"${e => this.emit('backflipping', { times: 3 })}\">\n\t\t\t\tDo A Backflip\n\t\t\t</a>\n\t\t`;\n\t}\n}\n```\n\n# Read More\n\n* [lit-element](https://lit-element.polymer-project.org)\n* [lit-html](https://lit-html.polymer-project.org)\n* [Web Components](https://developer.mozilla.org/en-US/docs/Web/Web_Components) documentation\n","readmeFilename":"readme.md","gitHead":"7a72b863f788ac079c153baf704ac438d04a0f3f","_id":"@acce/lit-extended@2.0.0","_nodeVersion":"13.11.0","_npmVersion":"6.13.7","dist":{"integrity":"sha512-iHuVwPtZ2MWm4uvN+1eiaVcqfh9Y7RBfjzRhszmvoagsWec5qjTAkC5kOR++mewjAgNoBtrxVxGpQ4qDR9w7Fg==","shasum":"eccf8a355aaa591c3219143c14cc59a08822f3aa","tarball":"https://registry.npmjs.org/@acce/lit-extended/-/lit-extended-2.0.0.tgz","fileCount":3,"unpackedSize":5299,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeg/iNCRA9TVsSAnZWagAAlnAP/3ku+5gSsJ7elvP00o8O\npqnfqK42xFxZtm8dg1Q1zfMhJC77gcRquJRxvLDjE+mZYYtpIGixWCNjzQ8A\nTfXKuSOS13Mm32IBlaOqXajts2fcDrMQJMuat2C86eT7o+l9RXlU89Unfe38\nS3L7XmHkazgU39CUktBTtfD3GGfLNWkrh4/EY9saFnEDEBcwl1nRLWouLMzm\ny48aghGQcSLu/N1g5ujUTdpwt5th591pmYW5NQarNqrSAFiUTEBXlpgUvN6D\n3yNGPTJTa6yuwVHvPT+LFGc04kvMXtgpDmxqZ8xSNpXv/SIjFHbpw0WLmnVH\nVy4EA+AeUJ7f0oYS0y4ANDLNIbMEt7Sp+4Qsbqdp1+cCn6j1wIkk9iVdho8c\nnIJXsIQao8NCn+8jCy/4n0jnBCufK8v6/XLJc36MCWjKR2hSgGoq0sIgCAU5\nQyIcB1EDwCUFt+YPKXzfnCazbOGRs/kpIbl7Ci4Wrm2GHVbe1+F02WR9avBV\ncYTJ/Sa9pK+KjIYJTQHCqRekZq1C5tuLxJQmKPbKyzneRRKGwxF3/riVmGSe\nXSP7GJwSWJBNlNuBAB9fpTGVjTh1IZrFJyYJLOrGcsS4mpHZK5FP66TRXEq2\nVUsmZSqbvwNSniGCvbYYuEHuss8n3OAB5b/HA06tnkdcVqQlhyBwc6ggXGlM\nfIev\r\n=4AlW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHwmvF8khiUBxixJY24Oc1q6pGExWluWJIsMJd6jPoQPAiBscAFrsqsK9AQHrXBj1kRzrChLCdHoQb9jII0i6QxWjg=="}]},"maintainers":[{"name":"acce","email":"lawrence.tranter@gmail.com"}],"_npmUser":{"name":"acce","email":"lawrence.tranter@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/lit-extended_2.0.0_1585707149055_0.826941124839669"},"_hasShrinkwrap":false},"2.0.1":{"name":"@acce/lit-extended","version":"2.0.1","description":"Extend and provide common helpers to support simple LitElement projects","main":"lit-extended.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+ssh://git@gitlab.com/xxaccexx/lit-extended.git"},"author":{"name":"Lawrence Tranter"},"license":"ISC","bugs":{"url":"https://gitlab.com/xxaccexx/lit-extended/issues"},"homepage":"https://gitlab.com/xxaccexx/lit-extended#readme","dependencies":{"lit-element":"^2.3.1"},"readme":"# Lit-Extended\n\nA **_simpler_** base class for creating fast, lightweight web components.<br>\n#getrektpolymer\n\n## What is this\n\nThis is a class that you can extend, to simplify development of components driven by [Web Components](https://developer.mozilla.org/en-US/docs/Web/Web_Components) and the [LitElement](https://lit-element.polymer-project.org) project.\n\nThis extends direct from LitElement, and includes all the functionality and nicities from it, but addeds a few extra interfaces in order to provided functional, extensible and production-ready components.<br>\nThen it bundles them into one project and exports all your needed interfaces.\n\n## What interfaces?\n\nAny exported interface from the [lit-html](https://lit-html.polymer-project.org) project, or others from [lit-element](https://lit-element.polymer-project.org) package are exported directly from this package.\n\n## How can I use it?\n\nTo install this as a dependancy for your project, run this:\n\n```bash\nnpm i -S @acce/lit-extended\n```\n\nWhen defining new components:\n\n```js\nimport { LitExtended } from '@acce/lit-extended';\n\nexport class MyComponent extends LitExtended {\n\t//\tyour components' functionality\n}\n\ncustomElements.define('my-component', LitExtended);\n```\n\nThis is all that is needed to create a component. In your HTML you can now refer to this component by writing something like this:\n\n```html\n<script type=\"module\" src=\"/src/my-component.js\"></script>\n\n<my-component></my-component>\n```\n\nIt won't do much, but it will be there, with a [Shadow Root](https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot) and everything.\n\n### Well isn't that the same as LitElement? Why should I use this?\n\nThe LitExtended class also provides some quality-of-life functions to make things much easier.\n\nHere are some things LitExtended provides:\n\n**LitElement event management**\n\n```js\nclass MyComponent extends LitExtended {\n\tbackflip() {\n\t\tlet detail = { times: 3 };\n\n\t\tthis.dispatchEvent(new CustomEvent('backflipping', {\n\t\t\tdetail: detail,\n\t\t\tbubbles: true,\n\t\t\tcomposed: true\n\t\t}));\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<a @click=\"${e => this.backflip()}\">\n\t\t\t\tDo A Backflip\n\t\t\t</a>\n\t\t`;\n\t}\n}\n```\n\nThere is an emit method provided by LitExtended to reduce the above to:\n\n```js\nclass MyComponent extends LitExtended {\n\trender() {\n\t\treturn html`\n\t\t\t<a @click=\"${e => this.emit('backflipping', { times: 3 })}\">\n\t\t\t\tDo A Backflip\n\t\t\t</a>\n\t\t`;\n\t}\n}\n```\n\n# Read More\n\n* [lit-element](https://lit-element.polymer-project.org)\n* [lit-html](https://lit-html.polymer-project.org)\n* [Web Components](https://developer.mozilla.org/en-US/docs/Web/Web_Components) documentation\n","readmeFilename":"readme.md","gitHead":"f4a2a28f214493690c04baaf9d31311e14fe41c9","_id":"@acce/lit-extended@2.0.1","_nodeVersion":"13.11.0","_npmVersion":"6.13.7","dist":{"integrity":"sha512-D3q3hiczNFiHpExBrS0Qx3l3DlV0vc+DaKSauZWj2R1NgS/fgNjKsp0ZdnOfOFLWrThzM+Y1UAhiQQNVLnPQHg==","shasum":"8ebfadae621f68118de57adb6c732ed50bc51f7d","tarball":"https://registry.npmjs.org/@acce/lit-extended/-/lit-extended-2.0.1.tgz","fileCount":3,"unpackedSize":4956,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeg/qOCRA9TVsSAnZWagAA+PgQAIGHDz36OW2noTq0E9X8\nCrdXS6qnB+YscLUIyno3TeuQwl0NfQDu39GB1SNE7BS3dZE0X9nsEW3LflOZ\n7Sg+2a/udQkrOpJg6Pg8cJpB9IhkP2wXpksI8ID6tDXxC3j8L5+F+YkLr4Sr\nzOis/9XQj9UrG6EFRQcSpnpgPuEMUEn+s0aTOXXo95Iy92ZXyPZMog0+juij\nJ0D1XmhI7raF/W0I7j0qg1BexAvxsCQjpoK198T2BPGxZEhTCvSnJVcXMjOn\nQMgwDeio5zKV0C/EN0V8mr6/YtChx326KXpeL4+wOc0IIMyYQUTPBTdnwOX2\n1Fmpy3W3uYyOs7vRGs2XkbhVX+X7jbMab0OyrI/aaDr6/STPcYJnM2AVsrTI\n3VZbJZbibAf0lL7JRv/SXJQ9SCGjsA7pLJ/G/zZAaw/1xmt2paPYIFw1pRGu\nQnuISRG9cy6zmY/P4H4zw2cnTzMKXShxyYlu2YLdiDLV2bjXRPJsyKxLleBo\nB8h2+Ei+ov6wqLPvZO7/phw/vojMVJUVYtlE8Rb7sFrLw4ysZs8xaV9bW+tn\nzIs4rWM9XhKGcPN9UDRBywWlVGhfVyg9S/cJdsya1ntB23IQZZSt1MSWLX3F\nqWgzzp8P7U69y3VeGwyjZwxyAg+dYa7twWQdqR3J6NORm1t0yHxvA6ff8orN\nvHuZ\r\n=e/79\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDNJD+6aYuM+Uo8YS8kWJZ01FYktQdhvk67wif5tVJCZQIgEeQAN1zznBeZ/Du2NbV+rb784qrcqNdaAVDs6ArRpfE="}]},"maintainers":[{"name":"acce","email":"lawrence.tranter@gmail.com"}],"_npmUser":{"name":"acce","email":"lawrence.tranter@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/lit-extended_2.0.1_1585707662198_0.5158197601952028"},"_hasShrinkwrap":false},"2.0.2":{"name":"@acce/lit-extended","version":"2.0.2","description":"Extend and provide common helpers to support simple LitElement projects","main":"lit-extended.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+ssh://git@gitlab.com/xxaccexx/lit-extended.git"},"author":{"name":"Lawrence Tranter"},"license":"ISC","bugs":{"url":"https://gitlab.com/xxaccexx/lit-extended/issues"},"homepage":"https://gitlab.com/xxaccexx/lit-extended#readme","dependencies":{"lit-element":"^2.3.1"},"readme":"# Lit-Extended\n\nA **_simpler_** base class for creating fast, lightweight web components.<br>\n#getrektpolymer\n\n## What is this\n\nThis is a class that you can extend, to simplify development of components driven by [Web Components](https://developer.mozilla.org/en-US/docs/Web/Web_Components) and the [LitElement](https://lit-element.polymer-project.org) project.\n\nThis extends direct from LitElement, and includes all the functionality and nicities from it, but addeds a few extra interfaces in order to provided functional, extensible and production-ready components.<br>\nThen it bundles them into one project and exports all your needed interfaces.\n\n## What interfaces?\n\nAny exported interface from the [lit-html](https://lit-html.polymer-project.org) project, or others from [lit-element](https://lit-element.polymer-project.org) package are exported directly from this package.\n\n## How can I use it?\n\nTo install this as a dependancy for your project, run this:\n\n```bash\nnpm i -S @acce/lit-extended\n```\n\nWhen defining new components:\n\n```js\nimport { LitExtended } from '@acce/lit-extended';\n\nexport class MyComponent extends LitExtended {\n\t//\tyour components' functionality\n}\n\ncustomElements.define('my-component', LitExtended);\n```\n\nThis is all that is needed to create a component. In your HTML you can now refer to this component by writing something like this:\n\n```html\n<script type=\"module\" src=\"/src/my-component.js\"></script>\n\n<my-component></my-component>\n```\n\nIt won't do much, but it will be there, with a [Shadow Root](https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot) and everything.\n\n### Well isn't that the same as LitElement? Why should I use this?\n\nThe LitExtended class also provides some quality-of-life functions to make things much easier.\n\nHere are some things LitExtended provides:\n\n**LitElement event management**\n\n```js\nclass MyComponent extends LitExtended {\n\tbackflip() {\n\t\tlet detail = { times: 3 };\n\n\t\tthis.dispatchEvent(new CustomEvent('backflipping', {\n\t\t\tdetail: detail,\n\t\t\tbubbles: true,\n\t\t\tcomposed: true\n\t\t}));\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<a @click=\"${e => this.backflip()}\">\n\t\t\t\tDo A Backflip\n\t\t\t</a>\n\t\t`;\n\t}\n}\n```\n\nThere is an emit method provided by LitExtended to reduce the above to:\n\n```js\nclass MyComponent extends LitExtended {\n\trender() {\n\t\treturn html`\n\t\t\t<a @click=\"${e => this.emit('backflipping', { times: 3 })}\">\n\t\t\t\tDo A Backflip\n\t\t\t</a>\n\t\t`;\n\t}\n}\n```\n\n# Read More\n\n* [lit-element](https://lit-element.polymer-project.org)\n* [lit-html](https://lit-html.polymer-project.org)\n* [Web Components](https://developer.mozilla.org/en-US/docs/Web/Web_Components) documentation\n","readmeFilename":"readme.md","gitHead":"64d22d25bd5f3b2e9b76912930a31267d000cb43","_id":"@acce/lit-extended@2.0.2","_nodeVersion":"13.11.0","_npmVersion":"6.13.7","dist":{"integrity":"sha512-A/PfIFBRXU1ZH6pNSFLKYYbCxsJV0gZqyOuYs+Ru2v+zC0rFF//HeiWoT3pwy7o/9k9OQBiZGSrhn9xjmGlTmw==","shasum":"973efc25c801c2e02fb88efa05102575c5d35265","tarball":"https://registry.npmjs.org/@acce/lit-extended/-/lit-extended-2.0.2.tgz","fileCount":3,"unpackedSize":4950,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeg/wqCRA9TVsSAnZWagAABk4P/0Y2ZTJTjW17IOeomGmt\nC4P/Itjw2Yvca696Y+8MzLd4L+8PNMcN0REXor+ZcOty9Ft2pNuSuFBBYkRo\n89scUnLTzxoUQ0CGXLtssT5ubxTpMRahE699puzKo+iCojhBB4t9TxmXywbl\naFx2UjY1+2IBbb8SrmTOEVw8U9kqQ8qPpd0jvy8EJ3mtYv9HJt9HnHesCMIH\nINwRTHDk6ucCW3u5+YZeVtpD0o5k/DiAY2L69O8UpoPCsWOKJ5Xevu/FJXhk\niaXuliFilkibWTwW9fFB3CSAhKpmoM2N+0tj0CvG147lu2DNI5hG1n5EzwKI\nXd3mPoW7VsdLpQzlo36C1Y73QYJfE1tumX89Qrp9qTAOWjACJAcQgydmWk/H\nJT7FFpm6bKcMC05a+eORwTnQKr84bKWp1GFlSjG8YhrKSC2Tl0RXaYRM0n6l\nEz+9uZBxWhxuAUfT3pTpPcuyhRjJ/FT3429ayCK6gISraSfqfzNfFshIIapU\nt/6uJGGUN+0cVUzUXLcqdVpoXzxFiknDnyecd9tDmRj4kVp6ZdarwSXrR0vH\ntyd7X8vtKMnen8W2DKekWQxt5vatyq1FUUqEL83sswqOQKDbdMcLZZyAkbgz\n/2DhvgelgIkX+BeBQy8FTQrNgxOnOZMGn+XwGK3rixp+R8CVpPW3v+ssrj89\nO9gT\r\n=LSqM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCf3u2gdBpRYnUJ1R5OXXpNN/ezqu3qYQcVdHuJwWhl9wIgH1y+iSGP2yxKZ+YJAUBU8pdP61G922XQdR/EJ0ySTiM="}]},"maintainers":[{"name":"acce","email":"lawrence.tranter@gmail.com"}],"_npmUser":{"name":"acce","email":"lawrence.tranter@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/lit-extended_2.0.2_1585708073710_0.5918517049527048"},"_hasShrinkwrap":false},"2.0.3":{"name":"@acce/lit-extended","version":"2.0.3","description":"Extend and provide common helpers to support simple LitElement projects","main":"lit-extended.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+ssh://git@gitlab.com/xxaccexx/lit-extended.git"},"author":{"name":"Lawrence Tranter"},"license":"ISC","bugs":{"url":"https://gitlab.com/xxaccexx/lit-extended/issues"},"homepage":"https://gitlab.com/xxaccexx/lit-extended#readme","dependencies":{"lit-element":"^2.3.1"},"readme":"# Lit-Extended\n\nA **_simpler_** base class for creating fast, lightweight web components.<br>\n#getrektpolymer\n\n## What is this\n\nThis is a class that you can extend, to simplify development of components driven by [Web Components](https://developer.mozilla.org/en-US/docs/Web/Web_Components) and the [LitElement](https://lit-element.polymer-project.org) project.\n\nThis extends direct from LitElement, and includes all the functionality and nicities from it, but addeds a few extra interfaces in order to provided functional, extensible and production-ready components.<br>\nThen it bundles them into one project and exports all your needed interfaces.\n\n## What interfaces?\n\nAny exported interface from the [lit-html](https://lit-html.polymer-project.org) project, or others from [lit-element](https://lit-element.polymer-project.org) package are exported directly from this package.\n\n## How can I use it?\n\nTo install this as a dependancy for your project, run this:\n\n```bash\nnpm i -S @acce/lit-extended\n```\n\nWhen defining new components:\n\n```js\nimport { LitExtended } from '@acce/lit-extended';\n\nexport class MyComponent extends LitExtended {\n\t//\tyour components' functionality\n}\n\ncustomElements.define('my-component', LitExtended);\n```\n\nThis is all that is needed to create a component. In your HTML you can now refer to this component by writing something like this:\n\n```html\n<script type=\"module\" src=\"/src/my-component.js\"></script>\n\n<my-component></my-component>\n```\n\nIt won't do much, but it will be there, with a [Shadow Root](https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot) and everything.\n\n### Well isn't that the same as LitElement? Why should I use this?\n\nThe LitExtended class also provides some quality-of-life functions to make things much easier.\n\nHere are some things LitExtended provides:\n\n**LitElement event management**\n\n```js\nclass MyComponent extends LitExtended {\n\tbackflip() {\n\t\tlet detail = { times: 3 };\n\n\t\tthis.dispatchEvent(new CustomEvent('backflipping', {\n\t\t\tdetail: detail,\n\t\t\tbubbles: true,\n\t\t\tcomposed: true\n\t\t}));\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<a @click=\"${e => this.backflip()}\">\n\t\t\t\tDo A Backflip\n\t\t\t</a>\n\t\t`;\n\t}\n}\n```\n\nThere is an emit method provided by LitExtended to reduce the above to:\n\n```js\nclass MyComponent extends LitExtended {\n\trender() {\n\t\treturn html`\n\t\t\t<a @click=\"${e => this.emit('backflipping', { times: 3 })}\">\n\t\t\t\tDo A Backflip\n\t\t\t</a>\n\t\t`;\n\t}\n}\n```\n\n# Upgrade to v2 from v0 or v1\n\nMost signifigant changes are to the lit extended interface.\n\nThe functionality related to relative paths, including the importMeta interface.<br>\nmost of those features have been refined and moved to a dedicated project [@acce/lit-path](https://npmjs.org/acce/lit-path)\n\n# Read More\n\n* [lit-element](https://lit-element.polymer-project.org)\n* [lit-html](https://lit-html.polymer-project.org)\n* [Web Components](https://developer.mozilla.org/en-US/docs/Web/Web_Components) documentation\n","readmeFilename":"readme.md","gitHead":"8873ae2bad794a85ff7f59758f561005d7704915","_id":"@acce/lit-extended@2.0.3","_nodeVersion":"13.11.0","_npmVersion":"6.13.7","dist":{"integrity":"sha512-3JNW9VNstY6dXiWlYGpSgnZzl9kgFILQjb9g07u8HMuW8ic63zPbw+y2/Wjf3lhTENlm+z9lgpcmBZIdCiX6nQ==","shasum":"54e6f6ebbfbea385b28a581d38a6394d13cc056a","tarball":"https://registry.npmjs.org/@acce/lit-extended/-/lit-extended-2.0.3.tgz","fileCount":3,"unpackedSize":5252,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJehTX1CRA9TVsSAnZWagAAHQUQAIlcviCcoPfbEu83I6Rn\nJ8xJN/qWYz7kaOMN87HgtwEAV743NBc8epR6BmKjCm5XWLsF7aCz4qUb2elJ\njtgjIyArakKXH1xlTit1c6lEdFff7kGYK7K07DtCLah+KXgR4BZlH59+JA+Q\nXnNwl7qZubg/Xa+M8PA6PvZW9aN3p+ahkANhzHH+48j7HwHGDJd1qJPBDT0l\nrJbJTntktGyg1/3g6yUaeOJdT6HGJAVTXEjeUAjZ9eU7zgeoFL0gNh53drBY\nNYDXHJr1FOnPyFJ8uOa227KnpDgp+1KT9v1kSiR6gTq7wE0EfwjZrDq24BXM\n1Es9G0NXZ+C0Iu0gzOIdbnT1jptACSSo2nuj3x1EnioW/rP2m94xeqdPi21E\n71gBDPeSZp/1zxHde3xX10Aeywo+/4fyfgziWhux/9A15hmoUGNc5yog6nqE\n6txFthcjlgDyydnY0zeI9JqXgDwtJ8IzE1dUmlLN4o52qpgt00QihkqBbkiy\n/0VnVJVOOEInhwm29/LPO89RCYTiiMz2FXwzhJ1OOK79E6nh1E+pIWW0IVV9\n51JjxVF74tK39XSyBKsQxrQVGjGjoq+y99KWL97/2S+OoznEnsKrVwxH2/W8\n+QMKpj03xBLLCKYjtsaIuEI1cyPGf/GJeJPkDUs+XMDKWvJIUQGFgH8eH1A1\nIEKf\r\n=vvJ9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCqs7rkvIWLJyR8D6VYNluXvXYqo6eQszFIr8zuanMEGwIhAKfmVwoe5J+ILqXjncREy5FX1LMBMfbdY/IBZUlMMbwu"}]},"maintainers":[{"name":"acce","email":"lawrence.tranter@gmail.com"}],"_npmUser":{"name":"acce","email":"lawrence.tranter@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/lit-extended_2.0.3_1585788404977_0.4509313160464792"},"_hasShrinkwrap":false}},"time":{"created":"2019-08-26T04:10:52.836Z","0.2.2":"2019-08-26T04:10:53.232Z","modified":"2022-04-04T11:06:29.124Z","1.0.0":"2020-01-18T06:07:05.099Z","1.0.1":"2020-01-18T06:17:41.982Z","2.0.0":"2020-04-01T02:12:29.185Z","2.0.1":"2020-04-01T02:21:02.325Z","2.0.2":"2020-04-01T02:27:53.816Z","2.0.3":"2020-04-02T00:46:45.077Z"},"maintainers":[{"name":"acce","email":"lawrence.tranter@gmail.com"}],"description":"Extend and provide common helpers to support simple LitElement projects","homepage":"https://gitlab.com/xxaccexx/lit-extended#readme","repository":{"type":"git","url":"git+ssh://git@gitlab.com/xxaccexx/lit-extended.git"},"author":{"name":"Lawrence Tranter"},"bugs":{"url":"https://gitlab.com/xxaccexx/lit-extended/issues"},"license":"ISC","readme":"","readmeFilename":""}