@playcanvas/web-components 0.3.0 → 0.6.0

package/src/utils.ts

@@ -1,71 +1,71 @@
-import { Color, Quat, Vec2, Vec3, Vec4 } from 'playcanvas';
-
-import { CSS_COLORS } from './colors';
-
-/**
- * Parse a color string into a Color object. String can be in the format of '#rgb', '#rgba',
- * '#rrggbb', '#rrggbbaa', or a string of 3 or 4 comma-delimited numbers.
- *
- * @param value - The color string to parse.
- * @returns The parsed Color object.
- */
-export const parseColor = (value: string): Color => {
-    // Check if it's a CSS color name first
-    const hexColor = CSS_COLORS[value.toLowerCase()];
-    if (hexColor) {
-        return new Color().fromString(hexColor);
-    }
-
-    if (value.startsWith('#')) {
-        return new Color().fromString(value);
-    }
-
-    const components = value.split(' ').map(Number);
-    return new Color(components);
-};
-
-/**
- * Parse an Euler angles string into a Quat object. String can be in the format of 'x,y,z'.
- *
- * @param value - The Euler angles string to parse.
- * @returns The parsed Quat object.
- */
-export const parseQuat = (value: string): Quat => {
-    const [x, y, z] = value.split(' ').map(Number);
-    const q = new Quat();
-    q.setFromEulerAngles(x, y, z);
-    return q;
-};
-
-/**
- * Parse a Vec2 string into a Vec2 object. String can be in the format of 'x,y'.
- *
- * @param value - The Vec2 string to parse.
- * @returns The parsed Vec2 object.
- */
-export const parseVec2 = (value: string): Vec2 => {
-    const components = value.split(' ').map(Number);
-    return new Vec2(components);
-};
-
-/**
- * Parse a Vec3 string into a Vec3 object. String can be in the format of 'x,y,z'.
- *
- * @param value - The Vec3 string to parse.
- * @returns The parsed Vec3 object.
- */
-export const parseVec3 = (value: string): Vec3 => {
-    const components = value.split(' ').map(Number);
-    return new Vec3(components);
-};
-
-/**
- * Parse a Vec4 string into a Vec4 object. String can be in the format of 'x,y,z,w'.
- *
- * @param value - The Vec4 string to parse.
- * @returns The parsed Vec4 object.
- */
-export const parseVec4 = (value: string): Vec4 => {
-    const components = value.split(' ').map(Number);
-    return new Vec4(components);
-};
+import { Color, Quat, Vec2, Vec3, Vec4 } from 'playcanvas';
+
+import { CSS_COLORS } from './colors';
+
+/**
+ * Parse a color string into a Color object. String can be in the format of '#rgb', '#rgba',
+ * '#rrggbb', '#rrggbbaa', or a string of 3 or 4 comma-delimited numbers.
+ *
+ * @param value - The color string to parse.
+ * @returns The parsed Color object.
+ */
+export const parseColor = (value: string): Color => {
+    // Check if it's a CSS color name first
+    const hexColor = CSS_COLORS[value.toLowerCase()];
+    if (hexColor) {
+        return new Color().fromString(hexColor);
+    }
+
+    if (value.startsWith('#')) {
+        return new Color().fromString(value);
+    }
+
+    const components = value.split(' ').map(Number);
+    return new Color(components);
+};
+
+/**
+ * Parse an Euler angles string into a Quat object. String can be in the format of 'x,y,z'.
+ *
+ * @param value - The Euler angles string to parse.
+ * @returns The parsed Quat object.
+ */
+export const parseQuat = (value: string): Quat => {
+    const [x, y, z] = value.split(' ').map(Number);
+    const q = new Quat();
+    q.setFromEulerAngles(x, y, z);
+    return q;
+};
+
+/**
+ * Parse a Vec2 string into a Vec2 object. String can be in the format of 'x,y'.
+ *
+ * @param value - The Vec2 string to parse.
+ * @returns The parsed Vec2 object.
+ */
+export const parseVec2 = (value: string): Vec2 => {
+    const components = value.split(' ').map(Number);
+    return new Vec2(components);
+};
+
+/**
+ * Parse a Vec3 string into a Vec3 object. String can be in the format of 'x,y,z'.
+ *
+ * @param value - The Vec3 string to parse.
+ * @returns The parsed Vec3 object.
+ */
+export const parseVec3 = (value: string): Vec3 => {
+    const components = value.split(' ').map(Number);
+    return new Vec3(components);
+};
+
+/**
+ * Parse a Vec4 string into a Vec4 object. String can be in the format of 'x,y,z,w'.
+ *
+ * @param value - The Vec4 string to parse.
+ * @returns The parsed Vec4 object.
+ */
+export const parseVec4 = (value: string): Vec4 => {
+    const components = value.split(' ').map(Number);
+    return new Vec4(components);
+};

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

