1.0.0-beta.29 • Published 2 years ago
diffhtml-middleware-inline-transitions v1.0.0-beta.29
<±/> diffHTML Inline Transitions Middleware
Stable Version: 1.0.0-beta.29
Tiny module to support binding/unbinding declarative diffHTML transition hooks.
Installation
npm install diffhtml-middleware-inline-transitions
Use
import { use } from 'diffhtml';
import inlineTransitions from 'diffhtml-middleware-inline-transitions';
use(inlineTransitions());
Example
Apply to an element by passing the function to the associated state name:
import $ from 'jquery';
import { innerHTML, html, use } from 'diffhtml';
import inlineTransitions from 'diffhtml-middleware-inline-transitions';
// Enable the monitoring of attributes for changes.
use(inlineTransitions());
// Use jQuery to return a promise and fade in the body and paragraph.
function fadeIn(body, domNode) {
return $(domNode).fadeOut(0).fadeIn(1000).promise();
}
innerHTML(document.body, html`<body onattached=${fadeIn}>
<p>Watch me fade in slowly!</p>
</body>`);
Full events and args list:
Event Name | Args |
---|---|
onattached | (eventTarget, domNode) |
ondetached | (eventTarget, domNode) |
onreplaced | (eventTarget, oldNode, newNode) |
onattributechanged | (eventTarget, oldNode, attributeName, oldValue, newValue) |
ontextchanged | (eventTarget, oldNode, oldValue, newValue) |
1.0.0-beta.29
2 years ago
1.0.0-beta.28
2 years ago
1.0.0-beta.26
2 years ago
1.0.0-beta.27
2 years ago
1.0.0-beta.24
2 years ago
1.0.0-beta.25
2 years ago
1.0.0-beta.22
2 years ago
1.0.0-beta.23
2 years ago
1.0.0-beta.21
2 years ago
1.0.0-beta.20
3 years ago
1.0.0-beta.19
3 years ago
1.0.0-beta.18
4 years ago
1.0.0-beta.17
4 years ago
1.0.0-beta.16
4 years ago
1.0.0-beta.15
4 years ago
1.0.0-beta.14
4 years ago
1.0.0-beta.13
4 years ago
1.0.0-beta.12
4 years ago
1.0.0-beta.11
4 years ago
1.0.0-beta.9
7 years ago
1.0.0-beta.8
7 years ago
1.0.0-beta.7
7 years ago
1.0.0-beta.6
7 years ago
1.0.0-beta.5
7 years ago
1.0.0-beta.4
7 years ago
1.0.0-beta.3
7 years ago
1.0.0-beta.2
7 years ago
1.0.0-beta.1
7 years ago
1.0.0-beta
7 years ago