@nice2dev/ui-3d 1.3.15 → 1.3.17

package/dist/cjs/model/ModelEditor.js

@@ -1,42 +1,92 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var ui = require('@nice2dev/ui');
-var editorAsk = require('../core/editorAsk.js');
-var i18n = require('../core/i18n.js');
-var ModelEditor_module = require('./ModelEditor.module.css.js');
-var ModelEditorLeftPanel = require('./ModelEditorLeftPanel.js');
-var ModelEditorMenuBar = require('./ModelEditorMenuBar.js');
-var ModelEditorRightPanel = require('./ModelEditorRightPanel.js');
-var ModelEditorTimeline = require('./ModelEditorTimeline.js');
-var ModelEditorToolbar = require('./ModelEditorToolbar.js');
-var modelEditorTypes = require('./modelEditorTypes.js');
-var ModelEditorViewport = require('./ModelEditorViewport.js');
-var useModelEditor = require('./useModelEditor.js');
-
-const ACCEPT = /* @__PURE__ */ modelEditorTypes.SUPPORTED_EXTENSIONS.map((e) => `.${e}`).join(',');
-const NiceModelEditor = ({ className, onSaveToLibrary, onAIPoseVideo, }) => {
-    const { t } = i18n.useNiceTranslation();
-    const api = useModelEditor.useModelEditor({ onSaveToLibrary, onAIPoseVideo });
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("input", { ref: api.fileInputRef, type: "file", accept: ACCEPT, style: { display: 'none' }, onChange: (e) => {
-                    var _a;
-                    const f = (_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0];
-                    if (f) {
-                        api.loadFile(f);
-                    }
-                    e.target.value = '';
-                } }), jsxRuntime.jsx("input", { ref: api.mergeInputRef, type: "file", accept: ".fbx", style: { display: 'none' }, onChange: (e) => {
-                    var _a;
-                    const f = (_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0];
-                    if (f) {
-                        api.mergeAnimationFBX(f);
-                    }
-                    e.target.value = '';
-                } }), jsxRuntime.jsx("input", { ref: api.videoInputRef, type: "file", accept: "video/*", style: { display: 'none' }, onChange: api.handleAIVideo }), jsxRuntime.jsx(editorAsk.EditorAskDialog, { ask: api.pendingAsk }), jsxRuntime.jsx(ui.NiceAppShell, { className: `${ModelEditor_module.root} ${className !== null && className !== void 0 ? className : ''}`, flush: true, menubar: jsxRuntime.jsx(ModelEditorMenuBar, { api: api, hasOnSaveToLibrary: !!onSaveToLibrary }), sidebar: jsxRuntime.jsxs("div", { style: { display: 'flex', minHeight: 0 }, children: [jsxRuntime.jsx(ModelEditorLeftPanel, { api: api }), jsxRuntime.jsx(ModelEditorToolbar, { api: api })] }), rightSidebar: jsxRuntime.jsx(ModelEditorRightPanel, { api: api }), bottomPanel: jsxRuntime.jsx(ModelEditorTimeline, { api: api }), statusBar: jsxRuntime.jsxs("div", { className: ModelEditor_module.statusBar, children: [jsxRuntime.jsx("span", { children: api.statusText }), jsxRuntime.jsx("span", { style: { marginLeft: 'auto' }, children: t('modelEditor.trianglesMeshesBonesAnimS', '{polyCount} triangles · {meshCount} meshes · {boneCount} bones · {animations} anim(s)')
-                                .replace('{polyCount}', String(api.polyCount.toLocaleString()))
-                                .replace('{meshCount}', String(api.meshCount))
-                                .replace('{boneCount}', String(api.boneCount))
-                                .replace('{animations}', String(api.animations.length)) })] }), children: jsxRuntime.jsx(ModelEditorViewport, { api: api }) })] }));
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const ui = require("@nice2dev/ui");
+const editorAsk = require("../core/editorAsk.js");
+const i18n = require("../core/i18n.js");
+const ModelEditor_module = require("./ModelEditor.module.css.js");
+const ModelEditorLeftPanel = require("./ModelEditorLeftPanel.js");
+const ModelEditorMenuBar = require("./ModelEditorMenuBar.js");
+const ModelEditorRightPanel = require("./ModelEditorRightPanel.js");
+const ModelEditorTimeline = require("./ModelEditorTimeline.js");
+const ModelEditorToolbar = require("./ModelEditorToolbar.js");
+const modelEditorTypes = require("./modelEditorTypes.js");
+const ModelEditorViewport = require("./ModelEditorViewport.js");
+const useModelEditor = require("./useModelEditor.js");
+const ACCEPT = /* @__PURE__ */ modelEditorTypes.SUPPORTED_EXTENSIONS.map((e) => `.${e}`).join(",");
+const NiceModelEditor = ({
+  className,
+  onSaveToLibrary,
+  onAIPoseVideo
+}) => {
+  const { t } = i18n.useNiceTranslation();
+  const api = useModelEditor.useModelEditor({ onSaveToLibrary, onAIPoseVideo });
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        ref: api.fileInputRef,
+        type: "file",
+        accept: ACCEPT,
+        style: { display: "none" },
+        onChange: (e) => {
+          const f = e.target.files?.[0];
+          if (f) {
+            api.loadFile(f);
+          }
+          e.target.value = "";
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        ref: api.mergeInputRef,
+        type: "file",
+        accept: ".fbx",
+        style: { display: "none" },
+        onChange: (e) => {
+          const f = e.target.files?.[0];
+          if (f) {
+            api.mergeAnimationFBX(f);
+          }
+          e.target.value = "";
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        ref: api.videoInputRef,
+        type: "file",
+        accept: "video/*",
+        style: { display: "none" },
+        onChange: api.handleAIVideo
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(editorAsk.EditorAskDialog, { ask: api.pendingAsk }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ui.NiceAppShell,
+      {
+        className: `${ModelEditor_module.default.root} ${className ?? ""}`,
+        flush: true,
+        menubar: /* @__PURE__ */ jsxRuntime.jsx(ModelEditorMenuBar.default, { api, hasOnSaveToLibrary: !!onSaveToLibrary }),
+        sidebar: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", minHeight: 0 }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ModelEditorLeftPanel.default, { api }),
+          /* @__PURE__ */ jsxRuntime.jsx(ModelEditorToolbar.default, { api })
+        ] }),
+        rightSidebar: /* @__PURE__ */ jsxRuntime.jsx(ModelEditorRightPanel.default, { api }),
+        bottomPanel: /* @__PURE__ */ jsxRuntime.jsx(ModelEditorTimeline.default, { api }),
+        statusBar: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ModelEditor_module.default.statusBar, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: api.statusText }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { style: { marginLeft: "auto" }, children: t(
+            "modelEditor.trianglesMeshesBonesAnimS",
+            "{polyCount} triangles · {meshCount} meshes · {boneCount} bones · {animations} anim(s)"
+          ).replace("{polyCount}", String(api.polyCount.toLocaleString())).replace("{meshCount}", String(api.meshCount)).replace("{boneCount}", String(api.boneCount)).replace("{animations}", String(api.animations.length)) })
+        ] }),
+        children: /* @__PURE__ */ jsxRuntime.jsx(ModelEditorViewport.default, { api })
+      }
+    )
+  ] });
 };
