@playcanvas/web-components 0.1.0

package/dist/components/rigidbody-component.d.ts

@@ -0,0 +1,86 @@
+import { RigidBodyComponent, Vec3 } from 'playcanvas';
+import { ComponentElement } from './component';
+/**
+ * Represents a rigidbody component in the PlayCanvas engine.
+ *
+ * @category Components
+ */
+declare class RigidBodyComponentElement extends ComponentElement {
+    /**
+     * The angular damping of the rigidbody.
+     */
+    private _angularDamping;
+    /**
+     * The angular factor of the rigidbody.
+     */
+    private _angularFactor;
+    /**
+     * The friction of the rigidbody.
+     */
+    private _friction;
+    /**
+     * The linear damping of the rigidbody.
+     */
+    private _linearDamping;
+    /**
+     * The linear factor of the rigidbody.
+     */
+    private _linearFactor;
+    /**
+     * The mass of the rigidbody.
+     */
+    private _mass;
+    /**
+     * The restitution of the rigidbody.
+     */
+    private _restitution;
+    /**
+     * The rolling friction of the rigidbody.
+     */
+    private _rollingFriction;
+    /**
+     * The type of the rigidbody.
+     */
+    private _type;
+    /**
+     * Creates a new RigidBodyComponentElement.
+     */
+    constructor();
+    getInitialComponentData(): {
+        angularDamping: number;
+        angularFactor: Vec3;
+        friction: number;
+        linearDamping: number;
+        linearFactor: Vec3;
+        mass: number;
+        restitution: number;
+        rollingFriction: number;
+        type: string;
+    };
+    /**
+     * Gets the collision component.
+     * @returns The collision component.
+     */
+    get component(): RigidBodyComponent | null;
+    set angularDamping(value: number);
+    get angularDamping(): number;
+    set angularFactor(value: Vec3);
+    get angularFactor(): Vec3;
+    set friction(value: number);
+    get friction(): number;
+    set linearDamping(value: number);
+    get linearDamping(): number;
+    set linearFactor(value: Vec3);
+    get linearFactor(): Vec3;
+    set mass(value: number);
+    get mass(): number;
+    set restitution(value: number);
+    get restitution(): number;
+    set rollingFriction(value: number);
+    get rollingFriction(): number;
+    set type(value: string);
+    get type(): string;
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: string, _oldValue: string, newValue: string): void;
+}
+export { RigidBodyComponentElement };

package/dist/components/script-component.d.ts

@@ -0,0 +1,16 @@
+import { ScriptComponent } from 'playcanvas';
+import { ComponentElement } from './component';
+/**
+ * Represents a script component in the PlayCanvas engine.
+ *
+ * @category Components
+ */
+declare class ScriptComponentElement extends ComponentElement {
+    constructor();
+    /**
+     * Gets the script component.
+     * @returns The script component.
+     */
+    get component(): ScriptComponent | null;
+}
+export { ScriptComponentElement };

package/dist/components/script.d.ts

@@ -0,0 +1,35 @@
+import { ScriptComponentElement } from './script-component';
+/**
+ * Represents a script in the PlayCanvas engine.
+ */
+declare class ScriptElement extends HTMLElement {
+    private _attributes;
+    private _enabled;
+    private _name;
+    private _script;
+    connectedCallback(): Promise<void>;
+    disconnectedCallback(): void;
+    refreshAttributes(): void;
+    protected get scriptsElement(): ScriptComponentElement | null;
+    set scriptAttributes(value: string);
+    get scriptAttributes(): string;
+    set enabled(value: boolean);
+    /**
+     * Gets the enabled state of the script.
+     * @returns The enabled state of the script.
+     */
+    get enabled(): boolean;
+    /**
+     * Sets the name of the script to create.
+     * @param value - The name.
+     */
+    set name(value: string);
+    /**
+     * Gets the name of the script.
+     * @returns The name.
+     */
+    get name(): string;
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: string, _oldValue: string, newValue: string): void;
+}
+export { ScriptElement };

package/dist/components/sound-component.d.ts