@@ -1,61 +0,0 @@
-import { GSplatComponent } from 'playcanvas';
-import { ComponentElement } from './component';
-/**
- * The SplatComponentElement interface provides properties and methods for manipulating
- * {@link https://developer.playcanvas.com/user-manual/web-components/tags/pc-splat/ | `<pc-splat>`} elements.
- * The SplatComponentElement interface also inherits the properties and methods of the
- * {@link HTMLElement} interface.
- *
- * @category Components
- */
-declare class SplatComponentElement extends ComponentElement {
-    private _asset;
-    private _castShadows;
-    private _unified;
-    /** @ignore */
-    constructor();
-    getInitialComponentData(): {
-        asset: import("playcanvas").Asset | null | undefined;
-        castShadows: boolean;
-        unified: boolean;
-    };
-    /**
-     * Gets the underlying PlayCanvas splat component.
-     * @returns The splat component.
-     */
-    get component(): GSplatComponent | null;
-    /**
-     * Sets id of the `pc-asset` to use for the splat.
-     * @param value - The asset ID.
-     */
-    set asset(value: string);
-    /**
-     * Gets the id of the `pc-asset` to use for the splat.
-     * @returns The asset ID.
-     */
-    get asset(): string;
-    /**
-     * Sets whether the splat casts shadows.
-     * @param value - Whether the splat casts shadows.
-     */
-    set castShadows(value: boolean);
-    /**
-     * Gets whether the splat casts shadows.
-     * @returns Whether the splat casts shadows.
-     */
-    get castShadows(): boolean;
-    /**
-     * Sets whether the splat supports global sorting and LOD streaming. This property can only be
-     * changed when the component is disabled.
-     * @param value - Whether the splat supports global sorting and LOD streaming.
-     */
-    set unified(value: boolean);
-    /**
-     * Gets whether the splat supports global sorting and LOD streaming.
-     * @returns Whether the splat supports global sorting and LOD streaming.
-     */
-    get unified(): boolean;
-    static get observedAttributes(): string[];
-    attributeChangedCallback(name: string, _oldValue: string, newValue: string): void;
-}
-export { SplatComponentElement };

package/src/components/splat-component.ts

@@ -1,133 +0,0 @@
-import { GSplatComponent } from 'playcanvas';
-
-import { ComponentElement } from './component';
-import { AssetElement } from '../asset';
-
-/**
- * The SplatComponentElement interface provides properties and methods for manipulating
- * {@link https://developer.playcanvas.com/user-manual/web-components/tags/pc-splat/ | `<pc-splat>`} elements.
- * The SplatComponentElement interface also inherits the properties and methods of the
- * {@link HTMLElement} interface.
- *
- * @category Components
- */
-class SplatComponentElement extends ComponentElement {
-    private _asset = '';
-
-    private _castShadows = false;
-
-    private _unified = false;
-
-    /** @ignore */
-    constructor() {
-        super('gsplat');
-    }
-
-    getInitialComponentData() {
-        return {
-            asset: AssetElement.get(this._asset),
-            castShadows: this._castShadows,
-            unified: this._unified
-        };
-    }
-
-    /**
-     * Gets the underlying PlayCanvas splat component.
-     * @returns The splat component.
-     */
-    get component(): GSplatComponent | null {
-        return super.component as GSplatComponent | null;
-    }
-
-    /**
-     * Sets id of the `pc-asset` to use for the splat.
-     * @param value - The asset ID.
-     */
-    set asset(value: string) {
-        this._asset = value;
-        const asset = AssetElement.get(value);
-        if (this.component && asset) {
-            this.component.asset = asset;
-        }
-    }
-
-    /**
-     * Gets the id of the `pc-asset` to use for the splat.
-     * @returns The asset ID.
-     */
-    get asset() {
-        return this._asset;
-    }
-
-    /**
-     * Sets whether the splat casts shadows.
-     * @param value - Whether the splat casts shadows.
-     */
-    set castShadows(value: boolean) {
-        this._castShadows = value;
-        if (this.component) {
-            this.component.castShadows = value;
-        }
-    }
-
-    /**
-     * Gets whether the splat casts shadows.
-     * @returns Whether the splat casts shadows.
-     */
-    get castShadows() {
-        return this._castShadows;
-    }
-
-    /**
-     * Sets whether the splat supports global sorting and LOD streaming. This property can only be
-     * changed when the component is disabled.
-     * @param value - Whether the splat supports global sorting and LOD streaming.
-     */
-    set unified(value: boolean) {
-        if (this.component && this.component.enabled) {
-            console.warn('The "unified" property can only be changed when the component is disabled.');
-            return;
-        }
-        this._unified = value;
-        if (this.component) {
-            this.component.unified = value;
-        }
-    }
-
-    /**
-     * Gets whether the splat supports global sorting and LOD streaming.
-     * @returns Whether the splat supports global sorting and LOD streaming.
-     */
-    get unified() {
-        return this._unified;
-    }
-
-    static get observedAttributes() {
-        return [
-            ...super.observedAttributes,
-            'asset',
-            'cast-shadows',
-            'unified'
-        ];
-    }
-
-    attributeChangedCallback(name: string, _oldValue: string, newValue: string) {
-        super.attributeChangedCallback(name, _oldValue, newValue);
-
-        switch (name) {
-            case 'asset':
-                this.asset = newValue;
-                break;
-            case 'cast-shadows':
-                this.castShadows = this.hasAttribute('cast-shadows');
-                break;
-            case 'unified':
-                this.unified = this.hasAttribute('unified');
-                break;
-        }
-    }
-}
-
-customElements.define('pc-splat', SplatComponentElement);
-
-export { SplatComponentElement };