-
 exports.NiceModelEditor = NiceModelEditor;

package/dist/cjs/model/ModelEditor.module.css.js

@@ -1,5 +1,257 @@
-'use strict';
-
-var styles = {"root":"ModelEditor-module_root__Aiqom","menuBar":"ModelEditor-module_menuBar__5P6Wi","menuBtn":"ModelEditor-module_menuBtn__f1u-N","menuSep":"ModelEditor-module_menuSep__Jilgu","menuLabel":"ModelEditor-module_menuLabel__gn6yQ","menuRight":"ModelEditor-module_menuRight__YQWk7","leftPanel":"ModelEditor-module_leftPanel__sVsxG","toolbar":"ModelEditor-module_toolbar__l8uKC","toolBtn":"ModelEditor-module_toolBtn__8DzAf","toolSep":"ModelEditor-module_toolSep__5I72j","viewportContainer":"ModelEditor-module_viewportContainer__O-e-6","viewportOverlay":"ModelEditor-module_viewportOverlay__LXDnT","viewportBadge":"ModelEditor-module_viewportBadge__-5C9w","viewportDropZone":"ModelEditor-module_viewportDropZone__PBrTo","rightPanel":"ModelEditor-module_rightPanel__oJf3N","panelSection":"ModelEditor-module_panelSection__yb-jc","panelTitle":"ModelEditor-module_panelTitle__rp8tH","panelContent":"ModelEditor-module_panelContent__IMNnR","treeItem":"ModelEditor-module_treeItem__MiVWT","treeItemActive":"ModelEditor-module_treeItemActive__4ntXK","treeIcon":"ModelEditor-module_treeIcon__PzniU","treeToggle":"ModelEditor-module_treeToggle__Ge5PW","treeVisibility":"ModelEditor-module_treeVisibility__BjKaL","propRow":"ModelEditor-module_propRow__AONtp","propLabel":"ModelEditor-module_propLabel__bwkAK","propInput":"ModelEditor-module_propInput__aFI4Q","propVec3":"ModelEditor-module_propVec3__2FcMf","propVec3X":"ModelEditor-module_propVec3X__lfQtN","propVec3Y":"ModelEditor-module_propVec3Y__PmF5p","propVec3Z":"ModelEditor-module_propVec3Z__swB76","propSelect":"ModelEditor-module_propSelect__1YXcX","bottomPanel":"ModelEditor-module_bottomPanel__ojUaN","bottomPanelCollapsed":"ModelEditor-module_bottomPanelCollapsed__P2I6E","bottomPanelHeader":"ModelEditor-module_bottomPanelHeader__z9D6b","bottomPanelTitle":"ModelEditor-module_bottomPanelTitle__0P32m","bottomToggle":"ModelEditor-module_bottomToggle__fsUEB","transportBar":"ModelEditor-module_transportBar__bh6Sb","transportBtn":"ModelEditor-module_transportBtn__egXSB","transportTime":"ModelEditor-module_transportTime__7RzUh","animListArea":"ModelEditor-module_animListArea__rzc1e","animList":"ModelEditor-module_animList__lGNt5","animItem":"ModelEditor-module_animItem__lZGOY","animItemActive":"ModelEditor-module_animItemActive__8pKLd","animDuration":"ModelEditor-module_animDuration__CAwuG","timelineArea":"ModelEditor-module_timelineArea__WFBHa","timelineRuler":"ModelEditor-module_timelineRuler__jlW8F","rulerTick":"ModelEditor-module_rulerTick__VhJRA","rulerLabel":"ModelEditor-module_rulerLabel__Pwl9a","playhead":"ModelEditor-module_playhead__Rd4rh","playheadHandle":"ModelEditor-module_playheadHandle__rIBHA","timelineTracks":"ModelEditor-module_timelineTracks__joMHo","statusBar":"ModelEditor-module_statusBar__AJMzx","materialCard":"ModelEditor-module_materialCard__1IGe7","materialCardActive":"ModelEditor-module_materialCardActive__VEnBX","materialHeader":"ModelEditor-module_materialHeader__WtTh3","materialName":"ModelEditor-module_materialName__TvRhs","textureSlot":"ModelEditor-module_textureSlot__PLqef","textureThumb":"ModelEditor-module_textureThumb__PdCTD","textureInfo":"ModelEditor-module_textureInfo__XOzZI","textureName":"ModelEditor-module_textureName__H-2d3","btnSecondary":"ModelEditor-module_btnSecondary__nJpgi","aiPanel":"ModelEditor-module_aiPanel__-U1jO","aiHeader":"ModelEditor-module_aiHeader__WMZF5","aiBtnRow":"ModelEditor-module_aiBtnRow__F-S-Z","aiBtn":"ModelEditor-module_aiBtn__8dcrE","aiStatus":"ModelEditor-module_aiStatus__Y5g59","dragOver":"ModelEditor-module_dragOver__2VGIz","contextMenu":"ModelEditor-module_contextMenu__sEb9s","contextItem":"ModelEditor-module_contextItem__W90fc","contextSep":"ModelEditor-module_contextSep__QCWTX","contextKey":"ModelEditor-module_contextKey__HxGV6","modeSelect":"ModelEditor-module_modeSelect__KroPg","menuDropdownWrap":"ModelEditor-module_menuDropdownWrap__6dicW","dropdownMenu":"ModelEditor-module_dropdownMenu__ixJxD","dropdownTitle":"ModelEditor-module_dropdownTitle__zzdA6","dropdownItem":"ModelEditor-module_dropdownItem__4dllG","dropdownSep":"ModelEditor-module_dropdownSep__oFx30","viewportShadingBar":"ModelEditor-module_viewportShadingBar__NOK0h","shadingBtn":"ModelEditor-module_shadingBtn__SAIR9","shadingBtnActive":"ModelEditor-module_shadingBtnActive__ST5YT","viewportGizmoInfo":"ModelEditor-module_viewportGizmoInfo__k0ily","propTabs":"ModelEditor-module_propTabs__Vw0-u","propTabBtn":"ModelEditor-module_propTabBtn__s8xDE","outlinerSearch":"ModelEditor-module_outlinerSearch__p5L46"};
-
-module.exports = styles;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const root = "_root_lw12r_5";
+const menuBar = "_menuBar_lw12r_35";
+const menuBtn = "_menuBtn_lw12r_55";
+const menuSep = "_menuSep_lw12r_91";
+const menuLabel = "_menuLabel_lw12r_103";
+const menuRight = "_menuRight_lw12r_115";
+const leftPanel = "_leftPanel_lw12r_141";
+const toolbar = "_toolbar_lw12r_163";
+const toolBtn = "_toolBtn_lw12r_183";
+const toolSep = "_toolSep_lw12r_229";
+const viewportContainer = "_viewportContainer_lw12r_243";
+const viewportOverlay = "_viewportOverlay_lw12r_277";
+const viewportBadge = "_viewportBadge_lw12r_293";
+const viewportDropZone = "_viewportDropZone_lw12r_309";
+const rightPanel = "_rightPanel_lw12r_349";
+const panelSection = "_panelSection_lw12r_371";
+const panelTitle = "_panelTitle_lw12r_379";
+const panelContent = "_panelContent_lw12r_425";
+const treeItem = "_treeItem_lw12r_441";
+const treeItemActive = "_treeItemActive_lw12r_471";
+const treeIcon = "_treeIcon_lw12r_479";
+const treeToggle = "_treeToggle_lw12r_503";
+const treeVisibility = "_treeVisibility_lw12r_519";
+const propRow = "_propRow_lw12r_543";
+const propLabel = "_propLabel_lw12r_555";
+const propInput = "_propInput_lw12r_567";
+const propVec3 = "_propVec3_lw12r_595";
+const propVec3X = "_propVec3X_lw12r_635";
+const propVec3Y = "_propVec3Y_lw12r_641";
+const propVec3Z = "_propVec3Z_lw12r_647";
+const propSelect = "_propSelect_lw12r_699";
+const bottomPanel = "_bottomPanel_lw12r_727";
+const bottomPanelCollapsed = "_bottomPanelCollapsed_lw12r_745";
+const bottomPanelHeader = "_bottomPanelHeader_lw12r_751";
+const bottomPanelTitle = "_bottomPanelTitle_lw12r_769";
+const bottomToggle = "_bottomToggle_lw12r_783";
+const transportBar = "_transportBar_lw12r_799";
+const transportBtn = "_transportBtn_lw12r_809";
+const transportTime = "_transportTime_lw12r_841";
+const animListArea = "_animListArea_lw12r_857";
+const animList = "_animList_lw12r_857";
+const animItem = "_animItem_lw12r_881";
+const animItemActive = "_animItemActive_lw12r_905";
+const animDuration = "_animDuration_lw12r_913";
+const timelineArea = "_timelineArea_lw12r_927";
+const timelineRuler = "_timelineRuler_lw12r_939";
+const rulerTick = "_rulerTick_lw12r_951";
+const rulerLabel = "_rulerLabel_lw12r_965";
+const playhead = "_playhead_lw12r_979";
+const playheadHandle = "_playheadHandle_lw12r_995";
+const timelineTracks = "_timelineTracks_lw12r_1013";
+const statusBar = "_statusBar_lw12r_1057";
+const materialCard = "_materialCard_lw12r_1089";
+const materialCardActive = "_materialCardActive_lw12r_1103";
+const materialHeader = "_materialHeader_lw12r_1109";
+const materialName = "_materialName_lw12r_1145";
+const textureSlot = "_textureSlot_lw12r_1165";
+const textureThumb = "_textureThumb_lw12r_1177";
+const textureInfo = "_textureInfo_lw12r_1205";
+const textureName = "_textureName_lw12r_1213";
+const btnSecondary = "_btnSecondary_lw12r_1295";
+const aiPanel = "_aiPanel_lw12r_1357";
+const aiHeader = "_aiHeader_lw12r_1371";
+const aiBtnRow = "_aiBtnRow_lw12r_1419";
+const aiBtn = "_aiBtn_lw12r_1419";
+const aiStatus = "_aiStatus_lw12r_1457";
+const dragOver = "_dragOver_lw12r_1475";
+const contextMenu = "_contextMenu_lw12r_1491";
+const contextItem = "_contextItem_lw12r_1511";
+const contextSep = "_contextSep_lw12r_1535";
+const contextKey = "_contextKey_lw12r_1545";
+const modeSelect = "_modeSelect_lw12r_1645";
+const menuDropdownWrap = "_menuDropdownWrap_lw12r_1687";
+const dropdownMenu = "_dropdownMenu_lw12r_1693";
+const dropdownTitle = "_dropdownTitle_lw12r_1721";
+const dropdownItem = "_dropdownItem_lw12r_1737";
+const dropdownSep = "_dropdownSep_lw12r_1765";
+const viewportShadingBar = "_viewportShadingBar_lw12r_1803";
+const shadingBtn = "_shadingBtn_lw12r_1827";
+const shadingBtnActive = "_shadingBtnActive_lw12r_1857";
+const viewportGizmoInfo = "_viewportGizmoInfo_lw12r_1875";
+const propTabs = "_propTabs_lw12r_1895";
+const propTabBtn = "_propTabBtn_lw12r_1907";
+const outlinerSearch = "_outlinerSearch_lw12r_1955";
+const styles = {
+  root,
+  menuBar,
+  menuBtn,
+  menuSep,
+  menuLabel,
+  menuRight,
+  leftPanel,
+  toolbar,
+  toolBtn,
+  toolSep,
+  viewportContainer,
+  viewportOverlay,
+  viewportBadge,
+  viewportDropZone,
+  rightPanel,
+  panelSection,
+  panelTitle,
+  panelContent,
+  treeItem,
+  treeItemActive,
+  treeIcon,
+  treeToggle,
+  treeVisibility,
+  propRow,
+  propLabel,
+  propInput,
+  propVec3,
+  propVec3X,
+  propVec3Y,
+  propVec3Z,
+  propSelect,
+  bottomPanel,
+  bottomPanelCollapsed,
+  bottomPanelHeader,
+  bottomPanelTitle,
+  bottomToggle,
+  transportBar,
+  transportBtn,
+  transportTime,
+  animListArea,
+  animList,
+  animItem,
+  animItemActive,
+  animDuration,
+  timelineArea,
+  timelineRuler,
+  rulerTick,
+  rulerLabel,
+  playhead,
+  playheadHandle,
+  timelineTracks,
+  statusBar,
+  materialCard,
+  materialCardActive,
+  materialHeader,
+  materialName,
+  textureSlot,
+  textureThumb,
+  textureInfo,
+  textureName,
+  btnSecondary,
+  aiPanel,
+  aiHeader,
+  aiBtnRow,
+  aiBtn,
+  aiStatus,
+  dragOver,
+  contextMenu,
+  contextItem,
+  contextSep,
+  contextKey,
+  modeSelect,
+  menuDropdownWrap,
+  dropdownMenu,
+  dropdownTitle,
+  dropdownItem,
+  dropdownSep,
+  viewportShadingBar,
+  shadingBtn,
+  shadingBtnActive,
+  viewportGizmoInfo,
+  propTabs,
+  propTabBtn,
+  outlinerSearch
+};
+exports.aiBtn = aiBtn;
+exports.aiBtnRow = aiBtnRow;
+exports.aiHeader = aiHeader;
+exports.aiPanel = aiPanel;
+exports.aiStatus = aiStatus;
+exports.animDuration = animDuration;
+exports.animItem = animItem;
+exports.animItemActive = animItemActive;
+exports.animList = animList;
+exports.animListArea = animListArea;
+exports.bottomPanel = bottomPanel;
+exports.bottomPanelCollapsed = bottomPanelCollapsed;
+exports.bottomPanelHeader = bottomPanelHeader;
+exports.bottomPanelTitle = bottomPanelTitle;
+exports.bottomToggle = bottomToggle;
+exports.btnSecondary = btnSecondary;
+exports.contextItem = contextItem;
+exports.contextKey = contextKey;
+exports.contextMenu = contextMenu;
+exports.contextSep = contextSep;
+exports.default = styles;
+exports.dragOver = dragOver;
+exports.dropdownItem = dropdownItem;
+exports.dropdownMenu = dropdownMenu;
+exports.dropdownSep = dropdownSep;
+exports.dropdownTitle = dropdownTitle;
+exports.leftPanel = leftPanel;
+exports.materialCard = materialCard;
+exports.materialCardActive = materialCardActive;
+exports.materialHeader = materialHeader;
+exports.materialName = materialName;
+exports.menuBar = menuBar;
+exports.menuBtn = menuBtn;
+exports.menuDropdownWrap = menuDropdownWrap;
+exports.menuLabel = menuLabel;
+exports.menuRight = menuRight;
+exports.menuSep = menuSep;
+exports.modeSelect = modeSelect;
+exports.outlinerSearch = outlinerSearch;
+exports.panelContent = panelContent;
+exports.panelSection = panelSection;
+exports.panelTitle = panelTitle;
+exports.playhead = playhead;
+exports.playheadHandle = playheadHandle;
+exports.propInput = propInput;
+exports.propLabel = propLabel;
+exports.propRow = propRow;
+exports.propSelect = propSelect;
+exports.propTabBtn = propTabBtn;
+exports.propTabs = propTabs;
+exports.propVec3 = propVec3;
+exports.propVec3X = propVec3X;
+exports.propVec3Y = propVec3Y;
+exports.propVec3Z = propVec3Z;
+exports.rightPanel = rightPanel;
+exports.root = root;
+exports.rulerLabel = rulerLabel;
+exports.rulerTick = rulerTick;
+exports.shadingBtn = shadingBtn;
+exports.shadingBtnActive = shadingBtnActive;
+exports.statusBar = statusBar;
+exports.textureInfo = textureInfo;
+exports.textureName = textureName;
+exports.textureSlot = textureSlot;
+exports.textureThumb = textureThumb;
+exports.timelineArea = timelineArea;
+exports.timelineRuler = timelineRuler;
+exports.timelineTracks = timelineTracks;
+exports.toolBtn = toolBtn;
+exports.toolSep = toolSep;
+exports.toolbar = toolbar;
+exports.transportBar = transportBar;
+exports.transportBtn = transportBtn;
+exports.transportTime = transportTime;
+exports.treeIcon = treeIcon;
+exports.treeItem = treeItem;
+exports.treeItemActive = treeItemActive;
+exports.treeToggle = treeToggle;
+exports.treeVisibility = treeVisibility;
+exports.viewportBadge = viewportBadge;
+exports.viewportContainer = viewportContainer;
+exports.viewportDropZone = viewportDropZone;
+exports.viewportGizmoInfo = viewportGizmoInfo;
+exports.viewportOverlay = viewportOverlay;
+exports.viewportShadingBar = viewportShadingBar;

