# j-Typed

> Η Config είναι η ίδια [Ετικέτες.js](https://github.com/mattboldt/typed.js#customization)Η μόνη διαφορά είναι ότι όλα τα κλειδιά είναι χαμηλότερα. αυτό είναι να διατηρηθεί η συνοχή με άλλα συστατικά.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: el
Content-SHA256: 718d28cc829a28c460dc04b38b45d24915059118e1dadddd872fccb7405afc3d
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

- Με βάση το [Ετικέτες.js](https://github.com/mattboldt/typed.js/) Με [ΜΑΤ ΒΟΛΔ](https://github.com/mattboldt)
- Η αξία πρέπει να είναι _array_


__ΕΠΙΤΡΟΦΗ__:

Η Config είναι η ίδια [Ετικέτες.js](https://github.com/mattboldt/typed.js#customization)Η μόνη διαφορά είναι ότι όλα τα κλειδιά είναι χαμηλότερα. Αυτό είναι να διατηρηθεί η συνοχή με άλλα συστατικά. `id`

- __NEW__: Το `selector {String}` μπορεί να περιέχει ένα στοιχείο για την αναπαραγωγή κειμένου
- __NEW__: `text {String}` στη φόρμα `Text 1|Text 2|Text 3|Text N` διαφορετικά το κείμενο φορτώνεται σύμφωνα με το `path`
- `typespeed {Number}` σε δισεκατομμύρια δευτερόλεπτα (προεπιλογή: `0`)
- `startdelay {Number}` σε δισεκατομμύρια δευτερόλεπτα (προεπιλογή: `0`)
- `backspeed {Number}` σε δισεκατομμύρια δευτερόλεπτα (προεπιλογή: `0`)
- `smartbackspace {Boolean}` αυτό θα απομακρύνει μόνο τις λέξεις μετά από "Αυτό είναι ένα" (προεπιλεγμένο: `true`)
- `shuffle {Boolean}` shuffle των αλυσίδων (προεπιλεγμένο: `true`)
- Χρόνος `backdelay {String}` πριν από το backspacing (προεπιλεγμένο: `700`)
- Το `fadeout {Boolean}` εκκενώνεται αντί για το πίσω χώρο (προεπιλεγμένο: `false`)
- `fadeoutclass {String}` κλάση css για την αναμόρφωση (προεπιλεγμένη: `typed-fade-out`)
- `fadeoutdelay {Number}` καθυστέρηση σε δισεκατομμύρια δευτερόλεπτα (προεπιλογή: `500`)
- Σύνδεσμοι στροφής `loop {Boolean}` (προεπιλεγμένο: `false`)
- `loopcount {String/Number}` ποσότητα λουλουδιών (προεπιλεγμένη: `Infinity`)
- `showcursor {Boolean}` δείκτη (προεπιλεγμένο: `true`)
- `cursorchar {String}` χαρακτήρας κούκλες (προεπιλεγμένο: `|`)
- `autoinsertcss {Boolean}` εισάγει CSS για το cursor και fadeOut στο HTML `<head>` (προεπιλεγμένο: `true`)
- `contenttype {String}` περιεχόμενοType `html` ή `null` για το κείμενο (προεπιλεγμένο: `html`)

__Παγκόσμια γεγονότα__:

Και πάλι, όπως [Ετικέτες.js](https://github.com/mattboldt/typed.js#customization)Προσθήκη παραμέτρων `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) {})`

Χρησιμοποιήστε το με `<ui-component name="typed">`Όταν το στοιχείο δεν έχει φορτωθεί ακόμα, jComponent Κατεβάστε το για πρώτη φορά από τη διεύθυνση `DEF.fallback` (Η Componentator Συγγραφέας: Denis Granec. Πηγή: The Componentator Ετικέτες Αξιολόγηση, 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>
```