@x-viewer/ui 0.10.1 → 0.11.0

package/dist/index.esm.js

@@ -1,12 +1,12 @@
 /**
-    * @x-viewer/ui v0.10.1 build Fri Jan 23 2026
+    * @x-viewer/ui v0.11.0 build Tue Feb 10 2026
     * undefined
     * Copyright 2026 x-viewer
     * @license UNLICENSED
     */
 import { THREE } from '@x-viewer/core';
 
-function styleInject(_0x1dd3c6,_0xaccb50){if(_0xaccb50===void 0x0)_0xaccb50={};var _0x1b1ef1=_0xaccb50['insertAt'];if(!_0x1dd3c6||typeof document==='undefined')return;var _0x118001=document['head']||document['getElementsByTagName']('head')[0x0],_0x2af4d8=document['createElement']('style');_0x2af4d8['type']='text/css',_0x1b1ef1==='top'?_0x118001['firstChild']?_0x118001['insertBefore'](_0x2af4d8,_0x118001['firstChild']):_0x118001['appendChild'](_0x2af4d8):_0x118001['appendChild'](_0x2af4d8),_0x2af4d8['styleSheet']?_0x2af4d8['styleSheet']['cssText']=_0x1dd3c6:_0x2af4d8['appendChild'](document['createTextNode'](_0x1dd3c6));}
+function styleInject(_0x8b1d73,_0x268304){if(_0x268304===void 0x0)_0x268304={};var _0x3780c9=_0x268304['insertAt'];if(!_0x8b1d73||typeof document==='undefined')return;var _0x3eafa4=document['head']||document['getElementsByTagName']('head')[0x0],_0x48bf22=document['createElement']('style');_0x48bf22['type']='text/css',_0x3780c9==='top'?_0x3eafa4['firstChild']?_0x3eafa4['insertBefore'](_0x48bf22,_0x3eafa4['firstChild']):_0x3eafa4['appendChild'](_0x48bf22):_0x3eafa4['appendChild'](_0x48bf22),_0x48bf22['styleSheet']?_0x48bf22['styleSheet']['cssText']=_0x8b1d73:_0x48bf22['appendChild'](document['createTextNode'](_0x8b1d73));}
 
 var css_248z$2 = ".base-panel{background-color:hsla(0,0%,100%,.9);border-radius:4px;box-shadow:1px 3px 10px 0 rgba(0,0,0,.4);color:#000;height:350px;max-height:90%;max-width:50%;min-height:40px;min-width:200px;overflow:hidden;position:absolute;resize:both;right:20px;top:30px;user-select:none;width:330px;z-index:2}.base-panel ::-webkit-scrollbar{width:6px}.base-panel ::-webkit-scrollbar-track{background:#e1e1e1;border-radius:1px}.base-panel ::-webkit-scrollbar-thumb{background:#888;border-radius:1px}.base-panel ::-webkit-scrollbar-thumb:hover{background:#555}.base-panel:hover{background-color:hsla(0,0%,100%,.95)}.base-panel input{background-color:#fff;border:1px solid #d9d9d9;box-shadow:0 2px 0 rgba(0,0,0,.02);color:rgba(0,0,0,.88);height:auto;padding:0 2px;transition:all .2s cubic-bezier(.645,.045,.355,1)}.base-panel input:hover{border-color:#4096ff;color:#4096ff}.base-panel input[type=button]{cursor:pointer;height:auto;padding:1px 10px;text-align:center;user-select:none;white-space:nowrap}.base-panel input[type=button]:hover{border-color:#4096ff;color:#4096ff;z-index:2}.base-panel input[type=text]{padding:0 2px}.base-panel input[type=color]{background-color:transparent;border:0;height:16px;overflow:hidden;padding:0;width:30px}.base-panel select{background-color:#fff;border:1px solid #d9d9d9;box-shadow:0 2px 0 rgba(0,0,0,.02);color:rgba(0,0,0,.88);cursor:pointer;height:auto;padding:1px 10px;text-align:center;transition:all .2s cubic-bezier(.645,.045,.355,1);user-select:none;white-space:nowrap}.base-panel select:hover{border-color:#4096ff;color:#4096ff;z-index:2}.base-panel ::-webkit-color-swatch{height:16px;margin-top:-5px;position:relative;width:40px}.base-panel .header{align-items:center;background-color:rgba(0,0,0,.133);border-bottom:1px solid #ccc;cursor:move;display:flex;font-size:16px;height:40px;padding-left:12px;width:100%}.base-panel .header .expander{align-items:center;box-sizing:content-box;cursor:pointer;display:inline-flex;justify-content:center;line-height:1;opacity:.7;padding:10px;position:absolute;right:36px;transform-origin:center center;-webkit-transform-origin:center center;transition:transform .05s ease;-moz-transition:transform .05s ease;-webkit-transition:transform .05s ease}.base-panel .header .expander:hover{opacity:1}.base-panel .header .expander svg{display:block;height:16px;width:16px}.base-panel .header .expander-collapsed{transform:rotate(180deg);-webkit-transform:rotate(180deg)}.base-panel .header .close{cursor:pointer;opacity:.7;padding:10px;position:absolute;right:8px}.base-panel .header .close:hover{opacity:1}.base-panel .content{height:calc(100% - 40px);overflow-x:hidden;overflow-y:auto;padding:5px}.base-panel .content .color-input{border:1px solid gray;cursor:pointer;font-size:0;height:20px;width:20px}.base-panel .content .color-input:hover{border:1px solid blue}";
 styleInject(css_248z$2);
