@playcanvas/web-components 0.12.0 → 0.13.1

package/dist/index.d.cts

@@ -0,0 +1,79 @@
+/**
+ * The Engine Web Components module provides a set of Web Components for the PlayCanvas Engine.
+ * While these components are normally instantiated in a declarative fashion using HTML, this
+ * reference covers the TypeScript/JavaScript API that allows these components to be created
+ * programmatically.
+ *
+ * @module EngineWebComponents
+ */
+import { AsyncElement, whenReady } from './async-element.cjs';
+import { ModuleElement } from './module.cjs';
+import { AppElement } from './app.cjs';
+import { EntityElement } from './entity.cjs';
+import { AssetElement } from './asset.cjs';
+import { ListenerComponentElement } from './components/listener-component.cjs';
+import { ButtonComponentElement } from './components/button-component.cjs';
+import { CameraComponentElement } from './components/camera-component.cjs';
+import { CollisionComponentElement } from './components/collision-component.cjs';
+import { ComponentElement } from './components/component.cjs';
+import { ElementComponentElement } from './components/element-component.cjs';
+import { LayoutChildComponentElement } from './components/layoutchild-component.cjs';
+import { LayoutGroupComponentElement } from './components/layoutgroup-component.cjs';
+import { LightComponentElement } from './components/light-component.cjs';
+import { ParticleSystemComponentElement } from './components/particlesystem-component.cjs';
+import { RenderComponentElement } from './components/render-component.cjs';
+import { RigidBodyComponentElement } from './components/rigidbody-component.cjs';
+import { ScreenComponentElement } from './components/screen-component.cjs';
+import { ScrollbarComponentElement } from './components/scrollbar-component.cjs';
+import { ScrollViewComponentElement } from './components/scrollview-component.cjs';
+import { ScriptComponentElement } from './components/script-component.cjs';
+import { ScriptElement } from './components/script.cjs';
+import { SoundComponentElement } from './components/sound-component.cjs';
+import { SoundSlotElement } from './components/sound-slot.cjs';
+import { GSplatComponentElement } from './components/gsplat-component.cjs';
+import { EntityBaseElement } from './entity-base.cjs';
+import { MaterialElement } from './material.cjs';
+import { ModelElement } from './model.cjs';
+import { NodeElement } from './node.cjs';
+import { SceneElement } from './scene.cjs';
+import { SkyElement } from './sky.cjs';
+import type { ScriptAttributesChangeEvent, ScriptEnableChangeEvent, ScriptNameChangeEvent } from './components/script-component.cjs';
+declare global {
+    interface HTMLElementEventMap {
+        scriptattributeschange: ScriptAttributesChangeEvent;
+        scriptenablechange: ScriptEnableChangeEvent;
+        scriptnamechange: ScriptNameChangeEvent;
+    }
+    interface HTMLElementTagNameMap {
+        'pc-app': AppElement;
+        'pc-asset': AssetElement;
+        'pc-button': ButtonComponentElement;
+        'pc-camera': CameraComponentElement;
+        'pc-collision': CollisionComponentElement;
+        'pc-element': ElementComponentElement;
+        'pc-entity': EntityElement;
+        'pc-gsplat': GSplatComponentElement;
+        'pc-layoutchild': LayoutChildComponentElement;
+        'pc-layoutgroup': LayoutGroupComponentElement;
+        'pc-light': LightComponentElement;
+        'pc-listener': ListenerComponentElement;
+        'pc-material': MaterialElement;
+        'pc-model': ModelElement;
+        'pc-module': ModuleElement;
+        'pc-node': NodeElement;
+        'pc-particles': ParticleSystemComponentElement;
+        'pc-render': RenderComponentElement;
+        'pc-rigidbody': RigidBodyComponentElement;
+        'pc-scene': SceneElement;
+        'pc-screen': ScreenComponentElement;
+        'pc-script': ScriptElement;
+        'pc-scripts': ScriptComponentElement;
+        'pc-scrollbar': ScrollbarComponentElement;
+        'pc-scrollview': ScrollViewComponentElement;
+        'pc-sky': SkyElement;
+        'pc-sound': SoundSlotElement;
+        'pc-sounds': SoundComponentElement;
+    }
+}
+export { AsyncElement, ModuleElement, AppElement, EntityElement, AssetElement, ButtonComponentElement, CameraComponentElement, CollisionComponentElement, ComponentElement, ElementComponentElement, LayoutChildComponentElement, LayoutGroupComponentElement, ParticleSystemComponentElement, LightComponentElement, ListenerComponentElement, RenderComponentElement, RigidBodyComponentElement, ScreenComponentElement, ScrollbarComponentElement, ScrollViewComponentElement, ScriptComponentElement, ScriptElement, SoundComponentElement, SoundSlotElement, GSplatComponentElement, EntityBaseElement, MaterialElement, ModelElement, NodeElement, SceneElement, SkyElement, whenReady };
+export type { AsyncElementTagName } from './async-element.cjs';

package/dist/index.d.ts

@@ -6,38 +6,38 @@
  *
  * @module EngineWebComponents
  */