package/dist/cjs/model/ModelEditorLeftPanel.js

@@ -1,52 +1,131 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var ui = require('@nice2dev/ui');
-var React = require('react');
-var i18n = require('../core/i18n.js');
-var ModelEditor_module = require('./ModelEditor.module.css.js');
-
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const ui = require("@nice2dev/ui");
+const React = require("react");
+const i18n = require("../core/i18n.js");
+const ModelEditor_module = require("./ModelEditor.module.css.js");
 const ModelEditorLeftPanel = /* @__PURE__ */ Object.assign(
-/* @__PURE__ */ React.memo(({ api }) => {
+  /* @__PURE__ */ React.memo(({ api }) => {
     const { t } = i18n.useNiceTranslation();
-    const { sceneTree, selectedId, outlinerSearch, setOutlinerSearch, selectObject, rebuildTree, toggleNodeExpanded, toggleNodeVisibility, } = api;
+    const {
+      sceneTree,
+      selectedId,
+      outlinerSearch,
+      setOutlinerSearch,
+      selectObject,
+      rebuildTree,
+      toggleNodeExpanded,
+      toggleNodeVisibility
+    } = api;
     const renderTreeNode = (node, depth) => {
-        // Outliner search filter
-        if (outlinerSearch) {
-            const q = outlinerSearch.toLowerCase();
-            const match = node.name.toLowerCase().includes(q);
-            const childMatch = node.children.some(function cm(c) {
-                return c.name.toLowerCase().includes(q) || c.children.some(cm);
-            });
-            if (!match && !childMatch) {
-                return null;
-            }
+      if (outlinerSearch) {
+        const q = outlinerSearch.toLowerCase();
+        const match = node.name.toLowerCase().includes(q);
+        const childMatch = node.children.some(function cm(c) {
+          return c.name.toLowerCase().includes(q) || c.children.some(cm);
+        });
+        if (!match && !childMatch) {
+          return null;
         }
-        const hasChildren = node.children.length > 0;
-        const icon = node.type === 'mesh'
-            ? 'box'
-            : node.type === 'bone'
-                ? 'target'
-                : node.type === 'light'
-                    ? 'lightbulb'
-                    : node.type === 'camera'
-                        ? 'camera'
-                        : node.type === 'helper'
-                            ? 'hexagon'
-                            : 'folder';
-        return (jsxRuntime.jsxs(React.Fragment, { children: [jsxRuntime.jsxs("div", { role: "button", tabIndex: 0, onKeyDown: ui.clickOnActivationKey, className: `${ModelEditor_module.treeItem} ${selectedId === node.id ? ModelEditor_module.treeItemActive : ''}`, style: { paddingLeft: depth * 16 + 4 }, onClick: () => selectObject(node), children: [hasChildren ? (jsxRuntime.jsx("span", { role: "button", tabIndex: 0, "aria-label": t(node.expanded ? 'controls.collapse' : 'controls.expand', node.expanded ? 'Collapse' : 'Expand'), onKeyDown: ui.clickOnActivationKey, className: ModelEditor_module.treeToggle, onClick: (e) => {
-                                e.stopPropagation();
-                                toggleNodeExpanded(node);
-                            }, children: jsxRuntime.jsx(ui.NiceIcon, { name: node.expanded ? 'chevron-down' : 'chevron-right', size: 14 }) })) : (jsxRuntime.jsx("span", { className: ModelEditor_module.treeToggle })), jsxRuntime.jsx("span", { className: ModelEditor_module.treeIcon, children: jsxRuntime.jsx(ui.NiceIcon, { name: icon, size: 14 }) }), jsxRuntime.jsx("span", { style: { flex: 1, overflow: 'hidden', textOverflow: 'ellipsis' }, children: node.name }), jsxRuntime.jsx("span", { role: "button", tabIndex: 0, "aria-label": t(node.visible ? 'hide' : 'show', node.visible ? 'Hide' : 'Show'), onKeyDown: ui.clickOnActivationKey, className: ModelEditor_module.treeVisibility, onClick: (e) => {
-                                e.stopPropagation();
-                                toggleNodeVisibility(node);
-                            }, children: jsxRuntime.jsx(ui.NiceIcon, { name: node.visible ? 'eye' : 'eye-off', size: 14 }) })] }), node.expanded && node.children.map((c) => renderTreeNode(c, depth + 1))] }, node.id));
+      }
+      const hasChildren = node.children.length > 0;
+      const icon = node.type === "mesh" ? "box" : node.type === "bone" ? "target" : node.type === "light" ? "lightbulb" : node.type === "camera" ? "camera" : node.type === "helper" ? "hexagon" : "folder";
+      return /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            role: "button",
+            tabIndex: 0,
+            onKeyDown: ui.clickOnActivationKey,
+            className: `${ModelEditor_module.default.treeItem} ${selectedId === node.id ? ModelEditor_module.default.treeItemActive : ""}`,
+            style: { paddingLeft: depth * 16 + 4 },
+            onClick: () => selectObject(node),
+            children: [
+              hasChildren ? /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  role: "button",
+                  tabIndex: 0,
+                  "aria-label": t(
+                    node.expanded ? "controls.collapse" : "controls.expand",
+                    node.expanded ? "Collapse" : "Expand"
+                  ),
+                  onKeyDown: ui.clickOnActivationKey,
+                  className: ModelEditor_module.default.treeToggle,
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    toggleNodeExpanded(node);
+                  },
+                  children: /* @__PURE__ */ jsxRuntime.jsx(ui.NiceIcon, { name: node.expanded ? "chevron-down" : "chevron-right", size: 14 })
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: ModelEditor_module.default.treeToggle }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: ModelEditor_module.default.treeIcon, children: /* @__PURE__ */ jsxRuntime.jsx(ui.NiceIcon, { name: icon, size: 14 }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { style: { flex: 1, overflow: "hidden", textOverflow: "ellipsis" }, children: node.name }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  role: "button",
+                  tabIndex: 0,
+                  "aria-label": t(node.visible ? "hide" : "show", node.visible ? "Hide" : "Show"),
+                  onKeyDown: ui.clickOnActivationKey,
+                  className: ModelEditor_module.default.treeVisibility,
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    toggleNodeVisibility(node);
+                  },
+                  children: /* @__PURE__ */ jsxRuntime.jsx(ui.NiceIcon, { name: node.visible ? "eye" : "eye-off", size: 14 })
+                }
+              )
+            ]
+          }
+        ),
+        node.expanded && node.children.map((c) => renderTreeNode(c, depth + 1))
+      ] }, node.id);
     };
