35 lines
678 B
JavaScript
35 lines
678 B
JavaScript
import {text, html, fragment} from '../skooma.js'
|
|
import element from "../element.js"
|
|
|
|
element(class FileSize extends HTMLElement {
|
|
static attributes = {file: true}
|
|
|
|
constructor() {
|
|
super()
|
|
this.attachShadow({mode: "open"})
|
|
}
|
|
|
|
connectedCallback() {
|
|
this.update()
|
|
}
|
|
|
|
fileChanged() {
|
|
this.update()
|
|
}
|
|
|
|
cloneChildren(deep=true) {
|
|
return Array.from(this.childNodes).map(node => node.cloneNode(deep))
|
|
}
|
|
|
|
update() {
|
|
if (this.file) {
|
|
fetch(this.file)
|
|
.then(response=>response.arrayBuffer())
|
|
.then(buffer => buffer.byteLength)
|
|
.then(length => {
|
|
this.shadowRoot.replaceChildren(text`${html.slot()} (${length} Bytes unminified)`)
|
|
})
|
|
}
|
|
}
|
|
})
|