@@ -14,13 +14,13 @@ styleInject(css_248z$2);
 var css_248z$1 = ".pop-panel{background:#fff;border-radius:4px;box-shadow:0 12px 48px 16px rgba(0,0,0,.03),0 9px 28px 0 rgba(0,0,0,.05),0 6px 16px -8px rgba(0,0,0,.08);color:#333;left:calc(90% - 160px);position:absolute;top:calc(70% - 100px);width:160px;z-index:99999999}.pop-panel .pop-panel-header{border-bottom:1px solid #efefef;color:#333;cursor:move;font-size:16px;font-weight:bolder;padding:16px 24px 8px;user-select:none}.pop-panel .pop-panel-body{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:16px 24px}.pop-panel .pop-panel-body .pop-panel-item{cursor:pointer;display:inline-block;font-size:16px;margin-right:16px}.pop-panel .pop-panel-body .pop-panel-item .x-viewer-iconfont{font-size:24px}.pop-panel .pop-panel-body .pop-panel-item:last-child{margin-right:0}.pop-panel .pop-panel-body .pop-panel-item.active,.pop-panel .pop-panel-body .pop-panel-item:hover{color:#2c7be5}.pop-panel .pop-panel-body .pop-panel-item.disable{color:#999;cursor:not-allowed}";
 styleInject(css_248z$1);
 
