Sha256: 43d16a6e350979d96164e0f833560289990ebe37df839844a3bfe386cf14530d
Contents?: true
Size: 452 Bytes
Versions: 28
Compression:
Stored size: 452 Bytes
Contents
import { Controller } from "@hotwired/stimulus"
export default class extends Controller {
connect() {
if (!this.loaded) {
this.element.classList.add('transition-opacity', 'duration-500', 'opacity-0')
this.element.addEventListener("load", this.fadeIn.bind(this))
}
}
fadeIn() {
this.element.classList.remove('opacity-0')
}
get loaded() {
return this.element.complete && this.element.naturalHeight !== 0
}
}
Version data entries
28 entries across 28 versions & 1 rubygems