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 12:56:13 -04:00
parent 8161805f24
commit a5ae7c58ba
1 changed files with 15 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -10,7 +10,7 @@ export default class WebAwesomeElement extends LitElement {
@property({ type: Boolean, reflect: true, attribute: 'did-ssr' }) didSSR = isServer || Boolean(this.shadowRoot);
#hasRecordedInitialProperties = true
#hasRecordedInitialProperties = false
// Store the constructor value of all `static properties = {}`
initialReflectedProperties: Map<string, unknown> = new Map();
@@ -30,6 +30,20 @@ export default class WebAwesomeElement extends LitElement {
super.attributeChangedCallback(name, oldValue, newValue)
}
protected willUpdate(changedProperties: Parameters<LitElement["willUpdate"]>[0]): void {
super.willUpdate(changedProperties)
// Run the morph fixing *after* willUpdate.
this.initialReflectedProperties.forEach((value, prop: string & keyof typeof this) => {
// If a prop changes to `null`, we assume this happens via an attribute changing to `null`.
// eslint-disable-next-line
if (changedProperties.has(prop) && this[prop] == null) {
// Silly type gymnastics to appease the compiler.
(this as Record<string, unknown>)[prop] = value;
}
});
}
protected firstUpdated(changedProperties: Parameters<LitElement['firstUpdated']>[0]): void {
super.firstUpdated(changedProperties);