-class BasePanel{constructor(_0x484b17){this['mouseDownPositionX']=-0x1,this['mouseDownPositionY']=-0x1,this['originalPanelHeight']=-0x1,this['onHide']=()=>{var _0x4576fe;this['setVisible'](![]),(_0x4576fe=this['onClose'])===null||_0x4576fe===void 0x0?void 0x0:_0x4576fe['call'](this);},this['onPointerDown']=_0x1105a7=>{_0x1105a7['target']['classList']['contains']('draggable')&&_0x1105a7['button']===0x0&&(this['mouseDownPositionX']=_0x1105a7['x'],this['mouseDownPositionY']=_0x1105a7['y'],document['addEventListener']('pointermove',this['onPointerMove']),document['addEventListener']('pointerup',this['onPointerUp']));},this['onPointerMove']=_0x2a90ea=>{const _0x4cf8c2=this['root'],_0xd04a60=_0x2a90ea['x']-this['mouseDownPositionX'],_0x21d00b=_0x2a90ea['y']-this['mouseDownPositionY'],_0xeb154f=this['getPanelTransform']();let _0x5f5b8c=_0x4cf8c2['offsetLeft']+_0xeb154f['x']+_0xd04a60,_0x3eda04=_0x4cf8c2['offsetTop']+_0xeb154f['y']+_0x21d00b;const _0x3868f3=this['viewportContainer'];if(_0x3868f3){const _0x119b38=_0x3868f3['clientLeft']+_0x3868f3['clientWidth'],_0x134633=_0x3868f3['clientTop']+_0x3868f3['clientHeight'];_0x5f5b8c<0x0&&(_0x5f5b8c=0x0),_0x5f5b8c>0x0&&_0x5f5b8c+_0x4cf8c2['clientWidth']>_0x119b38&&(_0xd04a60>0x0&&(_0x5f5b8c=_0x4cf8c2['offsetLeft']+_0xeb154f['x'])),_0x3eda04<0x0&&(_0x3eda04=0x0),_0x3eda04>0x0&&_0x3eda04+_0x4cf8c2['clientHeight']>_0x134633&&(_0x21d00b>0x0&&(_0x3eda04=_0x4cf8c2['offsetTop']+_0xeb154f['y']));}_0x4cf8c2['style']['left']=_0x5f5b8c-_0xeb154f['x']+'px',_0x4cf8c2['style']['top']=_0x3eda04-_0xeb154f['y']+'px',this['mouseDownPositionX']=_0x2a90ea['x'],this['mouseDownPositionY']=_0x2a90ea['y'];},this['onPointerUp']=()=>{document['removeEventListener']('pointermove',this['onPointerMove']),document['removeEventListener']('pointerup',this['onPointerUp']);};const {container:_0x195467,title:_0x4cbeae,cssClass:_0x31bb61,onClose:_0x39faf7,viewportContainer:_0x327c8f}=_0x484b17;this['root']=document['createElement']('div'),this['root']['classList']['add']('base-panel');_0x31bb61&&this['root']['classList']['add'](_0x31bb61);this['header']=document['createElement']('div'),this['header']['classList']['add']('header','draggable');const _0x4aab3b=document['createElement']('span');_0x4aab3b['innerText']=_0x4cbeae,_0x4aab3b['classList']['add']('draggable'),this['closeBtn']=document['createElement']('span'),this['closeBtn']['classList']['add']('close'),this['closeBtn']['innerHTML']='✕',this['collapseBtn']=document['createElement']('span'),this['collapseBtn']['classList']['add']('expander'),this['collapseBtn']['innerHTML']='<svg\x20viewBox=\x220\x200\x2024\x2024\x22\x20aria-hidden=\x22true\x22><path\x20d=\x22M6\x2015l6-6\x206\x206\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-width=\x222\x22/></svg>',this['header']['appendChild'](_0x4aab3b),this['header']['appendChild'](this['collapseBtn']),this['header']['appendChild'](this['closeBtn']),this['root']['appendChild'](this['header']),this['content']=document['createElement']('div'),this['content']['classList']['add']('content'),this['root']['appendChild'](this['content']),_0x195467['appendChild'](this['root']),this['header']['addEventListener']('pointerdown',this['onPointerDown']),this['collapseBtn']['addEventListener']('click',_0xe4b39e=>{_0xe4b39e['stopPropagation']();const _0x22270e=this['originalPanelHeight']>0x0;_0x22270e?(this['collapseBtn']['classList']['remove']('expander-collapsed'),this['root']['style']['height']=this['originalPanelHeight']+'px',this['originalPanelHeight']=-0x1):(this['collapseBtn']['classList']['add']('expander-collapsed'),this['originalPanelHeight']=this['root']['clientHeight'],this['root']['style']['height']='0px');}),this['closeBtn']['addEventListener']('click',this['onHide']),_0x39faf7&&(this['onClose']=_0x39faf7),_0x327c8f&&(this['viewportContainer']=_0x327c8f);}['setVisible'](_0xc48d63){this['root']['style']['display']=_0xc48d63?'':'none';}['isVisible'](){return this['root']['style']['display']!=='none';}['setTitle'](_0x1f911a){this['header']['querySelector']('span.draggable')['innerText']=_0x1f911a;}['setContent'](_0x25f1a6){this['content']['innerHTML']=_0x25f1a6;}['destroy'](){this['header']['removeEventListener']('pointerdown',this['onPointerDown']),this['closeBtn']['removeEventListener']('click',this['onHide']);}['getPanelTransform'](){const _0x3a0aea=window['getComputedStyle'](this['root']);let _0xb69624=0x0,_0x22969c=0x0;const _0x442d56=_0x3a0aea['transform'];if(_0x442d56&&_0x442d56['startsWith']('matrix')){const _0x6f09cd=_0x442d56['match'](/matrix\([^\d\-]*([\d\.\-]+),[^\d\-]*([\d\.\-]+),[^\d\-]*([\d\.\-]+),[^\d\-]*([\d\.\-]+),[^\d\-]*([\d\.\-]+),[^\d\-]*([\d\.\-]+)\)/);_0x6f09cd&&(_0xb69624=parseFloat(_0x6f09cd[0x5]),_0x22969c=parseFloat(_0x6f09cd[0x6]));}else {if(_0x442d56&&_0x442d56['startsWith']('translate')){const _0x31c2c4=_0x442d56['match'](/translate\(([\d\.\-]+)px,\s*([\d\.\-]+)px\)/);_0x31c2c4&&(_0xb69624=parseFloat(_0x31c2c4[0x1]),_0x22969c=parseFloat(_0x31c2c4[0x2]));}}return new THREE['Vector2'](_0xb69624,_0x22969c);}}
+class BasePanel{constructor(_0xdf4927){this['mouseDownPositionX']=-0x1,this['mouseDownPositionY']=-0x1,this['originalPanelHeight']=-0x1,this['onHide']=()=>{var _0x40e1f2;this['setVisible'](![]),(_0x40e1f2=this['onClose'])===null||_0x40e1f2===void 0x0?void 0x0:_0x40e1f2['call'](this);},this['onPointerDown']=_0xcab3e8=>{_0xcab3e8['target']['classList']['contains']('draggable')&&_0xcab3e8['button']===0x0&&(this['mouseDownPositionX']=_0xcab3e8['x'],this['mouseDownPositionY']=_0xcab3e8['y'],document['addEventListener']('pointermove',this['onPointerMove']),document['addEventListener']('pointerup',this['onPointerUp']));},this['onPointerMove']=_0x5e9255=>{const _0x719895=this['root'],_0x2cb08f=_0x5e9255['x']-this['mouseDownPositionX'],_0x52be58=_0x5e9255['y']-this['mouseDownPositionY'],_0x149177=this['getPanelTransform']();let _0x7002ae=_0x719895['offsetLeft']+_0x149177['x']+_0x2cb08f,_0x13fc17=_0x719895['offsetTop']+_0x149177['y']+_0x52be58;const _0x48e881=this['viewportContainer'];if(_0x48e881){const _0x484776=_0x48e881['clientLeft']+_0x48e881['clientWidth'],_0x15045a=_0x48e881['clientTop']+_0x48e881['clientHeight'];_0x7002ae<0x0&&(_0x7002ae=0x0),_0x7002ae>0x0&&_0x7002ae+_0x719895['clientWidth']>_0x484776&&(_0x2cb08f>0x0&&(_0x7002ae=_0x719895['offsetLeft']+_0x149177['x'])),_0x13fc17<0x0&&(_0x13fc17=0x0),_0x13fc17>0x0&&_0x13fc17+_0x719895['clientHeight']>_0x15045a&&(_0x52be58>0x0&&(_0x13fc17=_0x719895['offsetTop']+_0x149177['y']));}_0x719895['style']['left']=_0x7002ae-_0x149177['x']+'px',_0x719895['style']['top']=_0x13fc17-_0x149177['y']+'px',this['mouseDownPositionX']=_0x5e9255['x'],this['mouseDownPositionY']=_0x5e9255['y'];},this['onPointerUp']=()=>{document['removeEventListener']('pointermove',this['onPointerMove']),document['removeEventListener']('pointerup',this['onPointerUp']);};const {container:_0x243dca,title:_0x5b3993,cssClass:_0x25ef94,onClose:_0x401476,viewportContainer:_0x4dc480}=_0xdf4927;this['root']=document['createElement']('div'),this['root']['classList']['add']('base-panel');_0x25ef94&&this['root']['classList']['add'](_0x25ef94);this['header']=document['createElement']('div'),this['header']['classList']['add']('header','draggable');const _0x2d6f25=document['createElement']('span');_0x2d6f25['innerText']=_0x5b3993,_0x2d6f25['classList']['add']('draggable'),this['closeBtn']=document['createElement']('span'),this['closeBtn']['classList']['add']('close'),this['closeBtn']['innerHTML']='✕',this['collapseBtn']=document['createElement']('span'),this['collapseBtn']['classList']['add']('expander'),this['collapseBtn']['innerHTML']='<svg\x20viewBox=\x220\x200\x2024\x2024\x22\x20aria-hidden=\x22true\x22><path\x20d=\x22M6\x2015l6-6\x206\x206\x22\x20fill=\x22none\x22\x20stroke=\x22currentColor\x22\x20stroke-width=\x222\x22/></svg>',this['header']['appendChild'](_0x2d6f25),this['header']['appendChild'](this['collapseBtn']),this['header']['appendChild'](this['closeBtn']),this['root']['appendChild'](this['header']),this['content']=document['createElement']('div'),this['content']['classList']['add']('content'),this['root']['appendChild'](this['content']),_0x243dca['appendChild'](this['root']),this['header']['addEventListener']('pointerdown',this['onPointerDown']),this['collapseBtn']['addEventListener']('click',_0x3d0cc4=>{_0x3d0cc4['stopPropagation']();const _0x137fa3=this['originalPanelHeight']>0x0;_0x137fa3?(this['collapseBtn']['classList']['remove']('expander-collapsed'),this['root']['style']['height']=this['originalPanelHeight']+'px',this['originalPanelHeight']=-0x1):(this['collapseBtn']['classList']['add']('expander-collapsed'),this['originalPanelHeight']=this['root']['clientHeight'],this['root']['style']['height']='0px');}),this['closeBtn']['addEventListener']('click',this['onHide']),_0x401476&&(this['onClose']=_0x401476),_0x4dc480&&(this['viewportContainer']=_0x4dc480);}['setVisible'](_0x1c469f){this['root']['style']['display']=_0x1c469f?'':'none';}['isVisible'](){return this['root']['style']['display']!=='none';}['setTitle'](_0x32f633){this['header']['querySelector']('span.draggable')['innerText']=_0x32f633;}['setContent'](_0x40c01c){this['content']['innerHTML']=_0x40c01c;}['destroy'](){this['header']['removeEventListener']('pointerdown',this['onPointerDown']),this['closeBtn']['removeEventListener']('click',this['onHide']);}['getPanelTransform'](){const _0x25f39c=window['getComputedStyle'](this['root']);let _0x52aa6f=0x0,_0x4b387b=0x0;const _0x400b00=_0x25f39c['transform'];if(_0x400b00&&_0x400b00['startsWith']('matrix')){const _0x1c35c5=_0x400b00['match'](/matrix\([^\d\-]*([\d\.\-]+),[^\d\-]*([\d\.\-]+),[^\d\-]*([\d\.\-]+),[^\d\-]*([\d\.\-]+),[^\d\-]*([\d\.\-]+),[^\d\-]*([\d\.\-]+)\)/);_0x1c35c5&&(_0x52aa6f=parseFloat(_0x1c35c5[0x5]),_0x4b387b=parseFloat(_0x1c35c5[0x6]));}else {if(_0x400b00&&_0x400b00['startsWith']('translate')){const _0x273227=_0x400b00['match'](/translate\(([\d\.\-]+)px,\s*([\d\.\-]+)px\)/);_0x273227&&(_0x52aa6f=parseFloat(_0x273227[0x1]),_0x4b387b=parseFloat(_0x273227[0x2]));}}return new THREE['Vector2'](_0x52aa6f,_0x4b387b);}}
 