-    return (jsxRuntime.jsx("div", { className: ModelEditor_module.leftPanel, children: jsxRuntime.jsxs("div", { className: ModelEditor_module.panelSection, children: [jsxRuntime.jsxs("div", { className: ModelEditor_module.panelTitle, children: [jsxRuntime.jsx(ui.NiceIcon, { name: "clipboard", size: 14 }), " ", t('modelEditorLeftPanel.outliner', 'Outliner'), jsxRuntime.jsx(ui.NiceButton, { variant: "ghost", size: "sm", onClick: rebuildTree, title: t('modelEditorLeftPanel.refresh', 'Refresh'), "aria-label": t('modelEditorLeftPanel.refreshOutliner', 'Refresh outliner'), children: jsxRuntime.jsx(ui.NiceIcon, { name: "refresh", size: 14 }) })] }), jsxRuntime.jsx("div", { className: ModelEditor_module.outlinerSearch, children: jsxRuntime.jsx(ui.NiceTextInput, { className: ModelEditor_module.propInput, placeholder: t('modelEditorLeftPanel.filter', 'Filter...'), value: outlinerSearch, onChange: (val) => setOutlinerSearch(val), style: { width: '100%', marginBottom: 4 } }) }), jsxRuntime.jsxs("div", { className: ModelEditor_module.panelContent, style: { overflowY: 'auto', flex: 1 }, children: [sceneTree.length === 0 && (jsxRuntime.jsx("div", { style: {
-                                color: 'var(--nice-text-secondary, #666)',
-                                fontSize: 10,
-                                padding: '8px 0',
-                            }, children: t('modelEditorLeftPanel.dropA3dFileTo', 'Drop a 3D file to begin') })), sceneTree.map((n) => renderTreeNode(n, 0))] })] }) }));
-}), { displayName: 'ModelEditorLeftPanel' });
-
-module.exports = ModelEditorLeftPanel;
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: ModelEditor_module.default.leftPanel, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ModelEditor_module.default.panelSection, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ModelEditor_module.default.panelTitle, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.NiceIcon, { name: "clipboard", size: 14 }),
+        " ",
+        t("modelEditorLeftPanel.outliner", "Outliner"),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.NiceButton,
+          {
+            variant: "ghost",
+            size: "sm",
+            onClick: rebuildTree,
+            title: t("modelEditorLeftPanel.refresh", "Refresh"),
+            "aria-label": t("modelEditorLeftPanel.refreshOutliner", "Refresh outliner"),
+            children: /* @__PURE__ */ jsxRuntime.jsx(ui.NiceIcon, { name: "refresh", size: 14 })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: ModelEditor_module.default.outlinerSearch, children: /* @__PURE__ */ jsxRuntime.jsx(
+        ui.NiceTextInput,
+        {
+          className: ModelEditor_module.default.propInput,
+          placeholder: t("modelEditorLeftPanel.filter", "Filter..."),
+          value: outlinerSearch,
+          onChange: (val) => setOutlinerSearch(val),
+          style: { width: "100%", marginBottom: 4 }
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ModelEditor_module.default.panelContent, style: { overflowY: "auto", flex: 1 }, children: [
+        sceneTree.length === 0 && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            style: {
+              color: "var(--nice-text-secondary, #666)",
+              fontSize: 10,
+              padding: "8px 0"
+            },
+            children: t("modelEditorLeftPanel.dropA3dFileTo", "Drop a 3D file to begin")
+          }
+        ),
+        sceneTree.map((n) => renderTreeNode(n, 0))
+      ] })
+    ] }) });
+  }),
+  { displayName: "ModelEditorLeftPanel" }
+);
+exports.default = ModelEditorLeftPanel;