js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 12:09:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix morphing

Browse Source
This commit is contained in:
konnorrogers
2024-09-13 10:57:14 -04:00
parent 0996abd9ad
commit 8161805f24
1 changed files with 13 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/internal/webawesome-element.ts
View File

@@ -10,35 +10,24 @@ export default class WebAwesomeElement extends LitElement {
@property({ type: Boolean, reflect: true, attribute: 'did-ssr' }) didSSR = isServer || Boolean(this.shadowRoot);
#hasRecordedInitialProperties = true
// Store the constructor value of all `static properties = {}`
constructorProperties: Map<string, unknown> = new Map();
initialReflectedProperties: Map<string, unknown> = new Map();
constructor() {
super();
// queueMicrotask so that we wait until any subclasses finish their constructors and *then* we record the initial properties.
queueMicrotask(() => {
(this.constructor as typeof WebAwesomeElement).elementProperties.forEach((obj, prop) => {
// @ts-expect-error Leave me alone.
attributeChangedCallback (name: string, oldValue: string | null, newValue: string | null) {
if (!this.#hasRecordedInitialProperties) {
(this.constructor as typeof WebAwesomeElement).elementProperties.forEach((obj, prop: keyof typeof this & string) => {
// eslint-disable-next-line
if (obj.reflect && this[prop] != null) {
// @ts-expect-error Leave me alone.
this.constructorProperties.set(prop, this[prop]);
this.initialReflectedProperties.set(prop, this[prop]);
}
});
});
}
protected willUpdate(changedProperties: Parameters<LitElement["willUpdate"]>[0]) {
super.willUpdate(changedProperties);
this.constructorProperties.forEach((value, prop) => {
// If a prop changes to `null`, we assume this happens via an attribute changing to `null`.
// @ts-expect-error leave me alone
// eslint-disable-next-line
if (changedProperties.has(prop) && this[prop] == null) {
// @ts-expect-error leave me alone
this[prop] = value;
}
});
})
this.#hasRecordedInitialProperties = true
}
super.attributeChangedCallback(name, oldValue, newValue)
}
protected firstUpdated(changedProperties: Parameters<LitElement['firstUpdated']>[0]): void {