@@ -0,0 +1,56 @@
+import { SoundComponent } from 'playcanvas';
+import { ComponentElement } from './component';
+/**
+ * Represents a sound component in the PlayCanvas engine.
+ *
+ * @category Components
+ */
+declare class SoundComponentElement extends ComponentElement {
+    private _pitch;
+    private _positional;
+    private _volume;
+    constructor();
+    getInitialComponentData(): {
+        pitch: number;
+        positional: boolean;
+        volume: number;
+    };
+    /**
+     * Gets the sound component.
+     * @returns The sound component.
+     */
+    get component(): SoundComponent | null;
+    /**
+     * Sets the pitch of the sound.
+     * @param value - The pitch.
+     */
+    set pitch(value: number);
+    /**
+     * Gets the pitch of the sound.
+     * @returns The pitch.
+     */
+    get pitch(): number;
+    /**
+     * Sets the positional flag of the sound.
+     * @param value - The positional flag.
+     */
+    set positional(value: boolean);
+    /**
+     * Gets the positional flag of the sound.
+     * @returns The positional flag.
+     */
+    get positional(): boolean;
+    /**
+     * Sets the volume of the sound.
+     * @param value - The volume.
+     */
+    set volume(value: number);
+    /**
+     * Gets the volume of the sound.
+     * @returns The volume.
+     */
+    get volume(): number;
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: string, _oldValue: string, newValue: string): void;
+}
+export { SoundComponentElement };

package/dist/components/sound-slot.d.ts

@@ -0,0 +1,117 @@
+import { SoundSlot } from 'playcanvas';
+import { SoundComponentElement } from './sound-component';
+/**
+ * Represents a sound slot in the PlayCanvas engine.
+ */
+declare class SoundSlotElement extends HTMLElement {
+    private _asset;
+    private _autoPlay;
+    private _duration;
+    private _loop;
+    private _name;
+    private _overlap;
+    private _pitch;
+    private _startTime;
+    private _volume;
+    /**
+     * The sound slot.
+     */
+    soundSlot: SoundSlot | null;
+    getAsset(): import("playcanvas").Asset | null;
+    connectedCallback(): Promise<void>;
+    disconnectedCallback(): void;
+    protected get soundElement(): SoundComponentElement | null;
+    /**
+     * Sets the asset of the sound slot.
+     * @param value - The asset.
+     */
+    set asset(value: string);
+    /**
+     * Gets the asset of the sound slot.
+     * @returns The asset.
+     */
+    get asset(): string;
+    /**
+     * Sets the auto play flag of the sound slot.
+     * @param value - The auto play flag.
+     */
+    set autoPlay(value: boolean);
+    /**
+     * Gets the auto play flag of the sound slot.
+     * @returns The auto play flag.
+     */
+    get autoPlay(): boolean;
+    /**
+     * Sets the duration of the sound slot.
+     * @param value - The duration.
+     */
+    set duration(value: number);
+    /**
+     * Gets the duration of the sound slot.
+     * @returns The duration.
+     */
+    get duration(): number;
+    /**
+     * Sets the loop flag of the sound slot.
+     * @param value - The loop flag.
+     */
+    set loop(value: boolean);
+    /**
+     * Gets the loop flag of the sound slot.
+     * @returns The loop flag.
+     */
+    get loop(): boolean;
+    /**
+     * Sets the name of the sound slot.
+     * @param value - The name.
+     */
+    set name(value: string);
+    /**
+     * Gets the name of the sound slot.
+     * @returns The name.
+     */
+    get name(): string;
+    /**
+     * Sets the overlap flag of the sound slot.
+     * @param value - The overlap flag.
+     */
+    set overlap(value: boolean);
+    /**
+     * Gets the overlap flag of the sound slot.
+     * @returns The overlap flag.
+     */
+    get overlap(): boolean;
+    /**
+     * Sets the pitch of the sound slot.
+     * @param value - The pitch.
+     */
+    set pitch(value: number);
+    /**
+     * Gets the pitch of the sound slot.
+     * @returns The pitch.
+     */
+    get pitch(): number;
+    /**
+     * Sets the start time of the sound slot.
+     * @param value - The start time.
+     */
+    set startTime(value: number);
+    /**
+     * Gets the start time of the sound slot.
+     * @returns The start time.
+     */
+    get startTime(): number;
+    /**
+     * Sets the volume of the sound slot.
+     * @param value - The volume.
+     */
+    set volume(value: number);
+    /**
+     * Gets the volume of the sound slot.
+     * @returns The volume.
+     */
+    get volume(): number;
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: string, _oldValue: string, newValue: string): void;
+}
+export { SoundSlotElement };

package/dist/entity.d.ts

