From 7138320ac0bf93e0ac3e65649ee7046748610a2c Mon Sep 17 00:00:00 2001 From: Danny McGee Date: Wed, 6 Mar 2024 21:37:40 -0500 Subject: [PATCH] Cleanup --- studio-ui/src/lib/overlay-provider.element.ts | 27 ++++++++++--------- 1 file changed, 15 insertions(+), 12 deletions(-) diff --git a/studio-ui/src/lib/overlay-provider.element.ts b/studio-ui/src/lib/overlay-provider.element.ts index 78d13e8..878610b 100644 --- a/studio-ui/src/lib/overlay-provider.element.ts +++ b/studio-ui/src/lib/overlay-provider.element.ts @@ -6,6 +6,15 @@ import { styleMap } from "lit/directives/style-map.js"; export const OVERLAY_PROVIDER = UniqueToken.create(); +// TODO: Document this +export interface OverlayProvider { + attach(host: LitElement, template: TemplateResult): WeakRef; + detach(handle: WeakRef): void; + reRender(handle: WeakRef): void; +} + + +// TODO: Document this export interface OverlayHandle { readonly id: number; } @@ -22,12 +31,6 @@ class OverlayHandleInternal implements OverlayHandle { } } -export interface OverlayProvider { - attach(receiver: LitElement, template: TemplateResult): WeakRef; - detach(handle: WeakRef): void; - reRender(handle: WeakRef): void; -} - @customElement("sts-overlay-provider") @provide(OVERLAY_PROVIDER) export class OverlayProviderElement @@ -39,7 +42,7 @@ export class OverlayProviderElement #containerTemplates: TemplateResult[] = []; #templates: [LitElement, TemplateResult][] = []; - attach(receiver: LitElement, template: TemplateResult): WeakRef { + attach(host: LitElement, template: TemplateResult): WeakRef { const index = this.#templates.length; const handle = new OverlayHandleInternal(index); @@ -55,7 +58,7 @@ export class OverlayProviderElement })} > `); - this.#templates.push([receiver, template]); + this.#templates.push([host, template]); this.#updateLightDom(); @@ -87,8 +90,8 @@ export class OverlayProviderElement const tuple = this.#templates[index]; if (!tuple) return; - const [receiver, template] = tuple; - render(template, container, { host: receiver }); + const [host, template] = tuple; + render(template, container, { host }); } #updateLightDom(): void { @@ -98,8 +101,8 @@ export class OverlayProviderElement const container = this.#containerRefs[i].value; if (!container) throw new Error("Attempted to retrieve an invalid container ref!"); - const [receiver, template] = this.#templates[i]; - render(template, container, { host: receiver }); + const [host, template] = this.#templates[i]; + render(template, container, { host }); } }