0.2.59 • Published 4 months ago
@vandeurenglenn/lite v0.2.59
lite
install
npm i @vandeurenglenn/lite
usage
import { LiteElement, property, query, state, html, css, customElement } from '@vandeurenglenn/lite'
@customElement('some-element')
class SomeElement extends LiteElement {
@property()
accessor items = ['hello', 'world']
render() {
return html`${this.items.map((item) => html`${item}`)}`
}
}
provides/consumes
basic data binding using pubsub
consumes
import { LiteElement, property, html, customElement } from '@vandeurenglenn/lite'
@customElement
class ConsumerEl extends LiteElement {
@property({ consumes: true, type: Array })
accessor items
@property({ consumes: 'someunique-id', type: Boolean })
accessor drawerOpen
render() {
return html`${this.items.map((item) => html`${item}`)}`
}
}
provides
import { LiteElement, property, customElement } from '@vandeurenglenn/lite'
@customElement
class ProviderEl extends LiteElement {
@property({ provides: true })
accessor items = ['hello', 'world']
@property({ provides: 'someunique-id', type: Boolean })
accessor drawerOpen = false
}
onChange
import { LiteElement, property, customElement } from '@vandeurenglenn/lite'
@customElement
class ProviderEl extends LiteElement {
@property({ type: Boolean })
accessor drawerOpen = false
// runs after render
onChange(propertyKey, value) {}
}
willChange
import { LiteElement, property, customElement } from '@vandeurenglenn/lite'
@customElement
class ProviderEl extends LiteElement {
@property({ type: Boolean })
accessor drawerOpen = false
// runs before render
willChange(propertyKey, value) {
return value // always return
}
}
0.2.59
4 months ago
0.2.58
4 months ago
0.2.57
4 months ago
0.2.56
6 months ago
0.2.55
7 months ago
0.2.54
7 months ago
0.2.53
7 months ago
0.2.52
10 months ago
0.2.51
10 months ago
0.2.50
11 months ago
0.2.49
1 year ago
0.2.48
1 year ago
0.2.47
1 year ago
0.2.46
1 year ago
0.2.45
1 year ago
0.2.44
1 year ago
0.2.41
1 year ago
0.2.40
1 year ago
0.2.43
1 year ago
0.2.42
1 year ago
0.2.39
1 year ago
0.2.38
1 year ago
0.2.37
1 year ago
0.2.36
1 year ago
0.2.35
1 year ago
0.2.34
1 year ago
0.2.33
1 year ago
0.2.32
1 year ago
0.2.27
1 year ago
0.2.26
1 year ago
0.2.30
1 year ago
0.2.31
1 year ago
0.2.29
1 year ago
0.2.28
1 year ago
0.2.25
1 year ago
0.2.24
1 year ago
0.2.23
1 year ago
0.2.22
1 year ago
0.2.21
1 year ago
0.2.20
1 year ago
0.2.19
1 year ago
0.2.18
1 year ago
0.2.17
1 year ago
0.2.16
1 year ago
0.2.15
1 year ago
0.2.14
1 year ago
0.2.13
1 year ago
0.2.12
1 year ago
0.2.11
1 year ago
0.2.10
1 year ago
0.2.9
1 year ago
0.2.8
1 year ago
0.2.7
1 year ago
0.2.6
1 year ago
0.2.1
1 year ago
0.2.0
1 year ago
0.1.1
1 year ago
0.2.3
1 year ago
0.2.2
1 year ago
0.2.5
1 year ago
0.2.4
1 year ago
0.1.0
1 year ago