-import { AsyncElement, whenReady } from './async-element';
-import { ModuleElement } from './module';
-import { AppElement } from './app';
-import { EntityElement } from './entity';
-import { AssetElement } from './asset';
-import { ListenerComponentElement } from './components/listener-component';
-import { ButtonComponentElement } from './components/button-component';
-import { CameraComponentElement } from './components/camera-component';
-import { CollisionComponentElement } from './components/collision-component';
-import { ComponentElement } from './components/component';
-import { ElementComponentElement } from './components/element-component';
-import { LayoutChildComponentElement } from './components/layoutchild-component';
-import { LayoutGroupComponentElement } from './components/layoutgroup-component';
-import { LightComponentElement } from './components/light-component';
-import { ParticleSystemComponentElement } from './components/particlesystem-component';
-import { RenderComponentElement } from './components/render-component';
-import { RigidBodyComponentElement } from './components/rigidbody-component';
-import { ScreenComponentElement } from './components/screen-component';
-import { ScrollbarComponentElement } from './components/scrollbar-component';
-import { ScrollViewComponentElement } from './components/scrollview-component';
-import { ScriptComponentElement } from './components/script-component';
-import { ScriptElement } from './components/script';
-import { SoundComponentElement } from './components/sound-component';
-import { SoundSlotElement } from './components/sound-slot';
-import { GSplatComponentElement } from './components/gsplat-component';
-import { EntityBaseElement } from './entity-base';
-import { MaterialElement } from './material';
-import { ModelElement } from './model';
-import { NodeElement } from './node';
-import { SceneElement } from './scene';
-import { SkyElement } from './sky';
-import type { ScriptAttributesChangeEvent, ScriptEnableChangeEvent, ScriptNameChangeEvent } from './components/script-component';
+import { AsyncElement, whenReady } from './async-element.js';
+import { ModuleElement } from './module.js';
+import { AppElement } from './app.js';
+import { EntityElement } from './entity.js';
+import { AssetElement } from './asset.js';
+import { ListenerComponentElement } from './components/listener-component.js';
+import { ButtonComponentElement } from './components/button-component.js';
+import { CameraComponentElement } from './components/camera-component.js';
+import { CollisionComponentElement } from './components/collision-component.js';
+import { ComponentElement } from './components/component.js';
+import { ElementComponentElement } from './components/element-component.js';
+import { LayoutChildComponentElement } from './components/layoutchild-component.js';
+import { LayoutGroupComponentElement } from './components/layoutgroup-component.js';
+import { LightComponentElement } from './components/light-component.js';
+import { ParticleSystemComponentElement } from './components/particlesystem-component.js';
+import { RenderComponentElement } from './components/render-component.js';
+import { RigidBodyComponentElement } from './components/rigidbody-component.js';
+import { ScreenComponentElement } from './components/screen-component.js';
+import { ScrollbarComponentElement } from './components/scrollbar-component.js';
+import { ScrollViewComponentElement } from './components/scrollview-component.js';
+import { ScriptComponentElement } from './components/script-component.js';
+import { ScriptElement } from './components/script.js';
+import { SoundComponentElement } from './components/sound-component.js';
+import { SoundSlotElement } from './components/sound-slot.js';
+import { GSplatComponentElement } from './components/gsplat-component.js';
+import { EntityBaseElement } from './entity-base.js';
+import { MaterialElement } from './material.js';
+import { ModelElement } from './model.js';
+import { NodeElement } from './node.js';
+import { SceneElement } from './scene.js';
+import { SkyElement } from './sky.js';
+import type { ScriptAttributesChangeEvent, ScriptEnableChangeEvent, ScriptNameChangeEvent } from './components/script-component.js';
 declare global {
     interface HTMLElementEventMap {
         scriptattributeschange: ScriptAttributesChangeEvent;
@@ -76,4 +76,4 @@ declare global {
     }
 }
 export { AsyncElement, ModuleElement, AppElement, EntityElement, AssetElement, ButtonComponentElement, CameraComponentElement, CollisionComponentElement, ComponentElement, ElementComponentElement, LayoutChildComponentElement, LayoutGroupComponentElement, ParticleSystemComponentElement, LightComponentElement, ListenerComponentElement, RenderComponentElement, RigidBodyComponentElement, ScreenComponentElement, ScrollbarComponentElement, ScrollViewComponentElement, ScriptComponentElement, ScriptElement, SoundComponentElement, SoundSlotElement, GSplatComponentElement, EntityBaseElement, MaterialElement, ModelElement, NodeElement, SceneElement, SkyElement, whenReady };
-export type { AsyncElementTagName } from './async-element';
+export type { AsyncElementTagName } from './async-element.js';

package/dist/loading-bar.d.cts

@@ -0,0 +1,35 @@
+/**
+ * The slim progress bar `<pc-app>` shows while it boots and preloads. An implementation detail of
+ * AppElement rather than a custom element, so its shape can change without a breaking change.
+ *
+ * All styling is inline, so the library injects no stylesheet. The colors and height resolve CSS
+ * custom properties — `--pc-loading-bar-color`, `--pc-loading-bar-background` and
+ * `--pc-loading-bar-height` — so a page can theme the bar from `pc-app` or `:root`.
+ */
+declare class LoadingBar {
+    private _track;
+    private _fill;
+    private _sweep;
+    private _removal;
+    /**
+     * Creates the bar and appends it to `parent`, starting in the indeterminate state.
+     * @param parent - The element to append the bar to.
+     */
+    constructor(parent: HTMLElement);
+    /**
+     * Reflects preload progress, switching the bar from indeterminate to determinate on the first
+     * call.
+     * @param loaded - The number of assets that have finished loading.
+     * @param total - The number of assets being preloaded.
+     */
+    progress(loaded: number, total: number): void;
+    /**
+     * Fills the bar, fades it out and removes it. Idempotent.
+     */
+    complete(): void;
+    /**
+     * Removes the bar immediately, cancelling any pending fade. Idempotent.
+     */
+    destroy(): void;
+}
+export { LoadingBar };