architwin 1.12.4 → 1.13.0

package/lib/atwinui/events.js

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { actionBar, renderObjectCards, renderLibraryCards, renderTags, renderTagRow, getTagFormData, addClickEventToTagRow, setActiveCard, setActiveMenu, removeObjectCard, clearActiveMenu, setTagCategoriesOption, toggleDropdown, tagFormMode, selectedTag, renderRecepientOptions, renderTagMessages, createTagMessage, setTagLink, setTagMessagingDetails, renderCategoryDropdownOptions, clearTagFormDropdown, clearActiveActionBtn, clearActiveCard, toggleActionBarButtons, selectedCategoryFilterId, selectedSubCategoryFilterId, filterTagList, toggleModal, setModalAction, } from "./components/toolbar";
-import { getTargetPosition, addMediaScreen, _3DXObjects, selectedObject, setTransformControls, copyObject, revertTransform, clearSelectedObject, removeTransformControls, getLibrary, getMpTags, renderTag, captureSpaceScreenshot, moveTag, subscribeSpaceEvent, setModelVisibility, disposeModel, disposeTag, _tags, _tagCategories, dispatchSpaceEvent, editTagLabel, editTagDescription, setTagMessageRecepients, setTagMessages, setSelectedTagUuid, renderMeetingSidebar, setTagIcon, setObjectTransformation, getSelectedObject, _atwin, isCdnMapDataAvailable, captureScreenshotAndCameraDetails, _mpConfig, cancelModelPlacement, _modelDetails, actionHistory, get3DXObjects, transformHistory, goToModel, themeManager, _partitionNodes, setSpacePartitionNodes, getSpaceId, setFloorBaseHeight, toggleWallVisibility, getChildrenOfModel, toggleFloorVisibility, renderPolygon, getCurrentPolygon, getFloorBaseHeight, setSelectedObject, redoDrawAction, undoDrawAction, setWallBaseHeight, clearWallBaseHeight, clearFloorBaseHeight, isToolbarFeatureEnabled, captureCurrentView, getCurrentFloor, } from "../architwin";
+import { getTargetPosition, addMediaScreen, _3DXObjects, selectedObject, setTransformControls, copyObject, revertTransform, clearSelectedObject, removeTransformControls, getLibrary, getMpTags, renderTag, captureSpaceScreenshot, moveTag, subscribeSpaceEvent, setModelVisibility, disposeModel, disposeTag, _tags, _tagCategories, dispatchSpaceEvent, editTagLabel, editTagDescription, setTagMessageRecepients, setTagMessages, setSelectedTagUuid, renderMeetingSidebar, setTagIcon, setObjectTransformation, getSelectedObject, _atwin, isCdnMapDataAvailable, captureScreenshotAndCameraDetails, _mpConfig, cancelModelPlacement, _modelDetails, actionHistory, get3DXObjects, transformHistory, goToModel, themeManager, _partitionNodes, setSpacePartitionNodes, getSpaceId, setFloorBaseHeight, toggleWallVisibility, getChildrenOfModel, toggleFloorVisibility, renderPolygon, getCurrentPolygon, getFloorBaseHeight, setSelectedObject, redoDrawAction, undoDrawAction, setWallBaseHeight, clearWallBaseHeight, clearFloorBaseHeight, isToolbarFeatureEnabled, captureCurrentView, getCurrentFloor, setPipeCategories, setPipes, detachTagMedia, getTagDataCollection } from "../architwin";
 import { Notyf } from 'notyf';
 import 'notyf/notyf.min.css';
 import { SPACE_EVENTS, COORDINATE_SYSTEM, UNITS, DEGREE, MAP_OPTIONS } from "../types";