-class PopPanel{constructor(_0x29f262,_0x532c84,_0x117dea=document['body']){this['container']=_0x117dea,this['isFollowing']=![],this['diffX']=0x0,this['diffY']=0x0,this['start']=_0x40f38e=>{this['isFollowing']=!![],this['diffX']=_0x40f38e['clientX']-this['element']['offsetLeft'],this['diffY']=_0x40f38e['clientY']-this['element']['offsetTop'];},this['stop']=()=>{this['isFollowing']=![];},this['follow']=_0xd85c6c=>{if(!this['isFollowing'])return;const _0x31042e=_0xd85c6c['clientX']-this['diffX'],_0x449fde=_0xd85c6c['clientY']-this['diffY'];this['element']['style']['left']=_0x31042e+'px',this['element']['style']['top']=_0x449fde+'px';},this['element']=document['createElement']('div'),this['element']['id']=_0x29f262,this['element']['classList']['add']('pop-panel');const _0x56c8d1=document['createElement']('div');_0x56c8d1['classList']['add']('pop-panel-header'),_0x56c8d1['append'](_0x532c84),this['element']['appendChild'](_0x56c8d1),this['header']=_0x56c8d1;const _0x42f7f2=document['createElement']('div');_0x42f7f2['classList']['add']('pop-panel-body'),this['element']['appendChild'](_0x42f7f2),this['body']=_0x42f7f2,_0x56c8d1['addEventListener']('mousedown',this['start']),_0x56c8d1['addEventListener']('mouseup',this['stop']),document['body']['addEventListener']('mousemove',this['follow']),this['container']['appendChild'](this['element']);}['destroy'](){document['body']['removeEventListener']('mousemove',this['follow']),this['element']['removeEventListener']('mousedown',this['start']),this['element']['removeEventListener']('mouseup',this['stop']),this['element']['remove']();}}
+class PopPanel{constructor(_0x550cee,_0x145d61,_0x20ac41=document['body']){this['container']=_0x20ac41,this['isFollowing']=![],this['diffX']=0x0,this['diffY']=0x0,this['start']=_0x1c7b55=>{this['isFollowing']=!![],this['diffX']=_0x1c7b55['clientX']-this['element']['offsetLeft'],this['diffY']=_0x1c7b55['clientY']-this['element']['offsetTop'];},this['stop']=()=>{this['isFollowing']=![];},this['follow']=_0x1f403c=>{if(!this['isFollowing'])return;const _0x57a0e4=_0x1f403c['clientX']-this['diffX'],_0x59fd54=_0x1f403c['clientY']-this['diffY'];this['element']['style']['left']=_0x57a0e4+'px',this['element']['style']['top']=_0x59fd54+'px';},this['element']=document['createElement']('div'),this['element']['id']=_0x550cee,this['element']['classList']['add']('pop-panel');const _0x57ba6b=document['createElement']('div');_0x57ba6b['classList']['add']('pop-panel-header'),_0x57ba6b['append'](_0x145d61),this['element']['appendChild'](_0x57ba6b),this['header']=_0x57ba6b;const _0x58604c=document['createElement']('div');_0x58604c['classList']['add']('pop-panel-body'),this['element']['appendChild'](_0x58604c),this['body']=_0x58604c,_0x57ba6b['addEventListener']('mousedown',this['start']),_0x57ba6b['addEventListener']('mouseup',this['stop']),document['body']['addEventListener']('mousemove',this['follow']),this['container']['appendChild'](this['element']);}['destroy'](){document['body']['removeEventListener']('mousemove',this['follow']),this['element']['removeEventListener']('mousedown',this['start']),this['element']['removeEventListener']('mouseup',this['stop']),this['element']['remove']();}}
 
 var css_248z = ".follow-tooltip{background:rgba(25,25,25,.3);border-radius:2px;color:hsla(0,0%,100%,.8);font-size:12px;left:-500px;padding:6px;position:absolute;z-index:99999999}";
 styleInject(css_248z);
 