@@ -0,0 +1,99 @@
+import { Entity, Vec3 } from 'playcanvas';
+/**
+ * Represents an entity in the PlayCanvas engine.
+ */
+declare class EntityElement extends HTMLElement {
+    /**
+     * Whether the entity is enabled.
+     */
+    private _enabled;
+    /**
+     * The name of the entity.
+     */
+    private _name;
+    /**
+     * The position of the entity.
+     */
+    private _position;
+    /**
+     * The rotation of the entity.
+     */
+    private _rotation;
+    /**
+     * The scale of the entity.
+     */
+    private _scale;
+    /**
+     * The tags of the entity.
+     */
+    private _tags;
+    /**
+     * The PlayCanvas entity instance.
+     */
+    entity: Entity | null;
+    connectedCallback(): Promise<void>;
+    disconnectedCallback(): void;
+    /**
+     * Sets the enabled state of the entity.
+     * @param value - Whether the entity is enabled.
+     */
+    set enabled(value: boolean);
+    /**
+     * Gets the enabled state of the entity.
+     * @returns Whether the entity is enabled.
+     */
+    get enabled(): boolean;
+    /**
+     * Sets the name of the entity.
+     * @param value - The name of the entity.
+     */
+    set name(value: string);
+    /**
+     * Gets the name of the entity.
+     * @returns The name of the entity.
+     */
+    get name(): string;
+    /**
+     * Sets the position of the entity.
+     * @param value - The position of the entity.
+     */
+    set position(value: Vec3);
+    /**
+     * Gets the position of the entity.
+     * @returns The position of the entity.
+     */
+    get position(): Vec3;
+    /**
+     * Sets the rotation of the entity.
+     * @param value - The rotation of the entity.
+     */
+    set rotation(value: Vec3);
+    /**
+     * Gets the rotation of the entity.
+     * @returns The rotation of the entity.
+     */
+    get rotation(): Vec3;
+    /**
+     * Sets the scale of the entity.
+     * @param value - The scale of the entity.
+     */
+    set scale(value: Vec3);
+    /**
+     * Gets the scale of the entity.
+     * @returns The scale of the entity.
+     */
+    get scale(): Vec3;
+    /**
+     * Sets the tags of the entity.
+     * @param value - The tags of the entity.
+     */
+    set tags(value: string[]);
+    /**
+     * Gets the tags of the entity.
+     * @returns The tags of the entity.
+     */
+    get tags(): string[];
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: string, _oldValue: string, newValue: string): void;
+}
+export { EntityElement };

package/dist/index.d.ts

@@ -0,0 +1,21 @@
+import { ModuleElement } from './module';
+import { AppElement } from './app';
+import { EntityElement } from './entity';
+import { AssetElement } from './asset';
+import { ListenerComponentElement } from './components/listener-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 { GSplatComponentElement } from './components/gsplat-component';
+import { LightComponentElement } from './components/light-component';
+import { RenderComponentElement } from './components/render-component';
+import { RigidBodyComponentElement } from './components/rigidbody-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 { ModelElement } from './model';
+import { SceneElement } from './scene';
+import { SkyElement } from './sky';
+export { ModuleElement, AppElement, EntityElement, AssetElement, CameraComponentElement, CollisionComponentElement, ComponentElement, ElementComponentElement, GSplatComponentElement, LightComponentElement, ListenerComponentElement, RenderComponentElement, RigidBodyComponentElement, ScriptComponentElement, ScriptElement, SoundComponentElement, SoundSlotElement, ModelElement, SceneElement, SkyElement };

package/dist/model.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Represents a model in the PlayCanvas engine.
+ */
+declare class ModelElement extends HTMLElement {
+    private _asset;
+    connectedCallback(): Promise<void>;
+    getAsset(): import("playcanvas").Asset | null;
+    _loadModel(): void;
+    /**
+     * Sets the asset ID of the model.
+     * @param value - The asset ID.
+     */
+    set asset(value: string);
+    /**
+     * Gets the source URL of the model.
+     * @returns The source URL of the model.
+     */
+    get asset(): string;
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: string, _oldValue: string, newValue: string): void;
+}
+export { ModelElement };

package/dist/module.d.ts

@@ -0,0 +1,7 @@
+declare class ModuleElement extends HTMLElement {
+    private loadPromise;
+    constructor();
+    private loadModule;
+    getLoadPromise(): Promise<void>;
+}
+export { ModuleElement };