@timmo001/groundwork-ui 0.9.0 → 0.9.2

package/custom-elements.json

@@ -3250,12 +3250,18 @@
               "kind": "field",
               "name": "#lead",
               "privacy": "private",
+              "type": {
+                "text": "HTMLSpanElement"
+              },
               "readonly": true
             },
             {
               "kind": "field",
               "name": "#text",
               "privacy": "private",
+              "type": {
+                "text": "HTMLSpanElement"
+              },
               "readonly": true
             },
             {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@timmo001/groundwork-ui",
-  "version": "0.9.0",
+  "version": "0.9.2",
   "description": "Groundwork's framework-free web components, styled by the --gw-* tokens",
   "license": "Apache-2.0",
   "type": "module",

package/src/gw-button.ts

@@ -366,7 +366,9 @@ export class GwButton extends GwElement {
 
   readonly #swatch = h("span", { class: "swatch", "aria-hidden": "true" });
 
-  readonly #lead = h(
+  // Typed, since inferring through h() and the tag map that holds this
+  // element is circular for consumers that type-check the source
+  readonly #lead: HTMLSpanElement = h(
     "span",
     { class: "lead" },
     this.#icon,
@@ -375,7 +377,7 @@ export class GwButton extends GwElement {
     h("span", { class: "ring" }),
   );
 
-  readonly #text = h("span", { class: "text" }, h("slot"));
+  readonly #text: HTMLSpanElement = h("span", { class: "text" }, h("slot"));
 
   readonly #over = h("span", { class: "ring over" });
 

package/src/on.ts

@@ -12,12 +12,26 @@ export type { GwEventMap } from "./events.js";
 
 type EventTag = keyof GwEventMap;
 
+/**
+ * Each event-firing element's class, by tag. An app only declares the tags it
+ * imports, so the ones it doesn't load are `never` rather than an error.
+ */
+type Loaded = {
+  [T in EventTag]: T extends keyof HTMLElementTagNameMap
+    ? HTMLElementTagNameMap[T]
+    : never;
+};
+
 /** A `gw-` element that fires events of its own. */
-export type GwEventTarget = HTMLElementTagNameMap[EventTag];
+export type GwEventTarget = Loaded[EventTag];
 
 /** The events an element fires, found from the tag its class is defined for. */
 export type GwEventsOf<E extends GwEventTarget> = {
-  [T in EventTag]: E extends HTMLElementTagNameMap[T] ? GwEventMap[T] : never;
+  [T in EventTag]: [Loaded[T]] extends [never]
+    ? never
+    : E extends Loaded[T]
+      ? GwEventMap[T]
+      : never;
 }[EventTag];
 
 /**