-class Tooltip{constructor(_0x46b0c5,_0x472abe,_0x43eb91){this['follow']=_0x3042e8=>{this['node']['style']['left']=_0x3042e8['offsetX']+0xf+'px',this['node']['style']['top']=_0x3042e8['offsetY']-0x1e+'px';},this['show']=()=>this['node']['hasAttribute']('hidden')&&this['node']['removeAttribute']('hidden'),this['hide']=()=>!this['node']['hasAttribute']('hidden')&&this['node']['setAttribute']('hidden',''),this['destroy']=()=>{this['target']?this['target']['removeEventListener']('mousemove',this['follow']):document['removeEventListener']('mousemove',this['follow']),this['parentNode']['removeChild'](this['node']);},this['node']=document['createElement']('div'),this['node']['id']=_0x46b0c5,_0x472abe&&this['node']['append'](_0x472abe),this['childNode']=document['createElement']('div'),this['target']=_0x43eb91===null||_0x43eb91===void 0x0?void 0x0:_0x43eb91['target'],this['parentNode']=(_0x43eb91===null||_0x43eb91===void 0x0?void 0x0:_0x43eb91['parentNode'])||document['body'],(_0x43eb91===null||_0x43eb91===void 0x0?void 0x0:_0x43eb91['followPointer'])&&(this['node']['classList']['add']('follow-tooltip'),this['target']?this['target']['addEventListener']('mousemove',this['follow']):document['addEventListener']('mousemove',this['follow'])),this['parentNode']['appendChild'](this['node']),!(_0x43eb91===null||_0x43eb91===void 0x0?void 0x0:_0x43eb91['showOnCreate'])&&this['node']['setAttribute']('hidden','');}['setContent'](_0x28b558){this['node']['textContent']&&(this['node']['textContent']=null);for(let _0xf0b84f=0x0;_0xf0b84f<this['node']['children']['length'];++_0xf0b84f){const _0x436fb6=this['node']['children'][_0xf0b84f];this['node']['removeChild'](_0x436fb6);}this['node']['append'](_0x28b558),this['node']['appendChild'](this['childNode']);}['updateChildContent'](_0x4f1283){this['childNode']['textContent']&&(this['childNode']['textContent']=null);for(let _0x89d0b2=0x0;_0x89d0b2<this['node']['children']['length'];++_0x89d0b2){const _0x5a5cde=this['node']['children'][_0x89d0b2];this['node']['removeChild'](_0x5a5cde);}this['childNode']['append'](_0x4f1283);}}
+class Tooltip{constructor(_0x2b476c,_0x167a08,_0x21114a){this['follow']=_0x115154=>{this['node']['style']['left']=_0x115154['offsetX']+0xf+'px',this['node']['style']['top']=_0x115154['offsetY']-0x1e+'px';},this['show']=()=>this['node']['hasAttribute']('hidden')&&this['node']['removeAttribute']('hidden'),this['hide']=()=>!this['node']['hasAttribute']('hidden')&&this['node']['setAttribute']('hidden',''),this['destroy']=()=>{this['target']?this['target']['removeEventListener']('mousemove',this['follow']):document['removeEventListener']('mousemove',this['follow']),this['parentNode']['removeChild'](this['node']);},this['node']=document['createElement']('div'),this['node']['id']=_0x2b476c,_0x167a08&&this['node']['append'](_0x167a08),this['childNode']=document['createElement']('div'),this['target']=_0x21114a===null||_0x21114a===void 0x0?void 0x0:_0x21114a['target'],this['parentNode']=(_0x21114a===null||_0x21114a===void 0x0?void 0x0:_0x21114a['parentNode'])||document['body'],(_0x21114a===null||_0x21114a===void 0x0?void 0x0:_0x21114a['followPointer'])&&(this['node']['classList']['add']('follow-tooltip'),this['target']?this['target']['addEventListener']('mousemove',this['follow']):document['addEventListener']('mousemove',this['follow'])),this['parentNode']['appendChild'](this['node']),!(_0x21114a===null||_0x21114a===void 0x0?void 0x0:_0x21114a['showOnCreate'])&&this['node']['setAttribute']('hidden','');}['setContent'](_0xfe3fa6){this['node']['textContent']&&(this['node']['textContent']=null);for(let _0x1ae1ac=0x0;_0x1ae1ac<this['node']['children']['length'];++_0x1ae1ac){const _0x734065=this['node']['children'][_0x1ae1ac];this['node']['removeChild'](_0x734065);}this['node']['append'](_0xfe3fa6),this['node']['appendChild'](this['childNode']);}['updateChildContent'](_0x132505){this['childNode']['textContent']&&(this['childNode']['textContent']=null);for(let _0x17e2d7=0x0;_0x17e2d7<this['node']['children']['length'];++_0x17e2d7){const _0x2ef6c7=this['node']['children'][_0x17e2d7];this['node']['removeChild'](_0x2ef6c7);}this['childNode']['append'](_0x132505);}}
 
 export { BasePanel, PopPanel, Tooltip };

