@easemate/web-kit 0.2.0 → 0.3.0

package/build/{elements/monitor/index.d.ts → index-31iOHBv0.d.cts}

@@ -1,6 +1,26 @@
-import type { MonitorFpsDetail } from "./fps.js";
-import { type TemplateResult } from 'lit-html';
-import "./fps.js";
+import { TemplateResult } from 'lit-html';
+
+type MonitorFpsDetail = {
+    fps: number | null;
+    refreshRate: number | null;
+    frameTimeAvg: number | null;
+    frameTimeP95: number | null;
+    frameTimeMax: number | null;
+    droppedFrames: number;
+    jankFrames: number;
+    longFrames: number;
+};
+declare class MonitorFps extends HTMLElement {
+    #private;
+    requestRender: () => void;
+    accessor paused: boolean;
+    accessor canvasEl: HTMLCanvasElement | null;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    afterRender(): void;
+    render(): TemplateResult;
+}
+
 type CoreWebVitals = {
     LCP: number | null;
     INP: number | null;
@@ -69,7 +89,7 @@ declare global {
         };
     }
 }
-export declare class Monitor extends HTMLElement {
+declare class Monitor extends HTMLElement {
     requestRender: () => void;
     accessor metrics: PerformanceMetrics;
     accessor network: ConnectionInfo;
@@ -109,4 +129,5 @@ export declare class Monitor extends HTMLElement {
     private renderNetworkInfo;
     private renderResources;
 }
-export {};
+
+export { Monitor as M, MonitorFps as a };

package/build/{elements/monitor/index.d.cts → index-31iOHBv0.d.ts}

@@ -1,6 +1,26 @@
-import type { MonitorFpsDetail } from "./fps.cjs";
-import { type TemplateResult } from 'lit-html';
-import "./fps.cjs";
+import { TemplateResult } from 'lit-html';
+
+type MonitorFpsDetail = {
+    fps: number | null;
+    refreshRate: number | null;
+    frameTimeAvg: number | null;
+    frameTimeP95: number | null;
+    frameTimeMax: number | null;
+    droppedFrames: number;
+    jankFrames: number;
+    longFrames: number;
+};
+declare class MonitorFps extends HTMLElement {
+    #private;
+    requestRender: () => void;
+    accessor paused: boolean;
+    accessor canvasEl: HTMLCanvasElement | null;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    afterRender(): void;
+    render(): TemplateResult;
+}
+
 type CoreWebVitals = {
     LCP: number | null;
     INP: number | null;
@@ -69,7 +89,7 @@ declare global {
         };
     }
 }
-export declare class Monitor extends HTMLElement {
+declare class Monitor extends HTMLElement {
     requestRender: () => void;
     accessor metrics: PerformanceMetrics;
     accessor network: ConnectionInfo;
@@ -109,4 +129,5 @@ export declare class Monitor extends HTMLElement {
     private renderNetworkInfo;
     private renderResources;
 }
-export {};
+
+export { Monitor as M, MonitorFps as a };

package/build/{elements/panel/index.d.cts → index-NzGpn7ai.d.cts}

@@ -1,8 +1,9 @@
-import { type TemplateResult } from 'lit-html';
+import { TemplateResult } from 'lit-html';
+
 /**
  * Event detail for tab change events
  */
-export interface TabChangeEventDetail {
+interface TabChangeEventDetail {
     /** The index of the active tab */
     index: number;
     /** The tab id */
@@ -37,7 +38,7 @@ export interface TabChangeEventDetail {
  *
  * @fires tab-change - Fired when the active tab changes
  */
-export declare class Panel extends HTMLElement {
+declare class Panel extends HTMLElement {
     #private;
     requestRender: () => void;
     accessor activeTab: number;
@@ -65,3 +66,5 @@ export declare class Panel extends HTMLElement {
     onDefaultSlotChange(): void;
     private updateFooterAttribute;
 }
+
+export { Panel as P, type TabChangeEventDetail as T };

package/build/{elements/panel/index.d.ts → index-NzGpn7ai.d.ts}

@@ -1,8 +1,9 @@
-import { type TemplateResult } from 'lit-html';
+import { TemplateResult } from 'lit-html';
+
 /**
  * Event detail for tab change events
  */
-export interface TabChangeEventDetail {
+interface TabChangeEventDetail {
     /** The index of the active tab */
     index: number;
     /** The tab id */
@@ -37,7 +38,7 @@ export interface TabChangeEventDetail {
  *
  * @fires tab-change - Fired when the active tab changes
  */
-export declare class Panel extends HTMLElement {
+declare class Panel extends HTMLElement {
     #private;
     requestRender: () => void;
     accessor activeTab: number;
@@ -65,3 +66,5 @@ export declare class Panel extends HTMLElement {
     onDefaultSlotChange(): void;
     private updateFooterAttribute;
 }
+
+export { Panel as P, type TabChangeEventDetail as T };

package/build/{elements/state/index.d.ts → index-qZoNKsHn.d.cts}

@@ -1,5 +1,45 @@
-import { type TemplateResult } from 'lit-html';
-import { type ControlEventDetail } from "../shared.js";
+import { TemplateResult } from 'lit-html';
+
+/**
+ * Standard control event detail interface for Leva/lil-gui style state aggregation.
+ * All control components should dispatch events with this shape.
+ */
+interface ControlEventDetail<TValue = unknown> {
+    /** The control's name/identifier for state aggregation */
+    name?: string;
+    /** The current value of the control */
+    value: TValue;
+    /** The original DOM event that triggered this change */
+    event: Event;
+}
+/** The standard event type for control value changes */
+declare const CONTROL_CHANGE_EVENT = "control-change";
+/**
+ * Dispatch a control change event with standard shape.
+ * Events bubble and are composed (cross shadow DOM boundaries).
+ *
+ * @param host - The element dispatching the event
+ * @param type - Event type (prefer CONTROL_CHANGE_EVENT for standard controls)
+ * @param detail - Event detail with value and optional name
+ *
+ * @example
+ * ```ts
+ * dispatchControlEvent(this, CONTROL_CHANGE_EVENT, {
+ *   name: this.name,
+ *   value: this.value,
+ *   event: e
+ * });
+ * ```
+ */
+declare const dispatchControlEvent: <THost extends HTMLElement, TValue>(host: THost, type: string, detail: ControlEventDetail<TValue>) => void;
+declare const setBooleanAttribute: (element: Element | null | undefined, name: string, value: boolean) => void;
+declare const coerceNumber: (value: string) => number | null;
+type ControlElement = Element & {
+    value?: unknown;
+    checked?: unknown;
+};
+declare const readControlValue: (element: ControlElement) => string | null;
+
 type StateChangeCallback<T = unknown> = (value: T, name: string) => void;
 type StateSubscription = {
     unsubscribe: () => void;
@@ -7,7 +47,7 @@ type StateSubscription = {
 /**
  * Event detail for state change events
  */
-export interface StateChangeEventDetail {
+interface StateChangeEventDetail {
     /** The name of the control that changed */
     name: string;
     /** The new value */
@@ -52,7 +92,7 @@ export interface StateChangeEventDetail {
  * </ease-panel>
  * ```
  */
-export declare class State extends HTMLElement {
+declare class State extends HTMLElement {
     #private;
     requestRender: () => void;
     accessor value: string | null;
@@ -92,4 +132,5 @@ export declare class State extends HTMLElement {
     handleInternalChange(event: CustomEvent<ControlEventDetail>): void;
     handleControlChange(event: CustomEvent<ControlEventDetail>): void;
 }
-export {};
+
+export { type ControlEventDetail as C, type StateChangeEventDetail as S, CONTROL_CHANGE_EVENT as a, State as b, coerceNumber as c, dispatchControlEvent as d, readControlValue as r, setBooleanAttribute as s };

package/build/{elements/state/index.d.cts → index-qZoNKsHn.d.ts}

@@ -1,5 +1,45 @@
-import { type TemplateResult } from 'lit-html';
-import { type ControlEventDetail } from "../shared.cjs";
+import { TemplateResult } from 'lit-html';
+
+/**
+ * Standard control event detail interface for Leva/lil-gui style state aggregation.
+ * All control components should dispatch events with this shape.
+ */
+interface ControlEventDetail<TValue = unknown> {
+    /** The control's name/identifier for state aggregation */
+    name?: string;
+    /** The current value of the control */
+    value: TValue;
+    /** The original DOM event that triggered this change */
+    event: Event;
+}
+/** The standard event type for control value changes */
+declare const CONTROL_CHANGE_EVENT = "control-change";
+/**
+ * Dispatch a control change event with standard shape.
+ * Events bubble and are composed (cross shadow DOM boundaries).
+ *
+ * @param host - The element dispatching the event
+ * @param type - Event type (prefer CONTROL_CHANGE_EVENT for standard controls)
+ * @param detail - Event detail with value and optional name
+ *
+ * @example
+ * ```ts
+ * dispatchControlEvent(this, CONTROL_CHANGE_EVENT, {
+ *   name: this.name,
+ *   value: this.value,
+ *   event: e
+ * });
+ * ```
+ */
+declare const dispatchControlEvent: <THost extends HTMLElement, TValue>(host: THost, type: string, detail: ControlEventDetail<TValue>) => void;
+declare const setBooleanAttribute: (element: Element | null | undefined, name: string, value: boolean) => void;
+declare const coerceNumber: (value: string) => number | null;
+type ControlElement = Element & {
+    value?: unknown;
+    checked?: unknown;
+};
+declare const readControlValue: (element: ControlElement) => string | null;
+
 type StateChangeCallback<T = unknown> = (value: T, name: string) => void;
 type StateSubscription = {
     unsubscribe: () => void;
@@ -7,7 +47,7 @@ type StateSubscription = {
 /**
  * Event detail for state change events
  */
-export interface StateChangeEventDetail {
+interface StateChangeEventDetail {
     /** The name of the control that changed */
     name: string;
     /** The new value */
@@ -52,7 +92,7 @@ export interface StateChangeEventDetail {
  * </ease-panel>
  * ```
  */
-export declare class State extends HTMLElement {
+declare class State extends HTMLElement {
     #private;
     requestRender: () => void;
     accessor value: string | null;
@@ -92,4 +132,5 @@ export declare class State extends HTMLElement {
     handleInternalChange(event: CustomEvent<ControlEventDetail>): void;
     handleControlChange(event: CustomEvent<ControlEventDetail>): void;
 }
-export {};
+
+export { type ControlEventDetail as C, type StateChangeEventDetail as S, CONTROL_CHANGE_EVENT as a, State as b, coerceNumber as c, dispatchControlEvent as d, readControlValue as r, setBooleanAttribute as s };