# j-Typed

> Config é o mesmo que [Apresentação.js](https://github.com/mattboldt/typed.js#customization)A única diferença é que todas as chaves são inferiores. isto é para manter a consistência com outros componentes.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: pt
Content-SHA256: 6164f1faa3f0be6ac4f29953c1fed5d06b2989034218e0d90f0f3889f77729a9
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

- Baseado em [Apresentação.js](https://github.com/mattboldt/typed.js/) por [O Bolote](https://github.com/mattboldt)
- O valor deve ser _array_


__Configuração__:

Config é o mesmo que [Apresentação.js](https://github.com/mattboldt/typed.js#customization)A única diferença é que todas as chaves são inferiores. isto é para manter a consistência com outros componentes. `id`

- __NEW__: `selector {String}` pode conter um elemento de renderização
- __NEW__: `text {String}` no formulário `Text 1|Text 2|Text 3|Text N` caso contrário, o texto é carregado de acordo com o `path`
- `typespeed {Number}` em milisecundos (default: `0`)
- `startdelay {Number}` em milisecundos (default: `0`)
- `backspeed {Number}` em milisecundos (default: `0`)
- `smartbackspace {Boolean}` isso só vai retroceder as palavras depois de "Este é um" (default: `true`)
- `shuffle {Boolean}` shuffle as cordas (default: `true`)
- `backdelay {String}` tempo antes de backspacing (default: `700`)
- `fadeout {Boolean}` em vez de backspace (default: `false`)
- Classe de `fadeoutclass {String}` para animação fade (default: `typed-fade-out`)
- `fadeoutdelay {Number}` retarda em milisecundos (default: `500`)
- Síntese de folha `loop {Boolean}` (default: `false`)
- `loopcount {String/Number}` quantidade de loops (default: `Infinity`)
- Cursor de exibição `showcursor {Boolean}` (default: `true`)
- Caracterização do cursor `cursorchar {String}` (default: `|`)
- `autoinsertcss {Boolean}` insere CSS para cursor e fadeOut em HTML `<head>` (default: `true`)
- Conteúdo `contenttype {String}`Type `html` ou `null` para o texto de reclamação (default: `html`)

__Eventos globais__:

Mais uma vez, como [Apresentação.js](https://github.com/mattboldt/typed.js#customization)Apresentação de parâmetros `component`

- `ON('typed.onComplete', function(typed, component) {})`
- `ON('typed.preStringTyped', function(pos, typed, component) {})`
- `ON('typed.onStringTyped', function(pos, typed, component) {})`
- `ON('typed.onLastStringBackspaced', function(typed, component) {})`
- `ON('typed.onTypingPaused', function(pos, typed, component) {})`
- `ON('typed.onTypingResumed', function(pos, typed, component) {})`
- `ON('typed.onReset', function(typed, component) {})`
- `ON('typed.onStop', function(pos, typed, component) {})`
- `ON('typed.onStart', function(pos, typed, component) {})`
- `ON('typed.onDestroy', function(typed, component) {})`

Use-o com `<ui-component name="typed">`Quando o componente ainda não está carregado, jComponent Descarrega-o no primeiro uso do endereço `DEF.fallback` (a partir do Componentator CDN por padrão). autor: Denis Granec. fonte: o Componentator Reserva de componentes, licença MIT.

```html example.html
<div style="height:100px">
	<ui-component name="typed" path="messages" config="loop:true" style="white-space:pre"></ui-component>
</div>
<div style="height:50px">
	<ui-component name="typed" path="messages2" config="loop:true;typespeed:100;backspeed:50"></ui-component>
</div>

<script>
	var messages = 'npm install total.js^1000\n`+ <b>total.js@3.1.0</b>` ^1000\n`added <b>1 package</b> from 23 contributors and audited 1 package in <b>1.348s</b>` ^1000\n`found 0 vulnerabilities`';
	var messages2 = ['Hello world!', '<b>Total.js</b> is awesome!', 'jComponent is <b>awesome</b>!', 'Lorem ipsum', 'Lorem dolor'];

	var count = 0;
	ON('typed.onComplete', function(typed, component) {
		if (typed.el.id === 'myconsole') {
			count++;

			if (count === 5)
				typed.loop = false;
		}
	});
</script>
```