package/dist/types/Locale.d.ts

@@ -2,12 +2,12 @@ import { i18next } from "@x-viewer/core";
 export declare const en: {
     PopPanel: {};
 };
-export declare const cn: {
+export declare const zh: {
     PopPanel: {};
 };
 export declare const i18n: i18next.i18n;
 /**
  * Change language of ui package.
- * @param language - "en" | "cn"
+ * @param language - "en" | "zh"
  */
-export declare const changeLanguage: (language: "en" | "cn") => void;
+export declare const changeLanguage: (language: "en" | "zh") => void;

package/dist/types/panel/BasePanel.d.ts

@@ -37,19 +37,10 @@ export declare class BasePanel {
     protected mouseDownPositionY: number;
     protected onClose: () => void;
     protected viewportContainer?: HTMLElement;
-    private originalPanelHeight;
     constructor(options: BasePanelOptions);
     setVisible(visible: boolean): void;
     isVisible(): boolean;
     setTitle(title: string): void;
     setContent(html: string): void;
     destroy(): void;
-    private onHide;
-    private onPointerDown;
-    private onPointerMove;
-    private onPointerUp;
-    /**
-     * When panel has a transform, e.g. "transform: translate(-50%, -50%);", we need to calculate the actual position.
-     */
-    private getPanelTransform;
 }

package/dist/types/panel/PopPanel.d.ts

@@ -1,11 +1,7 @@
 export declare class PopPanel {
     private readonly container;
-    private element;
     header: HTMLElement;
     body: HTMLElement;
-    private isFollowing;
-    private diffX;
-    private diffY;
     constructor(id: string, content: string | HTMLElement, container?: HTMLElement);
     start: (event: MouseEvent) => void;
     stop: () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@x-viewer/ui",
-    "version": "0.10.1",
+    "version": "0.11.0",
     "description": "UI component package providing reusable interface elements for x-viewer applications. Includes base panels, popup panels, tooltips, and internationalization support.",
     "author": "x-viewer",
     "license": "UNLICENSED",