{"_id":"wc-typed-js","_rev":"2-52d40034bca893ecfc986b5c2c38d7f2","name":"wc-typed-js","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"wc-typed-js","version":"1.0.0","description":"The Typed.js Web Component for better reusability.","main":"index.js","scripts":{"serve":"polyserve","webpack":"webpack --config webpack.conf.js","start":"npm run-script webpack && npm run-script serve"},"repository":{"type":"git","url":"git+https://github.com/Orlandster/wc-typed-js.git"},"keywords":["typed.js","web","component","typing","animation"],"author":{"name":"Orlandster"},"license":"ISC","bugs":{"url":"https://github.com/Orlandster/wc-typed-js/issues"},"homepage":"https://github.com/Orlandster/wc-typed-js#readme","dependencies":{"@polymer/lit-element":"^0.6.1","typed.js":"^2.0.9"},"devDependencies":{"polyserve":"^0.27.12","webpack":"^4.20.2","webpack-cli":"^3.1.1"},"gitHead":"67689df2c3fc310747b5b9be754213a30d608435","_id":"wc-typed-js@1.0.0","_npmVersion":"6.2.0","_nodeVersion":"10.8.0","_npmUser":{"name":"orlandster","email":"orlando.wenzinger@bluewin.ch"},"dist":{"integrity":"sha512-Hy2DRor2gl47b06VXZcjdkH6/SrapOD9VJMwsuaActo/Nsc9bPY96tSJOqSmPeB4vQAJQCs5+cG7Ft89Njj/uQ==","shasum":"1a732df7316689f9e645a67803905eb32c422899","tarball":"https://registry.npmjs.org/wc-typed-js/-/wc-typed-js-1.0.0.tgz","fileCount":5,"unpackedSize":9367,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbrrQoCRA9TVsSAnZWagAAlPwP/AwY1rnUsHW1t76OfLeX\npMYlutY24NfN63q8yYvMPmSfW3VI3ntgxSSsWtZUTmca8JOKx8VR1yqGHvuS\nb/jMHzurNgUX2f41m9TOLD1zfkwlx3Oc466T98FanO1eIi3xoNvTRELa1B+C\nKXUANOkA9NuLEfrFMVywEqrSLY/BiLB68N0ka91x9AkyCI9Jo9FHUZJBRC6/\nWhfpUcxIftgSsuTovEmbGNz6NjO+J7OlpL0uMmM59G6WbZDjDzrwilM7Z950\n44+sztsmZ9nENS4OSEBFa+3wmg7L12kMrxGfGJvC6uwYQUeuMY0Onha+toXk\na4YxMDHF2eRszNxMTywt3IRXuM1ovI+VW/Buee9Fx6Xucl0CzOXipWtcthbr\nQa5v0wBvuDApiRenLCC8aBZm65WFJya+emY8Id1Tzvg9iTkAuJcLs3nK+VVE\nCPmDuGkUCWk864zqA5fRtc46lCiL3KUPdSxQi4iS1fnzblx7z3B1egih3oIo\n1loXtOgzHYm1M8NoNUJMoDEdSO1tFvINE5AXgrAL3yTgMBMUVlRMIof/3ZR6\ntm4xRUnM4zD3rpXG8mJYMgRkhdXCtcvsDzms0SXjYYtjHSNgHNTxbcQjHyNp\n+c9pf7xPpTW+/fN0/mHQYw8RkGl6In6tLby1LmH9ETNoKkKyUSuFdpnjJMjc\nM17d\r\n=8Jok\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD+Gx1eiFLMaFVpP6pxUDWKbrA9NJ/8j/kepVo18UDWMQIgRQaARN0j6uo9EpwkS+fg1OEw+4aAwJw4/9+eB7lXorg="}]},"maintainers":[{"name":"orlandster","email":"orlando.wenzinger@bluewin.ch"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/wc-typed-js_1.0.0_1538176039498_0.4740084816623371"},"_hasShrinkwrap":false},"1.0.1":{"name":"wc-typed-js","version":"1.0.1","description":"[![npm](https://img.shields.io/npm/v/wc-typed-js.svg) ![npm](https://img.shields.io/npm/dm/wc-typed-js.svg)](https://www.npmjs.com/package/wc-typed-js) [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](","main":"index.js","scripts":{"serve":"polyserve","webpack":"webpack --config webpack.conf.js","start":"npm run-script webpack && npm run-script serve"},"repository":{"type":"git","url":"git+https://github.com/Orlandster/wc-typed-js.git"},"keywords":["typed.js","web","component","typing","animation"],"author":{"name":"Orlandster"},"license":"ISC","bugs":{"url":"https://github.com/Orlandster/wc-typed-js/issues"},"homepage":"https://github.com/Orlandster/wc-typed-js#readme","dependencies":{"@polymer/lit-element":"^0.6.1","typed.js":"^2.0.9"},"devDependencies":{"polyserve":"^0.27.12","webpack":"^4.20.2","webpack-cli":"^3.1.1"},"gitHead":"a9100d1ab4f42cc5fdd17e97aff821d1869797c7","_id":"wc-typed-js@1.0.1","_npmVersion":"6.2.0","_nodeVersion":"10.8.0","_npmUser":{"name":"orlandster","email":"orlando.wenzinger@bluewin.ch"},"dist":{"integrity":"sha512-O2dDdZ2ILTWu5Y1BRHpkHDa8QuWs8TbMk6d5/k4G2SGRMlhz/HADAFVo86TGpZd9F2LpNlCC9suH7XSUUPGp5g==","shasum":"b0a6055a974fad765e6380f9eee60185cde774fb","tarball":"https://registry.npmjs.org/wc-typed-js/-/wc-typed-js-1.0.1.tgz","fileCount":5,"unpackedSize":9975,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbrrjVCRA9TVsSAnZWagAATMYP/3nTjbKBpU79808nP8Rj\nWAF7q0fFzwZNms0ywdrD4f3Y4JAFruhnr2lkSDo2AOy7x3Hy7fdCfaL+45FR\nfVgaZrQoPPU3w61WmmOZiO6uzPZUbPy9SULHb70zQZIPIqK4GCBvwOJCQibW\nCkOUT87U0UL/V7Yku6nAqABxwJ1uorNlVIQeZwTXl/hq8GFRc0Jmrh+8lXxE\n0c+y2ExZBFOdvjHHOE83ysXIbSkYgQrFs9U85xijuSNcqX92CnodqhcJYcn0\n3hX4hfbLUKl0s36C6EBXzbgv3Oex7j0HlPIuCPTiQt6Mdri99f5MRdiSLpVC\ni2sCxvI8Dw9fcnXtCAF7raSCDczL45dtZBZPDyZVcIt9OtdceKnp5RyYtp50\nc1mkvCCPC53GBkj+Rs2ML0LBNkucuVVzIhkyjwpTG3DOmKFuDMmTvR9vbUA1\n9gbWTFe+1uFKzeH/TVjhYg+canB+HXLrIdGfeSq7pdMpvDLB0YGkhxjyqyZy\nyoqMdkZ7CmxwEMIwPMgZD72ovLEaE9Sly7K3X/BcUF4pa7qKXwtnq9fk1XQh\nXH6WcDK9Tsi2UREdbVdtybUFHLyWDo1ISFBil7QiLGm6rpHHTWmarX2J9bai\nUvzQLMEl0H0pik5eM6STgs50Yo/zHNBYiT9SX51oCQzbQSJq79GT5JGhuL8u\nTnz/\r\n=EV99\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD65sbJjQviSUh/OxwkHNrkzdVCaj+OH1aahyQJFInD3gIhAPp4KazIObZEAA8KS7nvHRuaNI+9l+0+HsHxYshpSJWv"}]},"maintainers":[{"name":"orlandster","email":"orlando.wenzinger@bluewin.ch"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/wc-typed-js_1.0.1_1538177236714_0.8223476064794526"},"_hasShrinkwrap":false}},"time":{"created":"2018-09-28T23:07:19.497Z","1.0.0":"2018-09-28T23:07:19.659Z","modified":"2022-05-24T02:55:50.125Z","1.0.1":"2018-09-28T23:27:16.846Z"},"maintainers":[{"name":"orlandster","email":"orlando.wenzinger@bluewin.ch"}],"description":"[![npm](https://img.shields.io/npm/v/wc-typed-js.svg) ![npm](https://img.shields.io/npm/dm/wc-typed-js.svg)](https://www.npmjs.com/package/wc-typed-js) [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](","homepage":"https://github.com/Orlandster/wc-typed-js#readme","keywords":["typed.js","web","component","typing","animation"],"repository":{"type":"git","url":"git+https://github.com/Orlandster/wc-typed-js.git"},"author":{"name":"Orlandster"},"bugs":{"url":"https://github.com/Orlandster/wc-typed-js/issues"},"license":"ISC","readme":"# wc-typed-js - The Typed.js Web Component\n\n[![npm](https://img.shields.io/npm/v/wc-typed-js.svg) ![npm](https://img.shields.io/npm/dm/wc-typed-js.svg)](https://www.npmjs.com/package/wc-typed-js)\n[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/owner/wc-typed-js)\n\n\n```html\n\n

Fixed Text:

\n\n```\n\nThe Typed.js Web Component for better reusability.\n\nTyped.js is a library that types. Enter in any string, and watch it type at the speed you've set, backspace what it's typed, and begin a new sentence for however many strings you've set.\n\nCheckout the offical project [here](https://github.com/mattboldt/typed.js/).\n\n## Table of contents\n\n- [Installation](#installation)\n- [Usage](#usage)\n- [Example](#example)\n\n# Installation\n\n```\nnpm install --save wc-typed-js\n```\n\n## Default import\n\nImport the component:\n\n```javascript\nimport { TypedJS } from 'wc-typed-js'\n```\n\n## Browser import\n\n```html\n\n```\n\n# Usage\nTo get started simply add the `wc-typed-js` custom element to your `markup` and pass the text, which should be typed to the `strings` property. In addition you need to pass an element with the class `typing` to the slot, which will be used as a `wrapper`.\n\nMinimal setup:\n\n```html\n\n

\n\n```\n\nThe `typing` class also allows you to just animate certain parts of a string:\n```html\n\n

Hey

\n\n```\n\n## Properties\nYou can make use of the following properties in order to customize your typing expirience:\n\n| Property | Type | Description | Usage |\n|----------------------|---------|----------------------------------------------------------------------|-----------------------------------------------------------------|\n| strings | String | strings to be typed | `strings=\"Text 1, Text 2\"` |\n| stringsElement | String | ID of element containing string children | `stringsElement=\"'myId'\"` |\n| typeSpeed | Number | type speed in milliseconds | `typeSpeed=\"50\"` |\n| startDelay | Number | time before typing starts in milliseconds | `startDelay=\"1000\"` |\n| backSpeed | Number | backspacing speed in milliseconds | `backSpeed=\"10\"` |\n| smartBackspace | Boolean | only backspace what doesn't match the previous string | `smartBackspace=\"true\"` |\n| shuffle | Boolean | shuffle the strings | `shuffle=\"true\"` |\n| backDelay | Number | time before backspacing in milliseconds | `backDelay=\"100\"` |\n| fadeOut | Boolean | Fade out instead of backspace | `fadeOut=\"true\"` |\n| fadeOutClass | String | css class for fade animation | `fadeOutClass=\"'fadeOutClass'\"` |\n| fadeOutDelay | Boolean | fade out delay in milliseconds | `fadeOutDelay=\"true\"` |\n| loop | Boolean | loop strings | `loop=\"true\"` |\n| loopCount | Number | amount of loops | `loopCount=\"3\"` |\n| showCursor | Boolean | show cursor | `showCursor=\"true\"` |\n| cursorChar | String | character for cursor | `cursorChar=\"'_'\"` |\n| autoInsertCss | Boolean | insert CSS for cursor and fadeOut into HTML | `autoInsertCss=\"true\"` |\n| attr | String | attribute for typing Ex: input placeholder, value, or just HTML text | `attr=\"'placeholder'\"` |\n| bindInputFocusEvents | Boolean | bind to focus and blur if el is text input | `bindInputFocusEvents=\"true\"` |\n| contentType | String | 'html' or 'null' for plaintext | `contentType=\"'html'\"` |\n\n## Events\nNot implemented so far.\n\n## Features\nCheckout features like `type pausing`, `smart backspacing` etc. on the libraries [page](https://github.com/mattboldt/typed.js/).\n\n# Examples\nHere are several examples:\n\n```html\n\n\n

We are a company!

\n\n\n\n\n

\n\n\n\nParagraph

, Span\" contentType=\"'html'\">\n

\n\n```\n\n---\n\n# License\n\n[MIT](http://opensource.org/licenses/MIT)\n","readmeFilename":"README.md"}