Reposted by Jacob Berglund
I want Custom Attributes to exist - think Custom Elements (Web Components) but Attributes.
I've been working on a proposal, specs, and now a polyfill: www.keithcirkel.co.uk/custom-attri...
More coming soon!
keithcirkel.co.uk
Custom Attributes polyfill
![class IfDash extends HTMLElement {
static observedAttributes = ["("]
_innerHtml = null
connectedCallback() {
this._innerHtml = this.innerHTML
const condition = this.getAttribute("(")
this._setCondition(eval(condition))
}
attributeChangedCallback(name, oldValue, newValue) {
if (this._innerHtml === null) {
return
}
if (name === "(") {
const a = !!eval(oldValue)
const b = !!eval(newValue)
if (a !== b) {
this._setCondition(b)
}
}
}
_setCondition(value) {
this.innerHTML = value ? this._innerHtml : ""
}
}
class ConsoleDash extends HTMLElement {
connectedCallback() {
const log = this.getAttribute("log(")
console.log(log)
}
}
customElements.define("if-", IfDash)
customElements.define("console-", ConsoleDash)](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:jfmbqiqbtriq3jig6g7el2p7/bafkreicqcw4ugectrcy3kkkvufnigzcm5ann5b6pjgxhlqps2lgzatw56m)