@@ -29,8 +29,15 @@ import { actionSettingsSelectOption, getTempCoordinateSystem, getTempMeasurement
 import { getBasepointCalibrateBpCoordinateValues, getBasepointCalibrateMpCoordinateValues, initBsepointCalibratePane, toggleBasepointCalibratePane } from "./components/toolbar/basepointCalibratePane";
 import { toggleGeneralMapOptions, initGeneralSelectedMap, getSelectedMapOption } from './components/toolbar/generalSettingsMenuPane';
 import { searchTagList, setSearchTagTerm, searchClearfield, getSearchTagTerm } from './components/toolbar/tagListPane';
+import { PipeList } from "./components/toolbar/pipeListPane";
+import { PipeForm } from "./components/toolbar/pipeFormPane";
+// import { EditPipeForm, initPipeFormPane, pipeFormData, setPipeFormMode } from "./components/toolbar/pipeFormPane";
+// import { initPipeData } from "./components/toolbar/addPipePane";
+import { unsendComment, timedoutComment, getTheseTagMessages } from './components/toolbar/tagMessagingPane';
+const pipeList = new PipeList();
+const pipeForm = new PipeForm();
 let activeToolbarItem, activeActionItem, activePane, activeActionPane, cancelTagPlacementPrompt, cancelModelPlacementPrompt;
-let notyf = new Notyf({ position: { x: 'left', y: 'bottom' }, duration: 4500, types: [
+export let notyf = new Notyf({ position: { x: 'left', y: 'bottom' }, duration: 4500, types: [
         {
             type: 'info',
             background: 'blue',
@@ -49,6 +56,7 @@ let _currentPaneId;
 let isPlacingTag = false;
 let isCustomMapControlsVisible = false;
 let isNotyfExecuted = false; // flag for notification
+let pipeColor = "";
 function batchAddEventListenerByClassName(className, callback) {
     if (className) {
         const elements = document.querySelectorAll(`.${className}`);
@@ -255,6 +263,15 @@ function toggleDisplayPane(targetId) {
                     initGeneralSelectedMap();
                     handleCloseActiveMinimap();
                 }
+                if (paneId === 'at-pipe-list-pane') {
+                    log.info("Pipe Pane");
+                    //setup pipe list pane initialization
+                    pipeList.init();
+                }
+                if (paneId === 'at-pipe-form-pane') {
+                    log.info("Pipe Pane");
+                }
+                console.log("paneId", paneId);
                 return;
             }
             else {
@@ -263,7 +280,7 @@ function toggleDisplayPane(targetId) {
                 return;
             }
         }
-        log.error('Could not get value of target-pane attribute');
+        log.error('Could not get value of target-pane attribute', targetId);
         return;
     });
 }
@@ -340,8 +357,44 @@ function setupIndividualEventListeners() {
     handleCloseCustomMinimap();
     handleCustomMapControls();
     handleCloseActiveMinimap();
+    handlePipeForm();
+    handlePipeList();
+}
+//================ OBJECT EVENT HANDLERS ===============//s
+// handle pipe undo drawing
+function handleUndoPipeDrawing() {
+}
+// handle pipe redo drawing
+function handleRedoDrawing() {
+}
+function handlePipeCategory(payload) {
+    return __awaiter(this, void 0, void 0, function* () {
+        console.log("HANDLE CATEGORY =>", payload);
+        // set categories latest value 
+        yield setPipeCategories(payload);
+    });
+}
+function handlePipe(payload) {
+    return __awaiter(this, void 0, void 0, function* () {
+        console.log("HANDLE PIPE =>", payload);
+        // set pipes latest value 
+        yield setPipes(payload);
+    });
+}
+//handler pipe form events
+function handlePipeForm() {
+    // setup events from pipe form
+    pipeForm.save();
+    pipeForm.cancel();
+    pipeForm.draw();
+    pipeForm.undo();
+    pipeForm.redo();
+}
+//handle pipe list event
+function handlePipeList() {
+    // setup event from pipe list
+    pipeList.add();
 }
-//================ OBJECT EVENT HANDLERS ===============//
 function handleTranslateObject() {
     const translateObjectbtn = document.getElementById('at-translate-action-btn');
     translateObjectbtn.addEventListener('click', () => {
@@ -381,7 +434,7 @@ function handleCopyObject() {
     function onCopyModel() {
         return __awaiter(this, void 0, void 0, function* () {
             //Clear transform controls otherwise the original object will move to the duplicated object position making it look
-            //like the original disappeared
+            //like the original disappeare
             const selectedObj = getSelectedObject().object;
             log.info("copyModel selectedObj ", selectedObj);
             const objectCards = document.getElementById('at-object-cards');
@@ -863,11 +916,13 @@ function handleSaveTag() {
             const index = _tags.findIndex(tag => tag.id == selectedTag.id);
             //Check if object contains a url embed and if the url does not match the existing url in media url
             //perform a validation of the new url embed
-            if (tagFormPayload && tagFormPayload.tagEmbed && _tags[index].media_url !== tagFormPayload.tagEmbed) {
-                if ((yield isValidUrl(tagFormPayload.tagEmbed)) === false) {
-                    notyf.error(`${i18n.t('InvalidURL')}`);
-                    saveTagBtn.classList.remove('at_disabled');
-                    return;
+            if (tagFormPayload && tagFormPayload.tagEmbed != '') { // this condition is added when Embed URL is removed by user and is Empty #15842
+                if (tagFormPayload && tagFormPayload.tagEmbed && _tags[index].media_url !== tagFormPayload.tagEmbed) {
+                    if ((yield isValidUrl(tagFormPayload.tagEmbed)) === false) {
+                        notyf.error(`${i18n.t('InvalidURL')}`);
+                        saveTagBtn.classList.remove('at_disabled');
+                        return;
+                    }
                 }
             }
             if (_tagCategories) {
@@ -915,15 +970,26 @@ function handleSaveTag() {
                         }
                         _tags[index].category_uuid = tagFormPayload.tagSubcategoryId;
                         _tags[index].json_data.color = targetCategory.json_data.color.rgb;
-                        if (tagFormPayload.tagEmbed !== _tags[index].media_url) {
-                            const tagData = {
-                                id: _tags[index].json_data.id,
-                                attachments: []
-                            };
-                            const mediaAttachment = [tagFormPayload.tagEmbed];
-                            yield attachTagMedia({ sdk: _atwin, tag: tagData, attachments: mediaAttachment });
+                        if (tagFormPayload.tagEmbed && tagFormPayload.tagEmbed != '') { // this condition is added when Embed URL is removed by user and is Empty #15842
+                            if (tagFormPayload.tagEmbed !== _tags[index].media_url) {
+                                const tagData = {
+                                    id: _tags[index].json_data.id,
+                                    attachments: []
+                                };
+                                const mediaAttachment = [tagFormPayload.tagEmbed];
+                                const attachments = yield attachTagMedia({ sdk: _atwin, tag: tagData, attachments: mediaAttachment });
+                            }
+                            _tags[index].media_url = tagFormPayload.tagEmbed;
+                        }
+                        else {
+                            _tags[index].media_url = undefined;
+                            const tagDataCollection = getTagDataCollection();
+                            _tags[index].json_data.attachments = tagDataCollection[_tags[index].json_data.id] ? tagDataCollection[_tags[index].json_data.id].attachments : _tags[index].json_data.attachments;
+                            if (_tags[index].json_data.attachments) {
+                                yield detachTagMedia({ tagId: _tags[index].json_data.id, attachmentIds: _tags[index].json_data.attachments });
+                                _tags[index].json_data.attachments = [];
+                            }
                         }
-                        _tags[index].media_url = tagFormPayload.tagEmbed;
                         // Add tag icon data
                         _tags[index].tag_icon_name = thisTagIconName;
                         _tags[index].tag_icon_url = thisTagIconURL;
@@ -1263,6 +1329,9 @@ function setupSpaceEventSubscriptions() {
     subscribeSpaceEvent(SPACE_EVENTS.DRAW_HISTORY, handleDrawHistory);
     subscribeSpaceEvent(SPACE_EVENTS.FLOOR_IMAGE_UPLOADED, handleCustomMapFloorImageUploaded);
     subscribeSpaceEvent(SPACE_EVENTS.FLOOR_IMAGE_UPLOAD_FAILED, handleCustomMapFloorUploadFailed);
+    // subscribeSpaceEvent(SPACE_EVENTS.DRAW_PIPE, handleDrawPipe)
+    subscribeSpaceEvent(SPACE_EVENTS.PIPE_CATEGORY_ON_CHANGE, handlePipeCategory);
+    subscribeSpaceEvent(SPACE_EVENTS.PIPE_ON_CHANGE, handlePipe);
 }
 function handleDragEnd(payload) {
     console.log("handleDragEnd payload", payload);
@@ -1308,7 +1377,7 @@ function handleDragEnd(payload) {
     showCurrentCoordinateValue();
     const transformValues = {
         object_position: payload.object_position,
-        object_rotation: payload.object_rotation,
+        object_rotation: payload.object_rotationƒ,
         object_scale: payload.object_scale,
     };
     setCurrentTransformationValues(transformValues);
@@ -1333,13 +1402,21 @@ function handleDrawHistory(payload) {
         const redoBtn = document.getElementById('at-draw-redo-btn');
         redoBtn.classList.remove('at_disabled');
     }
+    console.log("undoCount", undoCount);
+    console.log("redoCount", redoCount);
 }
-function handleVertexPlace() {
-    const undoBtn = document.getElementById('at-draw-undo-btn');
-    undoBtn.classList.remove('at_disabled');
-    setCurrentPartitionData();
-    const redoBtn = document.getElementById('at-draw-redo-btn');
-    redoBtn.classList.add('at_disabled');
+function handleVertexPlace(payload) {
+    console.log("handleVertexPlace ==>", payload);
+    if (isToolbarFeatureEnabled('roomCreation')) {
+        const undoBtn = document.getElementById('at-draw-undo-btn');
+        undoBtn.classList.remove('at_disabled');
+        setCurrentPartitionData();
+        const redoBtn = document.getElementById('at-draw-redo-btn');
+        redoBtn.classList.add('at_disabled');
+    }
+    if (isToolbarFeatureEnabled('pipe')) {
+        pipeForm.setPipeVertices(payload.path);
+    }
 }
 function handleMouseClickObject(object) {
     var _a, _b, _c;
@@ -1412,6 +1489,9 @@ function handleRetrieveTagMessage(payload) {
     renderRecepientOptions();
     renderTagMessages();
     setTagMessagingDetails(payload.tagUuid);
+    unsendComment(payload);
+    getTheseTagMessages(payload.tagMessages);
+    timedoutComment(payload.tagMessages);
 }
 function handleSetModelsView() {
     const modelsCardViewBtn = document.getElementById('at-models-card-view-btn');
@@ -2972,7 +3052,7 @@ function handleCloseActiveMinimap() {
 }
 export { 
 //state
-activeToolbarItem, activeActionItem, cancelModelPlacementPrompt, isCustomMapControlsVisible, 
+activeToolbarItem, activeActionItem, cancelModelPlacementPrompt, isCustomMapControlsVisible, pipeColor, 
 //methods
 batchAddEventListenerById, batchAddEventListenerByClassName, batchAddEventListenerByClassNames, batchAddEventListenerByDataAttribute, setActiveToolbarItem, toggleDisplayPane, toggleActionBar, setupIndividualEventListeners, setupSpaceEventSubscriptions, handleModelVisibility, handleDeleteModel, handleShowMinimap, handleScrollToView, handleRenderMeetingUI, handleShowCustomMinimap, 
 // partition

package/lib/atwinui/helpers.d.ts

@@ -0,0 +1,15 @@
+export declare function waitForChange<T>(getter: () => T, options?: {
+    interval?: number;
+    timeout?: number;
+}): Promise<T>;
+export declare function waitForChange<T1, T2>(getter1: () => T1, getter2: () => T2, options?: {
+    interval?: number;
+    timeout?: number;
+}): Promise<[T1, T2]>;
+/**
+ * Binds an input element's value to a target object's property using input and mutation observers.
+ * @param input The input HTML element to observe
+ * @param getTarget A function returning the target object (like _selectedPipeCategory)
+ * @param key The key of the target object to update
+ */
+export declare function observeInputToUpdate(input: HTMLInputElement, getTarget: () => Record<string, any> | undefined, key: string): void;

package/lib/atwinui/helpers.js

@@ -0,0 +1,49 @@
+export function waitForChange(...args) {
+    const maybeOptions = args[args.length - 1];
+    const options = typeof maybeOptions === 'object' && ('interval' in maybeOptions || 'timeout' in maybeOptions)
+        ? maybeOptions
+        : {};
+    const getters = (maybeOptions === options ? args.slice(0, -1) : args);
+    const { interval = 100, timeout = 5000 } = options;
+    const initial = getters.map(fn => fn());
+    const start = Date.now();
+    return new Promise((resolve, reject) => {
+        const check = () => {
+            const current = getters.map(fn => fn());
+            const hasChanged = current.some((val, i) => val !== initial[i] && val != null);
+            if (hasChanged) {
+                resolve(getters.length === 1 ? current[0] : current);
+            }
+            else if (Date.now() - start >= timeout) {
+                reject(new Error('Timeout: Values did not change'));
+            }
+            else {
+                setTimeout(check, interval);
+            }
+        };
+        check();
+    });
+}
+/**
+ * Binds an input element's value to a target object's property using input and mutation observers.
+ * @param input The input HTML element to observe
+ * @param getTarget A function returning the target object (like _selectedPipeCategory)
+ * @param key The key of the target object to update
+ */
+export function observeInputToUpdate(input, getTarget, key) {
+    if (!input)
+        return;
+    const update = () => {
+        const target = getTarget();
+        if (target) {
+            target[key] = input.value;
+        }
+    };
+    const observer = new MutationObserver(update);
+    observer.observe(input, {
+        attributes: true,
+        attributeFilter: ['value'],
+    });
+    input.addEventListener('input', update);
+    console.log("observer ==>", input);
+}

package/lib/atwinui/index.js

@@ -37,6 +37,8 @@ const sidebarPaneBtnIds = [
     'at-cancel-theme-btn',
     'at-save-customization-btn',
     'at-draw-room-btn',
+    // 'at-cancel-pipe-btn',
+    // 'at-save-pipe-btn'
 ];
 //'at-cancel-add-object-form-btn',
 function initToolbarUI(payload) {

package/lib/loaders/curosrMarkerLoader.d.ts

@@ -0,0 +1,25 @@
+import { MpSdk } from "../../bundle/sdk";
+import * as THREE from "three";
+import { IMPConfig } from "../types";
+declare class CursorMarkerLoader {
+    inputs: {
+        pointerIntersection: MpSdk.Pointer.Intersection;
+        markerTexture: string;
+        visible: boolean;
+        offset: number;
+        scale: number;
+    };
+    outputs: Record<string, unknown> & MpSdk.Scene.PredefinedOutputs;
+    context: MpSdk.Scene.IComponentContext;
+    mesh: THREE.Mesh;
+    material: THREE.Material;
+    geometry: THREE.PlaneGeometry;
+    texture: THREE.Texture;
+    constructor(mpConfig: IMPConfig);
+    onInit: () => void;
+    onInputsUpdated: () => void;
+    onDestroy: () => void;
+}
+export declare const cursorMarkerType = "mp.cursorMarker";
+export declare const cursorMarkerFactory: () => CursorMarkerLoader;
+export {};

package/lib/loaders/curosrMarkerLoader.js

@@ -0,0 +1,86 @@
+import { _mpConfig } from "../architwin";
+// Default asset path (overridden if bundlePath is present in config)
+let _staticAssetPath = '../';
+class CursorMarkerLoader {
+    constructor(mpConfig) {
+        // === Inputs ===
+        this.inputs = {
+            pointerIntersection: null,
+            markerTexture: null,
+            visible: true,
+            offset: 0.05,
+            scale: 1 // Marker scale multiplier
+        };
+        // === Initialization ===
+        this.onInit = () => {
+            console.log('🛠️ CursorMarkerLoader on init', this.inputs.pointerIntersection);
+            const THREE = this.context.three;
+            if (!this.inputs.pointerIntersection)
+                return;
+            // Extract position and surface normal from intersection data
+            const { position: coord, normal: _normal } = this.inputs.pointerIntersection;
+            // Normalize the surface normal
+            const normal = new THREE.Vector3(_normal.x, _normal.y, _normal.z).normalize();
+            // === Generate rotation quaternion to align marker with surface ===
+            // Build a tangent-bitangent-normal (TBN) basis from surface normal
+            const up = new THREE.Vector3(0, 0, 1);
+            const tangent = new THREE.Vector3().crossVectors(new THREE.Vector3(1, 0, 0), normal).normalize();
+            const bitangent = new THREE.Vector3().crossVectors(normal, tangent).normalize();
+            const matrix = new THREE.Matrix4().makeBasis(tangent, bitangent, normal);
+            // Create quaternion from basis matrix and align Z-up to normal
+            const quaternion = new THREE.Quaternion().setFromRotationMatrix(matrix);
+            quaternion.setFromUnitVectors(up, normal);
+            // Convert to Euler angles for use with Three.js transforms
+            const euler = new THREE.Euler().setFromQuaternion(quaternion);
+            // Apply offset to position to move slightly off the surface
+            const adjustedPosition = new THREE.Vector3(coord.x + normal.x * this.inputs.offset, coord.y + normal.y * this.inputs.offset, coord.z + normal.z * this.inputs.offset);
+            // Marker texture fallback
+            const markerUrl = this.inputs.markerTexture || `${_staticAssetPath}static/objective.png`;
+            // === Load texture and build the marker plane ===
+            const loader = new THREE.TextureLoader();
+            loader.load(markerUrl, (texture) => {
+                this.texture = texture;
+                // Define geometry and material for the flat marker plane
+                this.geometry = new THREE.PlaneGeometry(0.1, 0.1);
+                this.material = new THREE.MeshBasicMaterial({
+                    map: texture,
+                    transparent: false,
+                    opacity: 1,
+                    side: THREE.DoubleSide,
+                });
+                // Create the mesh
+                this.mesh = new THREE.Mesh(this.geometry, this.material);
+                this.mesh.position.copy(adjustedPosition);
+                this.mesh.rotation.set(euler.x, euler.y, euler.z);
+                this.mesh.name = 'cursorMarker';
+                this.mesh.visible = this.inputs.visible;
+                // Register output so it can be used as a collider/interactable object
+                this.outputs.objectRoot = this.mesh;
+                this.outputs.collider = this.mesh;
+                console.log('🛠️ CursorMarkerLoader on loader.load', texture);
+            });
+        };
+        // === Triggered when inputs change ===
+        this.onInputsUpdated = () => {
+            console.log('🛠️ CursorMarkerLoader inputupdated');
+            this.onInit();
+        };
+        // === Cleanup for memory management ===
+        this.onDestroy = () => {
+            var _a, _b, _c;
+            console.log('🛠️ CursorMarkerLoader destroy');
+            (_a = this.geometry) === null || _a === void 0 ? void 0 : _a.dispose();
+            (_b = this.material) === null || _b === void 0 ? void 0 : _b.dispose();
+            (_c = this.texture) === null || _c === void 0 ? void 0 : _c.dispose();
+        };
+        console.log('🛠️ CursorMarkerLoader constructor called');
+        this.outputs = {};
+        // Override static asset path if deployed via CDN
+        if ('bundlePath' in mpConfig) {
+            _staticAssetPath = 'https://cdn.jsdelivr.net/npm/architwin@latest/';
+        }
+    }
+}
+// === Factory and Component Type ===
+export const cursorMarkerType = 'mp.cursorMarker';
+export const cursorMarkerFactory = () => new CursorMarkerLoader(_mpConfig);

package/lib/loaders/index.d.ts

@@ -9,4 +9,5 @@ import { sweepPuckType, puckBackgroundFactory } from "./sweepPuckLoader";
 import { viewpointType, viewpointFactory } from "./viewpointLoader";
 import { tubeLineType, tubeLineFactory, verticeType, verticeFactory, bufferGeometryType, bufferGeometry } from "./polydrawerLoader";
 import { fbxType, fbxFactory } from "./fbxLoader";
-export { planeType, planeFactory, planeTypeImage, planeTypeVideo, planeTypePdf, setHudState, planeImageFactory, planeVideoFactory, planePdfFactory, gltfType, gltfFactory, boxType, boxFactory, textType, textFactory, css3DType, css3DFactory, hudType, hudFactory, sweepPuckType, puckBackgroundFactory, viewpointType, viewpointFactory, tubeLineType, tubeLineFactory, verticeType, verticeFactory, bufferGeometryType, bufferGeometry, fbxType, fbxFactory };
+import { pathPointType, pathPointFactory, pathLineType, pathLineFactory } from "./pathLoader";
+export { planeType, planeFactory, planeTypeImage, planeTypeVideo, planeTypePdf, setHudState, planeImageFactory, planeVideoFactory, planePdfFactory, gltfType, gltfFactory, boxType, boxFactory, textType, textFactory, css3DType, css3DFactory, hudType, hudFactory, sweepPuckType, puckBackgroundFactory, viewpointType, viewpointFactory, tubeLineType, tubeLineFactory, verticeType, verticeFactory, bufferGeometryType, bufferGeometry, fbxType, fbxFactory, pathPointType, pathPointFactory, pathLineType, pathLineFactory };

package/lib/loaders/index.js

@@ -9,6 +9,7 @@ import { sweepPuckType, puckBackgroundFactory } from "./sweepPuckLoader";
 import { viewpointType, viewpointFactory } from "./viewpointLoader";
 import { tubeLineType, tubeLineFactory, verticeType, verticeFactory, bufferGeometryType, bufferGeometry } from "./polydrawerLoader";
 import { fbxType, fbxFactory } from "./fbxLoader";
+import { pathPointType, pathPointFactory, pathLineType, pathLineFactory } from "./pathLoader";
 export { 
 // planeType,planeFactory,
-planeType, planeFactory, planeTypeImage, planeTypeVideo, planeTypePdf, setHudState, planeImageFactory, planeVideoFactory, planePdfFactory, gltfType, gltfFactory, boxType, boxFactory, textType, textFactory, css3DType, css3DFactory, hudType, hudFactory, sweepPuckType, puckBackgroundFactory, viewpointType, viewpointFactory, tubeLineType, tubeLineFactory, verticeType, verticeFactory, bufferGeometryType, bufferGeometry, fbxType, fbxFactory };
+planeType, planeFactory, planeTypeImage, planeTypeVideo, planeTypePdf, setHudState, planeImageFactory, planeVideoFactory, planePdfFactory, gltfType, gltfFactory, boxType, boxFactory, textType, textFactory, css3DType, css3DFactory, hudType, hudFactory, sweepPuckType, puckBackgroundFactory, viewpointType, viewpointFactory, tubeLineType, tubeLineFactory, verticeType, verticeFactory, bufferGeometryType, bufferGeometry, fbxType, fbxFactory, pathPointType, pathPointFactory, pathLineType, pathLineFactory };

package/lib/loaders/pathLoader.d.ts

@@ -0,0 +1,99 @@
+import { MpSdk } from "../../bundle/sdk";
+import { Pane } from 'tweakpane';
+export declare class PathLine {
+    mpSdk: MpSdk;
+    mesh: THREE.Mesh;
+    material: THREE.Material;
+    geometry: THREE.BufferGeometry;
+    texture: THREE.CanvasTexture;
+    tubeGeometry: THREE.TubeGeometry;
+    time: number;
+    closed: boolean;
+    panel: Pane;
+    billboard: string;
+    hovered: boolean;
+    length: number;
+    groupedMesh: THREE.Group;
+    constructor(mpSdk: MpSdk);
+    inputs: {
+        name: string;
+        label: string;
+        description: string;
+        node: any;
+        tubes: any;
+        path: any;
+        enabled: boolean;
+        active: boolean;
+        editMode: boolean;
+        direction: number;
+        curveType: string;
+        opacity: number;
+        tubularSegments: number;
+        radialSegments: number;
+        fillColor: string;
+        textColor: string;
+        text: string;
+        font: string;
+        radius: number;
+        scrollSpeed: number;
+        collider: boolean;
+        visible: boolean;
+        pathOptions: any;
+    };
+    outputs: Record<string, unknown> & MpSdk.Scene.PredefinedOutputs;
+    context: MpSdk.Scene.IComponentContext;
+    emits: {
+        active: boolean;
+        destroyed: boolean;
+    };
+    events: {
+        'INTERACTION.CLICK': boolean;
+        'INTERACTION.HOVER': boolean;
+    };
+    onInit: () => void;
+    onInputsUpdated: (prevInputs: any) => void;
+    renderPathLine: () => void;
+    setBillboard: (value: any) => void;
+    onEvent(eventType: any, data: any): void;
+    onTick(tickDelta: any): void;
+    renderGUI: () => void;
+    onDestroy(): void;
+}
+export declare const pathLineType = "pathLine";
+export declare const pathLineFactory: (mpSdk: MpSdk) => () => PathLine;
+export declare class PathPoint {
+    mpSdk: MpSdk;
+    mesh: THREE.Mesh;
+    material: THREE.Material;
+    geometry: THREE.BufferGeometry;
+    texture: THREE.CanvasTexture;
+    pointerSub: MpSdk.ISubscription;
+    pointerIntersection: MpSdk.Pointer.Intersection;
+    constructor(mpSdk: MpSdk);
+    inputs: {
+        index: any;
+        radius: number;
+        position: any;
+        fillColor: string;
+        hoverColor: string;
+        ringVisibility: boolean;
+    };
+    outputs: Record<string, unknown> & MpSdk.Scene.PredefinedOutputs;
+    context: MpSdk.Scene.IComponentContext;
+    emits: {
+        active: boolean;
+        changed: boolean;
+    };
+    events: {
+        'INTERACTION.DRAG': boolean;
+        'INTERACTION.DRAG_BEGIN': boolean;
+        'INTERACTION.DRAG_END': boolean;
+        'INTERACTION.HOVER': boolean;
+    };
+    onInputsUpdated: (prevInputs: any) => void;
+    onEvent(eventType: any, data: any): void;
+    onInit: () => void;
+    renderVertice: (hovered?: boolean) => void;
+}
+export declare const pathPointType = "pathPoint";
+export declare const pathPointFactory: (mpSdk: any) => () => PathPoint;