@shapediver/viewer.shared.types 3.3.3 → 3.3.6

package/src/implementation/data/HTMLElementAnchorData.ts

@@ -1,365 +0,0 @@
-import { Box } from '@shapediver/viewer.shared.math'
-import { AbstractTreeNodeData, ITreeNodeData } from '@shapediver/viewer.shared.node-tree'
-import { vec2, vec3 } from 'gl-matrix'
-import { IAnchorDataImage, IAnchorDataText, IHTMLElementAnchorData } from '../../interfaces/data/IHTMLElementAnchorData';
-
-export abstract class HTMLElementAnchorData extends AbstractTreeNodeData implements IHTMLElementAnchorData {
-    // #region Properties (9)
-
-    protected internalHtmlElement: HTMLDivElement;
-    readonly #viewerHtmlElement: {
-        [key: string]: HTMLDivElement;
-    } = {};
-
-    #data: IAnchorDataImage | IAnchorDataText | any;
-    #format: 'text' | 'image' | 'custom';
-    #hideable: boolean = true;
-    #intersectionTarget?: Box | string | string[];
-    #location: vec3;
-    #viewports: string[] = [];
-
-    // #endregion Properties (9)
-
-    // #region Constructors (1)
-
-    /**
-     * Creates a custom data node.
-     * 
-     * @param _data the data as key- value pairs 
-     * @param id the id
-     */
-    constructor(properties:
-        {
-            location: vec3,
-            data: IAnchorDataImage | IAnchorDataText | any,
-            format: 'text' | 'image' | 'custom',
-            hideable?: boolean,
-            viewports?: string[],
-            intersectionTarget?: Box | string | string[],
-            id?: string,
-            version?: string
-        }
-    ) {
-        super(properties.id, properties.version);
-
-        this.#location = properties.location;
-        this.#data = properties.data;
-        this.#format = properties.format;
-        this.#hideable = properties.hideable === undefined ? true : properties.hideable;
-        this.#viewports = properties.viewports || [];
-        this.#intersectionTarget = properties.intersectionTarget;
-
-        this.internalHtmlElement = <HTMLDivElement>document.createElement('div');
-        this.internalHtmlElement.classList.add('sdv-anchor-inner-container');
-    }
-
-    // #endregion Constructors (1)
-
-    // #region Public Accessors (12)
-
-    public get data(): IAnchorDataImage | IAnchorDataText | any {
-        return this.#data;
-    }
-
-    public set data(value: IAnchorDataImage | IAnchorDataText | any) {
-        this.#data = value;
-    }
-
-    public get format(): 'text' | 'image' | 'custom' {
-        return this.#format;
-    }
-
-    public set format(value: 'text' | 'image' | 'custom') {
-        this.#format = value;
-    }
-
-    public get hideable(): boolean {
-        return this.#hideable;
-    }
-
-    public set hideable(value: boolean) {
-        this.#hideable = value;
-    }
-
-    public get intersectionTarget(): Box | string | string[] | undefined {
-        return this.#intersectionTarget;
-    }
-
-    public set intersectionTarget(value: Box | string | string[] | undefined) {
-        this.#intersectionTarget = value;
-    }
-
-    public get location(): vec3 {
-        return this.#location;
-    }
-
-    public set location(value: vec3) {
-        this.#location = value;
-    }
-
-    public get viewports(): string[] {
-        return this.#viewports;
-    }
-
-    public set viewports(value: string[]) {
-        this.#viewports = value;
-    }
-
-    // #endregion Public Accessors (12)
-
-    // #region Public Methods (3)
-
-    public createViewerHtmlElement(viewer: string): HTMLDivElement | null {
-        if (this.#viewerHtmlElement[viewer]) return this.#viewerHtmlElement[viewer];
-        if (this.viewports.includes(viewer) || this.viewports.length === 0) {
-            this.#viewerHtmlElement[viewer] = <HTMLDivElement>this.internalHtmlElement.cloneNode(true);
-            this.create({ anchor: this, parent: this.#viewerHtmlElement[viewer] });
-            return this.#viewerHtmlElement[viewer];
-        }
-        return null;
-    }
-
-    public getViewerHtmlElement(viewer: string): HTMLDivElement | null {
-        if (this.#viewerHtmlElement[viewer]) return this.#viewerHtmlElement[viewer];
-        return null;
-    }
-
-    public abstract create(properties: { anchor: IHTMLElementAnchorData, parent: HTMLDivElement }): void;
-
-    public update(properties: {
-        anchor: IHTMLElementAnchorData, 
-        htmlElement: HTMLDivElement, 
-        page: vec2, 
-        container: vec2, 
-        client: vec2, 
-        scale: vec2, 
-        hidden: boolean,
-        visible: boolean
-    }) {
-        properties.htmlElement.style.display = '';
-        if ((this.hideable && properties.hidden) || properties.visible === false) properties.htmlElement.style.display = 'none';
-
-        let x, y;
-
-        if (this.data.position && this.data.position.horizontal === 'right') {
-            x = properties.container[0] - properties.htmlElement.offsetWidth;
-        } else if (this.data.position && this.data.position.horizontal === 'left') {
-            x = properties.container[0];
-        } else {
-            x = properties.container[0] - properties.htmlElement.offsetWidth / 2;
-        }
-
-        if (this.data.position && this.data.position.vertical === 'bottom') {
-            y = properties.container[1] - properties.htmlElement.offsetHeight;
-        } else if (this.data.position && this.data.position.vertical === 'top') {
-            y = properties.container[1];
-        } else {
-            y = properties.container[1] - properties.htmlElement.offsetHeight / 2;
-        }
-
-        x = x / properties.scale[0];
-        y = y / properties.scale[1];
-
-        properties.htmlElement.style.left = x + 'px';
-        properties.htmlElement.style.top = y + 'px';
-    }
-
-    // #endregion Public Methods (3)
-
-    // #region Public Abstract Methods (1)
-
-    /**
-     * Clones the scene graph data.
-     */
-    public abstract clone(): IHTMLElementAnchorData;
-
-    // #endregion Public Abstract Methods (1)
-}
-
-export class HTMLElementAnchorTextData extends HTMLElementAnchorData {
-    // #region Constructors (1)
-
-    constructor(properties:
-        {
-            location: vec3,
-            data: IAnchorDataText,
-            hideable?: boolean,
-            viewports?: string[],
-            intersectionTarget?: Box | string | string[],
-            id?: string,
-            version?: string
-        }) {
-        super({
-            location: properties.location,
-            data: properties.data,
-            format: 'text',
-            hideable: properties.hideable,
-            viewports: properties.viewports,
-            intersectionTarget: properties.intersectionTarget,
-            id: properties.id,
-            version: properties.version,
-        })
-    }
-
-    // #endregion Constructors (1)
-
-    // #region Public Methods (1)
-
-    public clone(): HTMLElementAnchorTextData {
-        return new HTMLElementAnchorTextData({
-            location: this.location,
-            data: this.data,
-            hideable: this.hideable,
-            viewports: this.viewports,
-            intersectionTarget: this.intersectionTarget,
-            id: this.id,
-            version: this.version
-        });
-    }
-
-    // #endregion Public Methods (1)
-
-    // #region Private Methods (1)
-
-    public create(properties: { anchor: HTMLElementAnchorData, parent: HTMLDivElement }) {
-
-        const span = document.createElement('span');
-        span.classList.add('sdv-anchor-text');
-        span.style.color = properties.anchor.data.color?.toString();
-        span.innerHTML = properties.anchor.data.text;
-        properties.parent.appendChild(span);
-
-        if (properties.anchor.data.textAlign && (properties.anchor.data.textAlign === 'right' || properties.anchor.data.textAlign === 'center')) {
-            span.style.textAlign = properties.anchor.data.textAlign;
-        } else {
-            span.style.textAlign = 'left';
-        }
-    }
-
-    // #endregion Private Methods (1)
-}
-
-export class HTMLElementAnchorImageData extends HTMLElementAnchorData {
-    // #region Constructors (1)
-
-    constructor(properties:
-        {
-            location: vec3,
-            data: IAnchorDataImage,
-            hideable?: boolean,
-            viewports?: string[],
-            intersectionTarget?: Box | string | string[],
-            id?: string,
-            version?: string
-        }) {
-        super({
-            location: properties.location,
-            data: properties.data,
-            format: 'image',
-            hideable: properties.hideable,
-            viewports: properties.viewports,
-            intersectionTarget: properties.intersectionTarget,
-            id: properties.id,
-            version: properties.version
-        })
-    }
-
-    // #endregion Constructors (1)
-
-    // #region Public Methods (1)
-
-    public clone(): HTMLElementAnchorImageData {
-        return new HTMLElementAnchorImageData({
-            location: this.location,
-            data: this.data,
-            hideable: this.hideable,
-            viewports: this.viewports,
-            intersectionTarget: this.intersectionTarget,
-            id: this.id,
-            version: this.version
-        });
-    }
-
-    // #endregion Public Methods (1)
-
-    // #region Private Methods (1)
-
-    public create(properties: { anchor: HTMLElementAnchorData, parent: HTMLDivElement }) {
-        
-        const img = document.createElement('img');
-        img.classList.add('sdv-anchor-image');
-        properties.parent.appendChild(img);
-        img.src = properties.anchor.data.src;
-        if (properties.anchor.data.height) img.height = properties.anchor.data.height;
-        if (properties.anchor.data.width) img.width = properties.anchor.data.width;
-        if (properties.anchor.data.alt) img.alt = properties.anchor.data.alt;
-    }
- 
-    // #endregion Private Methods (1)
-}
-
-export class HTMLElementAnchorCustomData extends HTMLElementAnchorData {
-    // #region Properties (1)
-
-    readonly #create: (properties: { anchor: HTMLElementAnchorData, parent: HTMLDivElement }) => void;
-    readonly #update: (properties: { anchor: HTMLElementAnchorData, htmlElement: HTMLDivElement, page: vec2, container: vec2, client: vec2, scale: vec2, hidden: boolean, visible: boolean }) => void;
-
-    // #endregion Properties (1)
-
-    // #region Constructors (1)
-
-    constructor(properties:
-        {
-            location: vec3,
-            data: any,
-            hideable?: boolean,
-            viewports?: string[],
-            intersectionTarget?: Box | string | string[],
-            id?: string,
-            version?: string
-            create: (properties: { anchor: HTMLElementAnchorData, parent: HTMLDivElement }) => void,
-            update: (properties: { anchor: HTMLElementAnchorData, htmlElement: HTMLDivElement, page: vec2, container: vec2, client: vec2, scale: vec2, hidden: boolean, visible: boolean }) => void
-        }) {
-        super({
-            location: properties.location,
-            data: properties.data,
-            format: 'custom',
-            hideable: properties.hideable,
-            viewports: properties.viewports,
-            intersectionTarget: properties.intersectionTarget,
-            id: properties.id,
-            version: properties.version
-        })
-
-        this.#create = properties.create;
-        this.#update = properties.update;
-    }
-
-    // #endregion Constructors (1)
-
-    public create(properties: { anchor: HTMLElementAnchorData, parent: HTMLDivElement }) {
-        this.#create(properties)
-    }
-
-    public update(properties: { anchor: HTMLElementAnchorData, htmlElement: HTMLDivElement, page: vec2, container: vec2, client: vec2, scale: vec2, hidden: boolean, visible: boolean }) {
-        this.#update(properties)
-    }
-
-    // #region Public Methods (1)
-
-    public clone(): HTMLElementAnchorCustomData {
-        return new HTMLElementAnchorCustomData({
-            location: this.location,
-            data: this.data,
-            hideable: this.hideable,
-            viewports: this.viewports,
-            intersectionTarget: this.intersectionTarget,
-            id: this.id,
-            version: this.version,
-            create: this.#create,
-            update: this.#update,
-        });
-    }
-
-    // #endregion Public Methods (1)
-}

package/src/implementation/material/AbstractMaterialData.ts

@@ -1,268 +0,0 @@
-import { AbstractTreeNodeData } from '@shapediver/viewer.shared.node-tree';
-import { Color } from '../../types';
-import { IMapData } from '../../interfaces/data/material/IMapData';
-import {
-  IMaterialAbstractData,
-  IMaterialAbstractDataProperties,
-  MATERIAL_ALPHA,
-  MATERIAL_SHADING,
-  MATERIAL_SIDE
-} from '../../interfaces/data/material/IMaterialAbstractData';
-
-export abstract class AbstractMaterialData extends AbstractTreeNodeData implements IMaterialAbstractData {
-  // #region Properties (21)
-
-  #alphaCutoff: number = 0;
-  #alphaMap?: IMapData;
-  #alphaMode: MATERIAL_ALPHA = MATERIAL_ALPHA.OPAQUE;
-  #aoMap?: IMapData;
-  #aoMapIntensity: number = 1.0;
-  #bumpMap?: IMapData;
-  #bumpScale: number = 1.0;
-  #color: Color = '#ffffff';
-  #depthTest?: boolean;
-  #depthWrite?: boolean;
-  #emissiveMap?: IMapData;
-  #emissiveness: Color = '#000000';
-  #map?: IMapData;
-  #materialOutput: boolean = false;
-  #name?: string;
-  #normalMap?: IMapData;
-  #normalScale: number = 1.0;
-  #opacity = 1.0;
-  #shading: MATERIAL_SHADING = MATERIAL_SHADING.SMOOTH;
-  #side: MATERIAL_SIDE = MATERIAL_SIDE.DOUBLE;
-  #transparent?: boolean;
-
-  // #endregion Properties (21)
-
-  // #region Constructors (1)
-
-  /**
-   * Creates a material data object.
-   * 
-   * @param _attributes the attributes of the material
-   * @param id the id
-   */
-  constructor(
-    properties?: IMaterialAbstractDataProperties,
-    id?: string,
-    version?: string
-  ) {
-    super(id, version);
-    if (!properties) return;
-    if (properties.alphaMap !== undefined) this.alphaMap = properties.alphaMap;
-    if (properties.alphaCutoff !== undefined) this.alphaCutoff = properties.alphaCutoff;
-    if (properties.alphaMode !== undefined) this.alphaMode = properties.alphaMode;
-    if (properties.aoMap !== undefined) this.aoMap = properties.aoMap;
-    if (properties.aoMapIntensity !== undefined) this.aoMapIntensity = properties.aoMapIntensity;
-    if (properties.bumpMap !== undefined) this.bumpMap = properties.bumpMap;
-    if (properties.bumpScale !== undefined) this.bumpScale = properties.bumpScale;
-    if (properties.color !== undefined) this.color = properties.color;
-    if (properties.depthTest !== undefined) this.depthTest = properties.depthTest;
-    if (properties.depthWrite !== undefined) this.depthWrite = properties.depthWrite;
-    if (properties.emissiveMap !== undefined) this.emissiveMap = properties.emissiveMap;
-    if (properties.emissiveness !== undefined) this.emissiveness = properties.emissiveness;
-    if (properties.shading !== undefined) this.shading = properties.shading;
-    if (properties.map !== undefined) this.map = properties.map;
-    if (properties.name !== undefined) this.name = properties.name;
-    if (properties.normalMap !== undefined) this.normalMap = properties.normalMap;
-    if (properties.normalScale !== undefined) this.normalScale = properties.normalScale;
-    if (properties.opacity !== undefined) this.opacity = properties.opacity;
-    if (properties.side !== undefined) this.side = properties.side;
-    if (properties.transparent !== undefined) this.transparent = properties.transparent;
-  }
-
-  // #endregion Constructors (1)
-
-  // #region Public Getters And Setters (42)
-
-  public get alphaCutoff(): number {
-    return this.#alphaCutoff;
-  }
-
-  public set alphaCutoff(value: number) {
-    this.#alphaCutoff = value;
-  }
-
-  public get alphaMap(): IMapData | undefined {
-    return this.#alphaMap;
-  }
-
-  public set alphaMap(value: IMapData | undefined) {
-    this.#alphaMap = value;
-  }
-
-  public get alphaMode(): MATERIAL_ALPHA {
-    return this.#alphaMode;
-  }
-
-  public set alphaMode(value: MATERIAL_ALPHA) {
-    this.#alphaMode = value;
-  }
-
-  public get aoMap(): IMapData | undefined {
-    return this.#aoMap;
-  }
-
-  public set aoMap(value: IMapData | undefined) {
-    this.#aoMap = value;
-  }
-
-  public get aoMapIntensity(): number {
-    return this.#aoMapIntensity;
-  }
-
-  public set aoMapIntensity(value: number) {
-    this.#aoMapIntensity = value;
-  }
-
-  public get bumpMap(): IMapData | undefined {
-    return this.#bumpMap;
-  }
-
-  public set bumpMap(value: IMapData | undefined) {
-    this.#bumpMap = value;
-  }
-
-  public get bumpScale(): number {
-    return this.#bumpScale;
-  }
-
-  public set bumpScale(value: number) {
-    this.#bumpScale = value;
-  }
-
-  public get color(): Color {
-    return this.#color;
-  }
-
-  public set color(value: Color) {
-    this.#color = value;
-  }
-
-  public get depthTest(): boolean | undefined {
-    return this.#depthTest;
-  }
-
-  public set depthTest(value: boolean | undefined) {
-    this.#depthTest = value;
-  }
-
-  public get depthWrite(): boolean | undefined {
-    return this.#depthWrite;
-  }
-
-  public set depthWrite(value: boolean | undefined) {
-    this.#depthWrite = value;
-  }
-
-  public get emissiveMap(): IMapData | undefined {
-    return this.#emissiveMap;
-  }
-
-  public set emissiveMap(value: IMapData | undefined) {
-    this.#emissiveMap = value;
-  }
-
-  public get emissiveness(): Color {
-    return this.#emissiveness;
-  }
-
-  public set emissiveness(value: Color) {
-    this.#emissiveness = value;
-  }
-
-  public get map(): IMapData | undefined {
-    return this.#map;
-  }
-
-  public set map(value: IMapData | undefined) {
-    this.#map = value;
-  }
-
-  public get materialOutput(): boolean {
-    return this.#materialOutput;
-  }
-
-  public set materialOutput(value: boolean) {
-    this.#materialOutput = value;
-  }
-
-  public get name(): string | undefined {
-    return this.#name;
-  }
-
-  public set name(value: string | undefined) {
-    this.#name = value;
-  }
-
-  public get normalMap(): IMapData | undefined {
-    return this.#normalMap;
-  }
-
-  public set normalMap(value: IMapData | undefined) {
-    this.#normalMap = value;
-  }
-
-  public get normalScale(): number {
-    return this.#normalScale;
-  }
-
-  public set normalScale(value: number) {
-    this.#normalScale = value;
-  }
-
-  public get opacity(): number {
-    return this.#opacity;
-  }
-
-  public set opacity(value: number) {
-    this.#opacity = value;
-  }
-
-  public get shading(): MATERIAL_SHADING {
-    return this.#shading;
-  }
-
-  public set shading(value: MATERIAL_SHADING) {
-    this.#shading = value;
-  }
-
-  public get side(): MATERIAL_SIDE {
-    return this.#side;
-  }
-
-  public set side(value: MATERIAL_SIDE) {
-    this.#side = value;
-  }
-
-  public get transparent(): boolean | undefined {
-    return this.#transparent;
-  }
-
-  public set transparent(value: boolean | undefined) {
-    this.#transparent = value;
-  }
-
-  // #endregion Public Getters And Setters (42)
-
-  // #region Public Abstract Methods (3)
-
-  /**
-   * Clones the scene graph data.
-   */
-  public abstract clone(): IMaterialAbstractData;
-  /**
-   * Copy all properties of another material data object.
-   * 
-   * @param source 
-   */
-  public abstract copy(source: IMaterialAbstractData): void;
-  /**
-   * Reset the material data.
-   */
-  public abstract reset(): void;
-
-  // #endregion Public Abstract Methods (3)
-}