diff options
Diffstat (limited to 'packages/integrations/lit/src/client.ts')
-rw-r--r-- | packages/integrations/lit/src/client.ts | 38 |
1 files changed, 17 insertions, 21 deletions
diff --git a/packages/integrations/lit/src/client.ts b/packages/integrations/lit/src/client.ts index 00f126e34..fb92ac3df 100644 --- a/packages/integrations/lit/src/client.ts +++ b/packages/integrations/lit/src/client.ts @@ -1,25 +1,21 @@ -export default (element: HTMLElement) => - async ( - Component: any, - props: Record<string, any>, - ) => { - // Get the LitElement element instance (may or may not be upgraded). - const component = element.children[0] as HTMLElement; +export default (element: HTMLElement) => async (Component: any, props: Record<string, any>) => { + // Get the LitElement element instance (may or may not be upgraded). + const component = element.children[0] as HTMLElement; - // If there is no deferral of hydration, then all reactive properties are - // already serialzied as reflected attributes, or no reactive props were set - if (!component || !component.hasAttribute('defer-hydration')) { - return; - } + // If there is no deferral of hydration, then all reactive properties are + // already serialzied as reflected attributes, or no reactive props were set + if (!component || !component.hasAttribute('defer-hydration')) { + return; + } - // Set properties on the LitElement instance for resuming hydration. - for (let [name, value] of Object.entries(props)) { - // Check if reactive property or class property. - if (name in Component.prototype) { - (component as any)[name] = value; - } + // Set properties on the LitElement instance for resuming hydration. + for (let [name, value] of Object.entries(props)) { + // Check if reactive property or class property. + if (name in Component.prototype) { + (component as any)[name] = value; } + } - // Tell LitElement to resume hydration. - component.removeAttribute('defer-hydration'); - }; + // Tell LitElement to resume hydration. + component.removeAttribute('defer-hydration'); +}; |