@hpcc-js/html 3.3.19 → 3.3.20

package/dist/index.js

@@ -1,5 +1,830 @@
-var t=Object.defineProperty,e=(e,o)=>t(e,"name",{value:o,configurable:!0}),o=(e,o,i)=>((e,o,i)=>o in e?t(e,o,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[o]=i)(e,"symbol"!=typeof o?o+"":o,i);import{HTMLWidget as i,select as r,format as s}from"@hpcc-js/common";import{scopedLogger as l}from"@hpcc-js/util";import{React as n}from"@hpcc-js/react";const h="@hpcc-js/html",a="3.3.19",p="3.24.0",d=class _HTMLTooltip extends i{_triggerElement;_contentNode;_prevContentNode;_tooltipElement;_arrowElement;_tooltipHTMLCallback=/* @__PURE__ */e(t=>"<b>_tooltipHTMLCallback is undefined</b>","_tooltipHTMLCallback");_logger=l("html/HTMLTooltip");constructor(){super(),this.visible(!1)}tooltipHTML(t){return this._tooltipHTMLCallback=t,this}tooltipContent(t){return arguments.length?(this._contentNode=t,this):this._contentNode}triggerElement(t){return this._triggerElement=t,this}enter(t,e){super.enter(t,e);const o=r("body");this._tooltipElement=o.append("div").attr("class","tooltip-div").style("z-index","2147483638").style("position","fixed"),this._arrowElement=o.append("div").attr("class","arrow-div").style("z-index","2147483638").style("position","fixed")}update(t,e){if(super.update(t,e),this._contentNode!==this._prevContentNode){const t=this._tooltipElement.node();[...t.querySelectorAll("*")].map(t=>t.__data__).filter(t=>t).forEach(t=>{"function"==typeof t.target&&t.target(null),"function"==typeof t.exit&&t.exit()}),t.innerHTML="",t.appendChild(this._contentNode),this._prevContentNode=this._contentNode}if(this._contentNode?this.onShowContent(this._contentNode):this._tooltipElement.html(()=>this._tooltipHTMLCallback(this.data())),this.fitContent()){this._tooltipElement.style("width","auto").style("height","auto").style("padding","0px").style("box-sizing","content-box");const t=this._tooltipElement.node().getBoundingClientRect();this.tooltipWidth_default(t.width),this.tooltipHeight_default(t.height)}this._closing=!1,this._tooltipElement.style("background-color",this.tooltipColor()).style("color",this.fontColor()).style("width",this.tooltipWidth()+"px").style("height",this.tooltipHeight()+"px").style("opacity",1).style("padding",this.padding()+"px").style("pointer-events",this.enablePointerEvents()?"all":"none").style("box-sizing","content-box"),this._arrowElement.style("opacity",1).style("pointer-events","none"),this.updateTooltipPosition()}onShowContent(t){}updateTooltipPosition(){const t=this.calcReferenceBBox(),e=this.calcTooltipDirection(t),o=t[e];return this._tooltipElement.style("top",o.y+"px").style("left",o.x+"px"),this.setArrowPosition(o,e),o}calcTooltipDirection(t){const e=Object.keys(t),o=this.direction();e.sort((t,e)=>t===o?-1:1);const i={top:0,left:0,width:window.innerWidth,height:window.innerHeight};for(let r=0;r<e.length;r++){const o={top:t[e[r]].y,left:t[e[r]].x,width:this.tooltipWidth(),height:this.tooltipHeight()};if(this.rectFits(o,i))return e[r]}return this._logger.warning(`Tooltip doesn't fit in the window for any of the directions. Defaulting to '${o}'`),this._logger.debug(i),this._logger.debug({top:t[o].y,left:t[o].x,width:this.tooltipWidth(),height:this.tooltipHeight()}),o}rectFits(t,e){return t.top>=e.top&&t.left>=e.left&&t.width+t.left<=e.width+e.left&&t.height+t.top<=e.height+e.top}setArrowPosition(t,e){let o,i,r="border-top-color";switch(this._arrowElement.style("border",`${this.arrowHeight()}px solid ${this.tooltipColor()}`).style("border-top-color","transparent").style("border-right-color","transparent").style("border-bottom-color","transparent").style("border-left-color","transparent"),e){case"n":o=t.y+this.tooltipHeight()+2*this.padding(),i=t.x+this.tooltipWidth()/2-this.arrowWidth()/2+this.padding(),r="border-top-color",this._arrowElement.style("border-top-width",`${this.arrowHeight()}px`).style("border-bottom-width","0px").style("border-left-width",this.arrowWidth()/2+"px").style("border-right-width",this.arrowWidth()/2+"px");break;case"s":o=t.y-this.arrowHeight(),i=t.x+this.padding()+this.tooltipWidth()/2-this.arrowWidth()/2,r="border-bottom-color",this._arrowElement.style("border-top-width","0px").style("border-bottom-width",`${this.arrowHeight()}px`).style("border-left-width",this.arrowWidth()/2+"px").style("border-right-width",this.arrowWidth()/2+"px");break;case"e":o=t.y+this.tooltipHeight()/2+this.padding()-this.arrowWidth()/2,i=t.x-this.arrowHeight(),r="border-right-color",this._arrowElement.style("border-top-width",this.arrowWidth()/2+"px").style("border-bottom-width",this.arrowWidth()/2+"px").style("border-left-width","0px").style("border-right-width",`${this.arrowHeight()}px`);break;case"w":o=t.y+this.tooltipHeight()/2-this.arrowWidth()/2+this.padding(),i=t.x+this.tooltipWidth()+2*this.padding(),r="border-left-color",this._arrowElement.style("border-top-width",this.arrowWidth()/2+"px").style("border-bottom-width",this.arrowWidth()/2+"px").style("border-left-width",`${this.arrowHeight()}px`).style("border-right-width","0px")}return void 0!==o&&void 0!==i?this._arrowElement.style("top",o+"px").style("left",i+"px").style(r,this.tooltipColor()).style("opacity",1):this._arrowElement.style("opacity",0),t}getReferenceNode(){return this._triggerElement?this._triggerElement.node():this.element().node().parentNode.parentNode}_cursorLoc;calcReferenceBBox(){const t=this.getReferenceNode();let{top:e,left:o,width:i,height:r}=t.getBoundingClientRect();const s=this.tooltipWidth(),l=this.tooltipHeight(),n=s/2,h=l/2,a=this.arrowHeight(),p=this.padding(),d=2*p;this.followCursor()&&this._cursorLoc&&(o=this._cursorLoc[0],e=this._cursorLoc[1],i=1,r=1);return{n:{x:o+i/2-n-p,y:e-l-a-d},e:{x:o+i+a,y:e+r/2-h-p},s:{x:o+i/2-n-p,y:e+r+a},w:{x:o-s-a-d,y:e+r/2-h-p},nw:{x:o-s-d,y:e-l-d},ne:{x:o+i,y:e-l-d},se:{x:o+i,y:e+r},sw:{x:o-s-d,y:e+r}}}_closing=!1;mouseout(){this._closing=!0,this._tooltipElement.on("mouseover",()=>{this._closing=!1}),this._tooltipElement.on("mouseout",()=>{this.mouseout()}),setTimeout(()=>{this._closing&&this.visible(!1)},this.closeDelay())}visible(t){return arguments.length?(this._arrowElement&&(this._arrowElement.style("visibility",t?"visible":"hidden"),this._tooltipElement.style("visibility",t?"visible":"hidden")),super.visible(t),this):super.visible()}exit(t,e){this._arrowElement&&(this._arrowElement.remove(),this._tooltipElement.remove()),super.exit(t,e)}};e(d,"HTMLTooltip");let c=d;c.prototype._class+=" html_HTMLTooltip",c.prototype.publish("fitContent",!1,"boolean","If true, tooltip will grow to fit its html content"),c.prototype.publish("followCursor",!1,"boolean","If true, tooltip will display relative to cursor location"),c.prototype.publish("closeDelay",400,"number","Number of milliseconds to wait before closing tooltip (cancelled on tooltip mouseover event)"),c.prototype.publish("direction","n","set","Direction in which to display the tooltip",["n","s","e","w","ne","nw","se","sw"]),c.prototype.publish("padding",8,"number","Padding (pixels)"),c.prototype.publish("arrowWidth",16,"number","Width (or height depending on direction) of the tooltip arrow (pixels)"),c.prototype.publish("arrowHeight",8,"number","Height (or width depending on direction) of the tooltip arrow (pixels)"),c.prototype.publish("fontColor","#FFF","html-color","The default font color for text in the tooltip"),c.prototype.publish("tooltipColor","#000000EE","html-color","Background color of the tooltip"),c.prototype.publish("tooltipWidth",200,"number","Width of the tooltip (not including arrow) (pixels)"),c.prototype.publish("tooltipHeight",200,"number","Height of the tooltip (not including arrow) (pixels)"),c.prototype.publish("enablePointerEvents",!1,"boolean","If true, the 'pointer-events: all' style will be used");const u=class _SimpleTable extends i{_table;_tbody;_thead;_theadRow;constructor(){super()}transformData(){return this.data()}enter(t,e){super.enter(t,e),this._table=e.append("table"),this._thead=this._table.append("thead"),this._theadRow=this._thead.append("tr"),this._tbody=this._table.append("tbody")}update(t,e){super.update(t,e),this._table.style("width",this.autoWidth()?"auto":"100%");const o=this._theadRow.selectAll("th").data(this.columns());o.enter().append("th").attr("class",(t,e)=>`th-${e}`).merge(o).text(t=>t.toString()),o.exit().remove();const i=this._tbody.selectAll("tr").data(this.transformData());i.enter().append("tr").merge(i).each(function(t){const e=r(this).selectAll("td").data(t);e.enter().append("td").attr("class",(t,e)=>`col-${e}`).merge(e).text(t=>t.toString()),e.exit().remove()}),i.exit().remove()}};e(u,"SimpleTable");let g=u;g.prototype._class+=" html_SimpleTable",g.prototype.publish("autoWidth",!1,"boolean","If true, table width will be set to 'auto'. If false, the width is set to '100%'");const y=class _StyledTable extends g{constructor(){super()}applyStyleObject(t,e){Object.keys(e).forEach(o=>{t.style(o,e[o])})}update(t,e){super.update(t,e),e.selectAll("tr,th,td").attr("style","").style("font-family",this.fontFamily()).style("color",this.fontColor()),this.theadColumnStyles().forEach((t,o)=>{this.applyStyleObject(e.select(`.th-${o}`),t)}),this.tbodyColumnStyles().forEach((t,o)=>{this.applyStyleObject(e.selectAll(`.col-${o}`),t)});const o=Object.keys(this.evenRowStyles()).length>0,i=Object.keys(this.lastRowStyles()).length>0,r=e.selectAll("tbody > tr");if(o){const t=r.select(function(t,e){return e%2?this:null});this.applyStyleObject(t,this.evenRowStyles())}if(i){const t=r.select(function(t,e,o){return e===o.length-1?this:null});this.applyStyleObject(t,this.lastRowStyles())}}};e(y,"StyledTable");let b=y;b.prototype._class+=" html_StyledTable",b.prototype.publish("fontFamily","Verdana","string","Base font-family used within the table"),b.prototype.publish("fontColor","#333","string","Base font color used within the table"),b.prototype.publish("theadColumnStyles",[],"array",'Array of objects containing styles for the thead columns (ex: [{"color":"red"},{"color":"blue"}])'),b.prototype.publish("tbodyColumnStyles",[],"array",'Array of objects containing styles for the tbody columns (ex: [{"color":"red"},{"color":"blue"}])'),b.prototype.publish("lastRowStyles",{},"object",'Object containing styles for the last row (ex: {"color":"red"})'),b.prototype.publish("evenRowStyles",{},"object",'Object containing styles for even rows (ex: {"background-color":"#AAA"})');const m=class _BreakdownTable extends b{_tooltip;constructor(){super()}transformData(){const t=this.useCalculatedRowCount()?this.calculateRowCount():this.rowCount();return this.breakdownData(t)}breakdownData(t){const e=this.data().length,o=this.data().reduce((t,e)=>t+e[1],0),i=[];let r=0;this.data().sort((t,e)=>t[1]>e[1]?-1:1);const s=e-t>0;if(this.data().filter((e,o)=>!s||o<t-1).forEach(t=>{const e=Math.round(t[1]/o*100);r+=e,i.push([t[0],e+"%"])}),s){const o=`${this.otherLabel()} (${e-t+1})`,s="~"+(100-r)+"%";i.push([o,s])}return i}calculateRowCount(){const t=this.columns().length>0?this.thFontSize()+5:0,e=this.fontSize()+5,o=this.height()-t;return Math.floor(o/e)}enter(t,e){super.enter(t,e),this._tooltip=(new c).target(t),this._tooltip.tooltipHTML(t=>{const e=this.useCalculatedRowCount()?this.calculateRowCount():this.rowCount(),o=Math.max(...t.map(t=>this.textSize(t[0],this.fontFamily(),this.fontSize()).height))??this.fontSize(),i=Math.max(...t.map(t=>this.textSize(t[0],this.fontFamily(),this.fontSize()).width)),r=2*(i+30)+2*this._tooltip.padding(),s=o*Math.ceil((t.length-e)/2)+2*this._tooltip.padding();this._tooltip.tooltipWidth(r),this._tooltip.tooltipHeight(s);const l=this.breakdownData(this.data().length).slice(e-1);return`<div style="\n                    width: 100%;\n                    height: 100%;\n                    font-size: ${this.fontSize()}px;\n                ">${l.map(t=>`<div style="\n                        float:left;\n                        width:${Math.floor(49.5)}%;\n                    ">${t[0]}: ${t[1]}</div>`).join("")}</div>`})}update(t,e){this.theadColumnStyles_default([{color:this.thFirstColor(),"font-size":this.thFontSize()+"px","font-weight":this.thFontWeight(),"text-align":this.labelAlignment(),width:"auto",padding:"0px"},{width:"1%","font-size":this.thFontSize()+"px","font-weight":this.thFontWeight(),"text-align":this.percentageAlignment(),padding:"0px"}]),this.tbodyColumnStyles_default([{color:this.topLabelColor(),"font-size":this.fontSize()+"px","font-weight":"normal","text-align":this.labelAlignment(),width:"auto",padding:"0px"},{color:this.topPercentageColor(),"font-size":this.fontSize()+"px","font-weight":"normal","text-align":this.percentageAlignment(),width:"1%",padding:"0px"}]),this.lastRowStyles_default([{color:this.otherLabelColor(),"font-size":this.fontSize()+"px","font-weight":this.otherLabelBold()?"bold":"normal","text-align":this.labelAlignment(),width:"auto",padding:"0px"},{color:this.otherLabelColor(),"font-size":this.fontSize()+"px","font-weight":this.otherPercentageBold()?"bold":"normal","text-align":this.percentageAlignment(),width:"1%",padding:"0px"}]),super.update(t,e);if((this.useCalculatedRowCount()?this.calculateRowCount():this.rowCount())<this.data().length){const t=e.select("tbody > tr:last-child"),o=this;t.on("mouseout.tooltip",e=>{o._tooltip._triggerElement=t,o._tooltip.visible(!1).render()}).on("mouseenter.tooltip",e=>{o._tooltip._triggerElement=t,o._tooltip.direction("n").data(o.data()).visible(!0).render()})}}};e(m,"BreakdownTable");let f=m;f.prototype._class+=" html_BreakdownTable",f.prototype.publish("useCalculatedRowCount",!0,"boolean","If true, rowCount will be calculated and its default will be overwritten"),f.prototype.publish("rowCount",5,"number","Number of total rows to display (including the 'other' row)",void 0,{disable:/* @__PURE__ */e(t=>t.useCalculatedRowCount(),"disable")}),f.prototype.publish("fontSize",14,"number","Font size (pixels)"),f.prototype.publish("labelAlignment","left","set","Alignment of the label column text",["left","center","right"]),f.prototype.publish("percentageAlignment","center","set","Alignment of the percentage column text",["left","center","right"]),f.prototype.publish("topLabelColor","#333","html-color","Color of displayed 'top' labels"),f.prototype.publish("topPercentageColor","#1A99D5","html-color","Color of displayed 'top' percentages"),f.prototype.publish("topPercentageBold",!0,"html-color","If true, the 'top' percentages will be bold"),f.prototype.publish("otherLabel","Other","string","Label text for the 'other' row"),f.prototype.publish("otherLabelColor","#AAA","html-color","Color of the 'other' label"),f.prototype.publish("otherLabelBold",!1,"html-color","If true, the 'other' label will be bold"),f.prototype.publish("otherPercentageColor","#AAA","html-color","Color of the 'other' percentage"),f.prototype.publish("otherPercentageBold",!1,"html-color","If true, the 'other' percentage will be bold"),f.prototype.publish("thFontWeight","bold","string","Font weight for th elements"),f.prototype.publish("thFontSize",26,"number","Font size for th elements"),f.prototype.publish("thFirstColor","#333","html-color","Text color of the first th element"),f.prototype.publish("thLastColor","#333","html-color","Text color of the last th element");const _=class _JSXWidget extends i{rootNode;jsxRender(t,e){this.rootNode=n.render(t,e,this.rootNode)}};e(_,"JSXWidget"),o(_,"Component",n.Component),o(_,"createElement",n.createElement);let w=_;w.prototype._class+=" html_JSXWidget";const x=class _VNode{_attrs;_children;constructor(t,e){this._attrs=t,this._children=e}type(){return"div"}attrs(){return this._attrs}attr(t){return this._attrs[t]}children(){return this._children}update(t){for(const e in this._attrs)t.attr(e,this._attrs[e])}render(t){const e=t.selectAll(`${t.node().tagName} > *`).data([this]);return e.exit().remove(),e.enter().append(this.type()).attr("reactd3",0).merge(e).each(function(t){const e=r(this);t.update(e),t.renderChildren(e)})}renderChildren(t){const e=t.selectAll(`${t.node().tagName} > *`).data(this._children);return e.exit().remove(),e.enter().append(t=>document.createElement(t.type())).attr("reactd3",(t,e)=>e).merge(e).each(function(t){const e=r(this);t.update(e),t.renderChildren(e)})}};e(x,"VNode");let C=x;const v=class _ConstVNode extends C{_type;constructor(t,e,o){super(e,o),this._type=t}type(){return this._type}};e(v,"ConstVNode");let S=v;const E=class _TextVNode extends C{_text;constructor(t){super({},[]),this._text=t}type(){return"span"}update(t){super.update(t),t.text(this._text)}};e(E,"TextVNode");let T=E;function W(t){return"function"==typeof t}function R(t){return t.prototype&&t.prototype instanceof C}e(W,"isReactFn"),e(R,"isIVNode");const A=class _ReactD3{static createElement(t,e,...o){return R(t)?new t(e):W(t)?t(e):new S(t,e,o.map(t=>"string"==typeof t?new T(t):t))}static render(t,e){t.render(e)}};e(A,"ReactD3");let B=A;var F;F={__e:/* @__PURE__ */e(function(t,e,o,i){for(var r,s,l;e=e.__;)if((r=e.__c)&&!r.__)try{if((s=r.constructor)&&null!=s.getDerivedStateFromError&&(r.setState(s.getDerivedStateFromError(t)),l=r.__d),null!=r.componentDidCatch&&(r.componentDidCatch(t,i||{}),l=r.__d),l)return r.__E=r}catch(n){t=n}throw t},"__e")},"function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,Math.random().toString(8);var k=0;function H(t,e,o,i,r,s){e||(e={});var l,n,h=e;if("ref"in h)for(n in h={},e)"ref"==n?l=e[n]:h[n]=e[n];var a={type:t,props:h,key:o,ref:l,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:--k,__i:-1,__u:0,__source:r,__self:s};return F.vnode&&F.vnode(a),a}e(H,"u");const z=class _VizComponent extends w.Component{widget;refreshProps(){for(const t in this.props)this.widget[t]&&"function"==typeof this.widget[t]&&this.widget[t](this.props[t])}componentDidMount(){this.widget=(new this.props.type).target(this.base),this.refreshProps(),this.widget.render()}componentWillUnmount(){this.widget.target(null).render()}render(){/* @__PURE__ */
-return H("div",{style:this.props.style})}componentDidUpdate(){this.refreshProps(),this.widget.render()}};e(z,"VizComponent");let N=z;const L=class _VizInstance extends w.Component{widget;refreshProps(){for(const t in this.props)this.widget[t]&&"function"==typeof this.widget[t]&&this.widget[t](this.props[t])}componentDidMount(){this.widget=this.props.instance.target(this.base),this.refreshProps(),this.widget.render()}componentWillUnmount(){this.widget.target(null).render()}render(){/* @__PURE__ */
-return H("div",{style:this.props.style})}componentDidUpdate(){this.refreshProps(),this.widget.render()}};e(L,"VizInstance");let M=L;const D=class _StatsTable extends b{transformData(){const t=[["Total",0,0]],e=this.data();return e.forEach(e=>{t[0][1]+=e[1],t[0][2]+=e[2]}),e.concat(t).map(t=>[t[0],this.secondColumnFormat_exists()?s(this.secondColumnFormat())(t[1]):t[1],this.thirdColumnFormat_exists()?s(this.thirdColumnFormat())(t[2]):t[2]])}update(t,e){this.tbodyColumnStyles_default([{"font-weight":"bold",width:this.firstColumnWidth(),"text-align":"left"},{width:this.secondColumnWidth(),"text-align":"right"},{width:this.thirdColumnWidth(),"text-align":"right"}]),this.evenRowStyles_default([{"font-weight":"bold",width:this.firstColumnWidth(),"text-align":"left","font-color":this.evenRowFontColor(),"background-color":this.evenRowBackgroundColor()},{width:this.secondColumnWidth(),"text-align":"right","font-color":this.evenRowFontColor(),"background-color":this.evenRowBackgroundColor()},{width:this.thirdColumnWidth(),"text-align":"right","font-color":this.evenRowFontColor(),"background-color":this.evenRowBackgroundColor()}]),this.lastRowStyles_default({"font-weight":"bold"}),super.update(t,e)}};e(D,"StatsTable");let P=D;P.prototype._class+=" html_StatsTable",P.prototype.publish("labelColor","#333","html-color","Color of the text in the first column"),P.prototype.publish("primaryValueColor","#333","html-color","Color of the text in the second column"),P.prototype.publish("secondaryValueColor","#333","html-color","Color of the text in the third column"),P.prototype.publish("evenRowBackgroundColor","#333","html-color","Background color of the even rows"),P.prototype.publish("evenRowFontColor","#333","html-color","Font color of the even rows"),P.prototype.publish("firstColumnWidth","auto","string","CSS style applied as the 'width' for the first column (ex: 40px)"),P.prototype.publish("secondColumnWidth","1%","string","CSS style applied as the 'width' for the second column (ex: 40px)"),P.prototype.publish("thirdColumnWidth","1%","string","CSS style applied as the 'width' for the third column (ex: 40px)"),P.prototype.publish("secondColumnFormat","$,.0f","string","d3-format specifier applied to the second column's values",void 0,{optional:!0}),P.prototype.publish("thirdColumnFormat",null,"string","d3-format specifier applied to the third column's values",void 0,{optional:!0});const j=class _Item extends i{_owner;constructor(t){super(),this._owner=t,this._tag="a"}};e(j,"Item");let $=j;$.prototype._class+=" html_Item";const I=class _Button extends ${_icon;constructor(t,e){super(t),this._icon=e}icon(){return this._icon}enter(t,e){super.enter(t,e),e.attr("href","#").on("click",(t,e,o)=>this._owner.titleBarClick(this,t,e,o)).append("i").attr("class",`fa ${this._icon} fa-lg fa-fw`)}};e(I,"Button");let V=I;V.prototype._class+=" html_Button";const O=class _ToggleButton extends V{enter(t,e){e.on("click.sel",(t,e,o)=>{this.selected(!this.selected()),this.render()}),super.enter(t,e)}update(t,e){super.update(t,e),this._element.classed("selected",this.selected())}};e(O,"ToggleButton");let U=O;U.prototype._class+=" html_ToggleButton",U.prototype.publish("selected",!1,"boolean");const J=class _Spacer extends ${enter(t,e){super.enter(t,e),e.attr("class","spacer").attr("href","#").append("i")}};e(J,"Spacer");let X=J;X.prototype._class+=" html_Spacer";const q=class _TitleBar extends w{_divMain;_divIconBar;_divTitle;constructor(){super()}enter(t,e){super.enter(t,e),this._divMain=e.append("div").attr("class","main"),this._divIconBar=this._divMain.append("div").attr("class","icon-bar"),this._divTitle=this._divMain.append("div").attr("class","title")}update(t,e){super.update(t,e),this._divTitle.text(this.title());const o=this._divIconBar.selectAll(".icon-bar-item").data(this.buttons());o.enter().append("div").attr("class","icon-bar-item").each(function(t){t.target(this)}).merge(o).each(function(t){t.render()}),o.exit().each(function(t){t.target(null)}).remove(),o.order()}};e(q,"TitleBar");let G=q;G.prototype._class+=" html_TitleBar",G.prototype.publish("title","","string"),G.prototype.publish("buttons",[],"widgetArray");export{p as BUILD_VERSION,f as BreakdownTable,V as Button,c as HTMLTooltip,$ as Item,w as JSXWidget,h as PKG_NAME,a as PKG_VERSION,B as ReactD3,g as SimpleTable,X as Spacer,P as StatsTable,b as StyledTable,G as TitleBar,U as ToggleButton,C as VNode,N as VizComponent,M as VizInstance};
+import { HTMLWidget as t, format as n, select as r } from "@hpcc-js/common";
+import { scopedLogger as i } from "@hpcc-js/util";
+import { React as a } from "@hpcc-js/react";
+//#region \0rolldown/runtime.js
+var o = "@hpcc-js/html", s = "3.3.20", c = "3.25.1", HTMLTooltip = class extends t {
+	_triggerElement;
+	_contentNode;
+	_prevContentNode;
+	_tooltipElement;
+	_arrowElement;
+	_tooltipHTMLCallback = (t) => "<b>_tooltipHTMLCallback is undefined</b>";
+	_logger = i("html/HTMLTooltip");
+	constructor() {
+		super(), this.visible(!1);
+	}
+	tooltipHTML(t) {
+		return this._tooltipHTMLCallback = t, this;
+	}
+	tooltipContent(t) {
+		return arguments.length ? (this._contentNode = t, this) : this._contentNode;
+	}
+	triggerElement(t) {
+		return this._triggerElement = t, this;
+	}
+	enter(t, n) {
+		super.enter(t, n);
+		let i = r("body");
+		this._tooltipElement = i.append("div").attr("class", "tooltip-div").style("z-index", "2147483638").style("position", "fixed"), this._arrowElement = i.append("div").attr("class", "arrow-div").style("z-index", "2147483638").style("position", "fixed");
+	}
+	update(t, n) {
+		if (super.update(t, n), this._contentNode !== this._prevContentNode) {
+			let t = this._tooltipElement.node();
+			[...t.querySelectorAll("*")].map((t) => t.__data__).filter((t) => t).forEach((t) => {
+				typeof t.target == "function" && t.target(null), typeof t.exit == "function" && t.exit();
+			}), t.innerHTML = "", t.appendChild(this._contentNode), this._prevContentNode = this._contentNode;
+		}
+		if (this._contentNode ? this.onShowContent(this._contentNode) : this._tooltipElement.html(() => this._tooltipHTMLCallback(this.data())), this.fitContent()) {
+			this._tooltipElement.style("width", "auto").style("height", "auto").style("padding", "0px").style("box-sizing", "content-box");
+			let t = this._tooltipElement.node().getBoundingClientRect();
+			this.tooltipWidth_default(t.width), this.tooltipHeight_default(t.height);
+		}
+		this._closing = !1, this._tooltipElement.style("background-color", this.tooltipColor()).style("color", this.fontColor()).style("width", this.tooltipWidth() + "px").style("height", this.tooltipHeight() + "px").style("opacity", 1).style("padding", this.padding() + "px").style("pointer-events", this.enablePointerEvents() ? "all" : "none").style("box-sizing", "content-box"), this._arrowElement.style("opacity", 1).style("pointer-events", "none"), this.updateTooltipPosition();
+	}
+	onShowContent(t) {}
+	updateTooltipPosition() {
+		let t = this.calcReferenceBBox(), n = this.calcTooltipDirection(t), r = t[n];
+		return this._tooltipElement.style("top", r.y + "px").style("left", r.x + "px"), this.setArrowPosition(r, n), r;
+	}
+	calcTooltipDirection(t) {
+		let n = Object.keys(t), r = this.direction();
+		n.sort((t, n) => t === r ? -1 : 1);
+		let i = {
+			top: 0,
+			left: 0,
+			width: window.innerWidth,
+			height: window.innerHeight
+		};
+		for (let r = 0; r < n.length; r++) {
+			let a = {
+				top: t[n[r]].y,
+				left: t[n[r]].x,
+				width: this.tooltipWidth(),
+				height: this.tooltipHeight()
+			};
+			if (this.rectFits(a, i)) return n[r];
+		}
+		return this._logger.warning(`Tooltip doesn't fit in the window for any of the directions. Defaulting to '${r}'`), this._logger.debug(i), this._logger.debug({
+			top: t[r].y,
+			left: t[r].x,
+			width: this.tooltipWidth(),
+			height: this.tooltipHeight()
+		}), r;
+	}
+	rectFits(t, n) {
+		return t.top >= n.top && t.left >= n.left && t.width + t.left <= n.width + n.left && t.height + t.top <= n.height + n.top;
+	}
+	setArrowPosition(t, n) {
+		let r, i, a = "border-top-color";
+		switch (this._arrowElement.style("border", `${this.arrowHeight()}px solid ${this.tooltipColor()}`).style("border-top-color", "transparent").style("border-right-color", "transparent").style("border-bottom-color", "transparent").style("border-left-color", "transparent"), n) {
+			case "n":
+				r = t.y + this.tooltipHeight() + this.padding() * 2, i = t.x + this.tooltipWidth() / 2 - this.arrowWidth() / 2 + this.padding(), a = "border-top-color", this._arrowElement.style("border-top-width", `${this.arrowHeight()}px`).style("border-bottom-width", "0px").style("border-left-width", `${this.arrowWidth() / 2}px`).style("border-right-width", `${this.arrowWidth() / 2}px`);
+				break;
+			case "s":
+				r = t.y - this.arrowHeight(), i = t.x + this.padding() + this.tooltipWidth() / 2 - this.arrowWidth() / 2, a = "border-bottom-color", this._arrowElement.style("border-top-width", "0px").style("border-bottom-width", `${this.arrowHeight()}px`).style("border-left-width", `${this.arrowWidth() / 2}px`).style("border-right-width", `${this.arrowWidth() / 2}px`);
+				break;
+			case "e":
+				r = t.y + this.tooltipHeight() / 2 + this.padding() - this.arrowWidth() / 2, i = t.x - this.arrowHeight(), a = "border-right-color", this._arrowElement.style("border-top-width", `${this.arrowWidth() / 2}px`).style("border-bottom-width", `${this.arrowWidth() / 2}px`).style("border-left-width", "0px").style("border-right-width", `${this.arrowHeight()}px`);
+				break;
+			case "w":
+				r = t.y + this.tooltipHeight() / 2 - this.arrowWidth() / 2 + this.padding(), i = t.x + this.tooltipWidth() + this.padding() * 2, a = "border-left-color", this._arrowElement.style("border-top-width", `${this.arrowWidth() / 2}px`).style("border-bottom-width", `${this.arrowWidth() / 2}px`).style("border-left-width", `${this.arrowHeight()}px`).style("border-right-width", "0px");
+				break;
+		}
+		return r !== void 0 && i !== void 0 ? this._arrowElement.style("top", r + "px").style("left", i + "px").style(a, this.tooltipColor()).style("opacity", 1) : this._arrowElement.style("opacity", 0), t;
+	}
+	getReferenceNode() {
+		return this._triggerElement ? this._triggerElement.node() : this.element().node().parentNode.parentNode;
+	}
+	_cursorLoc;
+	calcReferenceBBox() {
+		let { top: t, left: n, width: r, height: i } = this.getReferenceNode().getBoundingClientRect(), a = this.tooltipWidth(), o = this.tooltipHeight(), s = a / 2, c = o / 2, l = this.arrowHeight(), d = this.padding(), f = d * 2;
+		return this.followCursor() && this._cursorLoc && (n = this._cursorLoc[0], t = this._cursorLoc[1], r = 1, i = 1), {
+			n: {
+				x: n + r / 2 - s - d,
+				y: t - o - l - f
+			},
+			e: {
+				x: n + r + l,
+				y: t + i / 2 - c - d
+			},
+			s: {
+				x: n + r / 2 - s - d,
+				y: t + i + l
+			},
+			w: {
+				x: n - a - l - f,
+				y: t + i / 2 - c - d
+			},
+			nw: {
+				x: n - a - f,
+				y: t - o - f
+			},
+			ne: {
+				x: n + r,
+				y: t - o - f
+			},
+			se: {
+				x: n + r,
+				y: t + i
+			},
+			sw: {
+				x: n - a - f,
+				y: t + i
+			}
+		};
+	}
+	_closing = !1;
+	mouseout() {
+		this._closing = !0, this._tooltipElement.on("mouseover", () => {
+			this._closing = !1;
+		}), this._tooltipElement.on("mouseout", () => {
+			this.mouseout();
+		}), setTimeout(() => {
+			this._closing && this.visible(!1);
+		}, this.closeDelay());
+	}
+	visible(t) {
+		return arguments.length ? (this._arrowElement && (this._arrowElement.style("visibility", t ? "visible" : "hidden"), this._tooltipElement.style("visibility", t ? "visible" : "hidden")), super.visible(t), this) : super.visible();
+	}
+	exit(t, n) {
+		this._arrowElement && (this._arrowElement.remove(), this._tooltipElement.remove()), super.exit(t, n);
+	}
+};
+HTMLTooltip.prototype._class += " html_HTMLTooltip", HTMLTooltip.prototype.publish("fitContent", !1, "boolean", "If true, tooltip will grow to fit its html content"), HTMLTooltip.prototype.publish("followCursor", !1, "boolean", "If true, tooltip will display relative to cursor location"), HTMLTooltip.prototype.publish("closeDelay", 400, "number", "Number of milliseconds to wait before closing tooltip (cancelled on tooltip mouseover event)"), HTMLTooltip.prototype.publish("direction", "n", "set", "Direction in which to display the tooltip", [
+	"n",
+	"s",
+	"e",
+	"w",
+	"ne",
+	"nw",
+	"se",
+	"sw"
+]), HTMLTooltip.prototype.publish("padding", 8, "number", "Padding (pixels)"), HTMLTooltip.prototype.publish("arrowWidth", 16, "number", "Width (or height depending on direction) of the tooltip arrow (pixels)"), HTMLTooltip.prototype.publish("arrowHeight", 8, "number", "Height (or width depending on direction) of the tooltip arrow (pixels)"), HTMLTooltip.prototype.publish("fontColor", "#FFF", "html-color", "The default font color for text in the tooltip"), HTMLTooltip.prototype.publish("tooltipColor", "#000000EE", "html-color", "Background color of the tooltip"), HTMLTooltip.prototype.publish("tooltipWidth", 200, "number", "Width of the tooltip (not including arrow) (pixels)"), HTMLTooltip.prototype.publish("tooltipHeight", 200, "number", "Height of the tooltip (not including arrow) (pixels)"), HTMLTooltip.prototype.publish("enablePointerEvents", !1, "boolean", "If true, the 'pointer-events: all' style will be used");
+//#endregion
+//#region src/SimpleTable.ts
+var SimpleTable = class extends t {
+	_table;
+	_tbody;
+	_thead;
+	_theadRow;
+	constructor() {
+		super();
+	}
+	transformData() {
+		return this.data();
+	}
+	enter(t, n) {
+		super.enter(t, n), this._table = n.append("table"), this._thead = this._table.append("thead"), this._theadRow = this._thead.append("tr"), this._tbody = this._table.append("tbody");
+	}
+	update(t, n) {
+		super.update(t, n), this._table.style("width", this.autoWidth() ? "auto" : "100%");
+		let i = this._theadRow.selectAll("th").data(this.columns());
+		i.enter().append("th").attr("class", (t, n) => `th-${n}`).merge(i).text((t) => t.toString()), i.exit().remove();
+		let a = this._tbody.selectAll("tr").data(this.transformData());
+		a.enter().append("tr").merge(a).each(function(t) {
+			let n = r(this).selectAll("td").data(t);
+			n.enter().append("td").attr("class", (t, n) => `col-${n}`).merge(n).text((t) => t.toString()), n.exit().remove();
+		}), a.exit().remove();
+	}
+};
+SimpleTable.prototype._class += " html_SimpleTable", SimpleTable.prototype.publish("autoWidth", !1, "boolean", "If true, table width will be set to 'auto'. If false, the width is set to '100%'");
+//#endregion
+//#region src/StyledTable.ts
+var StyledTable = class extends SimpleTable {
+	constructor() {
+		super();
+	}
+	applyStyleObject(t, n) {
+		Object.keys(n).forEach((r) => {
+			t.style(r, n[r]);
+		});
+	}
+	update(t, n) {
+		super.update(t, n), n.selectAll("tr,th,td").attr("style", "").style("font-family", this.fontFamily()).style("color", this.fontColor()), this.theadColumnStyles().forEach((t, r) => {
+			this.applyStyleObject(n.select(`.th-${r}`), t);
+		}), this.tbodyColumnStyles().forEach((t, r) => {
+			this.applyStyleObject(n.selectAll(`.col-${r}`), t);
+		});
+		let r = Object.keys(this.evenRowStyles()).length > 0, i = Object.keys(this.lastRowStyles()).length > 0, a = n.selectAll("tbody > tr");
+		if (r) {
+			let t = a.select(function(t, n) {
+				return n % 2 ? this : null;
+			});
+			this.applyStyleObject(t, this.evenRowStyles());
+		}
+		if (i) {
+			let t = a.select(function(t, n, r) {
+				return n === r.length - 1 ? this : null;
+			});
+			this.applyStyleObject(t, this.lastRowStyles());
+		}
+	}
+};
+StyledTable.prototype._class += " html_StyledTable", StyledTable.prototype.publish("fontFamily", "Verdana", "string", "Base font-family used within the table"), StyledTable.prototype.publish("fontColor", "#333", "string", "Base font color used within the table"), StyledTable.prototype.publish("theadColumnStyles", [], "array", "Array of objects containing styles for the thead columns (ex: [{\"color\":\"red\"},{\"color\":\"blue\"}])"), StyledTable.prototype.publish("tbodyColumnStyles", [], "array", "Array of objects containing styles for the tbody columns (ex: [{\"color\":\"red\"},{\"color\":\"blue\"}])"), StyledTable.prototype.publish("lastRowStyles", {}, "object", "Object containing styles for the last row (ex: {\"color\":\"red\"})"), StyledTable.prototype.publish("evenRowStyles", {}, "object", "Object containing styles for even rows (ex: {\"background-color\":\"#AAA\"})");
+//#endregion
+//#region src/BreakdownTable.ts
+var BreakdownTable = class extends StyledTable {
+	_tooltip;
+	constructor() {
+		super();
+	}
+	transformData() {
+		let t = this.useCalculatedRowCount() ? this.calculateRowCount() : this.rowCount();
+		return this.breakdownData(t);
+	}
+	breakdownData(t) {
+		let n = this.data().length, r = this.data().reduce((t, n) => t + n[1], 0), i = [], a = 0;
+		this.data().sort((t, n) => t[1] > n[1] ? -1 : 1);
+		let o = n - t > 0;
+		if (this.data().filter((n, r) => o ? r < t - 1 : !0).forEach((t) => {
+			let n = Math.round(t[1] / r * 100);
+			a += n, i.push([t[0], n + "%"]);
+		}), o) {
+			let r = `${this.otherLabel()} (${n - t + 1})`, o = "~" + (100 - a) + "%";
+			i.push([r, o]);
+		}
+		return i;
+	}
+	calculateRowCount() {
+		let t = this.columns().length > 0 ? this.thFontSize() + 5 : 0, n = this.fontSize() + 5, r = this.height() - t;
+		return Math.floor(r / n);
+	}
+	enter(t, n) {
+		super.enter(t, n), this._tooltip = new HTMLTooltip().target(t), this._tooltip.tooltipHTML((t) => {
+			let n = this.useCalculatedRowCount() ? this.calculateRowCount() : this.rowCount(), r = Math.max(...t.map((t) => this.textSize(t[0], this.fontFamily(), this.fontSize()).height)) ?? this.fontSize(), i = 2 * (Math.max(...t.map((t) => this.textSize(t[0], this.fontFamily(), this.fontSize()).width)) + 30) + this._tooltip.padding() * 2, a = r * Math.ceil((t.length - n) / 2) + this._tooltip.padding() * 2;
+			this._tooltip.tooltipWidth(i), this._tooltip.tooltipHeight(a);
+			let o = this.breakdownData(this.data().length).slice(n - 1);
+			return `<div style="
+                    width: 100%;
+                    height: 100%;
+                    font-size: ${this.fontSize()}px;
+                ">${o.map((t) => `<div style="
+                        float:left;
+                        width:49%;
+                    ">${t[0]}: ${t[1]}</div>`).join("")}</div>`;
+		});
+	}
+	update(t, n) {
+		if (this.theadColumnStyles_default([{
+			color: this.thFirstColor(),
+			"font-size": this.thFontSize() + "px",
+			"font-weight": this.thFontWeight(),
+			"text-align": this.labelAlignment(),
+			width: "auto",
+			padding: "0px"
+		}, {
+			width: "1%",
+			"font-size": this.thFontSize() + "px",
+			"font-weight": this.thFontWeight(),
+			"text-align": this.percentageAlignment(),
+			padding: "0px"
+		}]), this.tbodyColumnStyles_default([{
+			color: this.topLabelColor(),
+			"font-size": this.fontSize() + "px",
+			"font-weight": "normal",
+			"text-align": this.labelAlignment(),
+			width: "auto",
+			padding: "0px"
+		}, {
+			color: this.topPercentageColor(),
+			"font-size": this.fontSize() + "px",
+			"font-weight": "normal",
+			"text-align": this.percentageAlignment(),
+			width: "1%",
+			padding: "0px"
+		}]), this.lastRowStyles_default([{
+			color: this.otherLabelColor(),
+			"font-size": this.fontSize() + "px",
+			"font-weight": this.otherLabelBold() ? "bold" : "normal",
+			"text-align": this.labelAlignment(),
+			width: "auto",
+			padding: "0px"
+		}, {
+			color: this.otherLabelColor(),
+			"font-size": this.fontSize() + "px",
+			"font-weight": this.otherPercentageBold() ? "bold" : "normal",
+			"text-align": this.percentageAlignment(),
+			width: "1%",
+			padding: "0px"
+		}]), super.update(t, n), (this.useCalculatedRowCount() ? this.calculateRowCount() : this.rowCount()) < this.data().length) {
+			let t = n.select("tbody > tr:last-child"), r = this;
+			t.on("mouseout.tooltip", (n) => {
+				r._tooltip._triggerElement = t, r._tooltip.visible(!1).render();
+			}).on("mouseenter.tooltip", (n) => {
+				r._tooltip._triggerElement = t, r._tooltip.direction("n").data(r.data()).visible(!0).render();
+			});
+		}
+	}
+};
+BreakdownTable.prototype._class += " html_BreakdownTable", BreakdownTable.prototype.publish("useCalculatedRowCount", !0, "boolean", "If true, rowCount will be calculated and its default will be overwritten"), BreakdownTable.prototype.publish("rowCount", 5, "number", "Number of total rows to display (including the 'other' row)", void 0, { disable: (t) => t.useCalculatedRowCount() }), BreakdownTable.prototype.publish("fontSize", 14, "number", "Font size (pixels)"), BreakdownTable.prototype.publish("labelAlignment", "left", "set", "Alignment of the label column text", [
+	"left",
+	"center",
+	"right"
+]), BreakdownTable.prototype.publish("percentageAlignment", "center", "set", "Alignment of the percentage column text", [
+	"left",
+	"center",
+	"right"
+]), BreakdownTable.prototype.publish("topLabelColor", "#333", "html-color", "Color of displayed 'top' labels"), BreakdownTable.prototype.publish("topPercentageColor", "#1A99D5", "html-color", "Color of displayed 'top' percentages"), BreakdownTable.prototype.publish("topPercentageBold", !0, "html-color", "If true, the 'top' percentages will be bold"), BreakdownTable.prototype.publish("otherLabel", "Other", "string", "Label text for the 'other' row"), BreakdownTable.prototype.publish("otherLabelColor", "#AAA", "html-color", "Color of the 'other' label"), BreakdownTable.prototype.publish("otherLabelBold", !1, "html-color", "If true, the 'other' label will be bold"), BreakdownTable.prototype.publish("otherPercentageColor", "#AAA", "html-color", "Color of the 'other' percentage"), BreakdownTable.prototype.publish("otherPercentageBold", !1, "html-color", "If true, the 'other' percentage will be bold"), BreakdownTable.prototype.publish("thFontWeight", "bold", "string", "Font weight for th elements"), BreakdownTable.prototype.publish("thFontSize", 26, "number", "Font size for th elements"), BreakdownTable.prototype.publish("thFirstColor", "#333", "html-color", "Text color of the first th element"), BreakdownTable.prototype.publish("thLastColor", "#333", "html-color", "Text color of the last th element");
+//#endregion
+//#region src/JSXWidget.ts
+var JSXWidget = class extends t {
+	static Component = a.Component;
+	static createElement = a.createElement;
+	rootNode;
+	jsxRender(t, n) {
+		this.rootNode = a.render(t, n, this.rootNode);
+	}
+};
+JSXWidget.prototype._class += " html_JSXWidget";
+//#endregion
+//#region src/reactD3.ts
+var VNode = class {
+	_attrs;
+	_children;
+	constructor(t, n) {
+		this._attrs = t, this._children = n;
+	}
+	type() {
+		return "div";
+	}
+	attrs() {
+		return this._attrs;
+	}
+	attr(t) {
+		return this._attrs[t];
+	}
+	children() {
+		return this._children;
+	}
+	update(t) {
+		for (let n in this._attrs) t.attr(n, this._attrs[n]);
+	}
+	render(t) {
+		let n = t.selectAll(`${t.node().tagName} > *`).data([this]);
+		return n.exit().remove(), n.enter().append(this.type()).attr("reactd3", 0).merge(n).each(function(t) {
+			let n = r(this);
+			t.update(n), t.renderChildren(n);
+		});
+	}
+	renderChildren(t) {
+		let n = t.selectAll(`${t.node().tagName} > *`).data(this._children);
+		return n.exit().remove(), n.enter().append((t) => document.createElement(t.type())).attr("reactd3", (t, n) => n).merge(n).each(function(t) {
+			let n = r(this);
+			t.update(n), t.renderChildren(n);
+		});
+	}
+}, ConstVNode = class extends VNode {
+	_type;
+	constructor(t, n, r) {
+		super(n, r), this._type = t;
+	}
+	type() {
+		return this._type;
+	}
+}, TextVNode = class extends VNode {
+	_text;
+	constructor(t) {
+		super({}, []), this._text = t;
+	}
+	type() {
+		return "span";
+	}
+	update(t) {
+		super.update(t), t.text(this._text);
+	}
+};
+function isReactFn(t) {
+	return typeof t == "function";
+}
+function isIVNode(t) {
+	return t.prototype && t.prototype instanceof VNode;
+}
+var ReactD3 = class {
+	static createElement(t, n, ...r) {
+		return isIVNode(t) ? new t(n) : isReactFn(t) ? t(n) : new ConstVNode(t, n, r.map((t) => typeof t == "string" ? new TextVNode(t) : t));
+	}
+	static render(t, n) {
+		t.render(n);
+	}
+}, l, d, f, p, h, g, e, _, v, y, w, k, M, F, R = {}, U = [], W = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, Y = Array.isArray;
+function m(t, n) {
+	for (var r in n) t[r] = n[r];
+	return t;
+}
+function b(t) {
+	t && t.parentNode && t.parentNode.removeChild(t);
+}
+function x(t, n, r, i, a) {
+	var o = {
+		type: t,
+		props: n,
+		key: r,
+		ref: i,
+		__k: null,
+		__: null,
+		__b: 0,
+		__e: null,
+		__c: null,
+		constructor: void 0,
+		__v: a ?? ++f,
+		__i: -1,
+		__u: 0
+	};
+	return a == null && d.vnode != null && d.vnode(o), o;
+}
+function S(t) {
+	return t.children;
+}
+function C(t, n) {
+	this.props = t, this.context = n;
+}
+function $(t, n) {
+	if (n == null) return t.__ ? $(t.__, t.__i + 1) : null;
+	for (var r; n < t.__k.length; n++) if ((r = t.__k[n]) != null && r.__e != null) return r.__e;
+	return typeof t.type == "function" ? $(t) : null;
+}
+function I(t) {
+	if (t.__P && t.__d) {
+		var n = t.__v, r = n.__e, i = [], a = [], o = m({}, n);
+		o.__v = n.__v + 1, d.vnode && d.vnode(o), q(t.__P, o, n, t.__n, t.__P.namespaceURI, 32 & n.__u ? [r] : null, i, r ?? $(n), !!(32 & n.__u), a), o.__v = n.__v, o.__.__k[o.__i] = o, D(i, o, a), n.__e = n.__ = null, o.__e != r && P(o);
+	}
+}
+function P(t) {
+	if ((t = t.__) != null && t.__c != null) return t.__e = t.__c.base = null, t.__k.some(function(n) {
+		if (n != null && n.__e != null) return t.__e = t.__c.base = n.__e;
+	}), P(t);
+}
+function A(t) {
+	(!t.__d && (t.__d = !0) && p.push(t) && !H.__r++ || h != d.debounceRendering) && ((h = d.debounceRendering) || g)(H);
+}
+function H() {
+	try {
+		for (var t, n = 1; p.length;) p.length > n && p.sort(e), t = p.shift(), n = p.length, I(t);
+	} finally {
+		p.length = H.__r = 0;
+	}
+}
+function L(t, n, r, i, a, o, s, c, l, d, f) {
+	var p, h, g, _, v, y, w, k = i && i.__k || U, M = n.length;
+	for (l = T(r, n, k, l, M), p = 0; p < M; p++) (g = r.__k[p]) != null && (h = g.__i != -1 && k[g.__i] || R, g.__i = p, y = q(t, g, h, a, o, s, c, l, d, f), _ = g.__e, g.ref && h.ref != g.ref && (h.ref && J(h.ref, null, g), f.push(g.ref, g.__c || _, g)), v == null && _ != null && (v = _), (w = !!(4 & g.__u)) || h.__k === g.__k ? (l = j(g, l, t, w), w && h.__e && (h.__e = null)) : typeof g.type == "function" && y !== void 0 ? l = y : _ && (l = _.nextSibling), g.__u &= -7);
+	return r.__e = v, l;
+}
+function T(t, n, r, i, a) {
+	var o, s, c, l, d, f = r.length, p = f, h = 0;
+	for (t.__k = Array(a), o = 0; o < a; o++) (s = n[o]) != null && typeof s != "boolean" && typeof s != "function" ? (typeof s == "string" || typeof s == "number" || typeof s == "bigint" || s.constructor == String ? s = t.__k[o] = x(null, s, null, null, null) : Y(s) ? s = t.__k[o] = x(S, { children: s }, null, null, null) : s.constructor === void 0 && s.__b > 0 ? s = t.__k[o] = x(s.type, s.props, s.key, s.ref ? s.ref : null, s.__v) : t.__k[o] = s, l = o + h, s.__ = t, s.__b = t.__b + 1, c = null, (d = s.__i = O(s, r, l, p)) != -1 && (p--, (c = r[d]) && (c.__u |= 2)), c == null || c.__v == null ? (d == -1 && (a > f ? h-- : a < f && h++), typeof s.type != "function" && (s.__u |= 4)) : d != l && (d == l - 1 ? h-- : d == l + 1 ? h++ : (d > l ? h-- : h++, s.__u |= 4))) : t.__k[o] = null;
+	if (p) for (o = 0; o < f; o++) (c = r[o]) != null && !(2 & c.__u) && (c.__e == i && (i = $(c)), K(c, c));
+	return i;
+}
+function j(t, n, r, i) {
+	var a, o;
+	if (typeof t.type == "function") {
+		for (a = t.__k, o = 0; a && o < a.length; o++) a[o] && (a[o].__ = t, n = j(a[o], n, r, i));
+		return n;
+	}
+	t.__e != n && (i && (n && t.type && !n.parentNode && (n = $(t)), r.insertBefore(t.__e, n || null)), n = t.__e);
+	do
+		n &&= n.nextSibling;
+	while (n != null && n.nodeType == 8);
+	return n;
+}
+function O(t, n, r, i) {
+	var a, o, s, c = t.key, l = t.type, d = n[r], f = d != null && (2 & d.__u) == 0;
+	if (d === null && c == null || f && c == d.key && l == d.type) return r;
+	if (i > +!!f) {
+		for (a = r - 1, o = r + 1; a >= 0 || o < n.length;) if ((d = n[s = a >= 0 ? a-- : o++]) != null && !(2 & d.__u) && c == d.key && l == d.type) return s;
+	}
+	return -1;
+}
+function z(t, n, r) {
+	n[0] == "-" ? t.setProperty(n, r ?? "") : t[n] = r == null ? "" : typeof r != "number" || W.test(n) ? r : r + "px";
+}
+function N(t, n, r, i, a) {
+	var o, s;
+	n: if (n == "style") if (typeof r == "string") t.style.cssText = r;
+	else {
+		if (typeof i == "string" && (t.style.cssText = i = ""), i) for (n in i) r && n in r || z(t.style, n, "");
+		if (r) for (n in r) i && r[n] == i[n] || z(t.style, n, r[n]);
+	}
+	else if (n[0] == "o" && n[1] == "n") o = n != (n = n.replace(w, "$1")), s = n.toLowerCase(), n = s in t || n == "onFocusOut" || n == "onFocusIn" ? s.slice(2) : n.slice(2), t.l ||= {}, t.l[n + o] = r, r ? i ? r[y] = i[y] : (r[y] = k, t.addEventListener(n, o ? F : M, o)) : t.removeEventListener(n, o ? F : M, o);
+	else {
+		if (a == "http://www.w3.org/2000/svg") n = n.replace(/xlink(H|:h)/, "h").replace(/sName$/, "s");
+		else if (n != "width" && n != "height" && n != "href" && n != "list" && n != "form" && n != "tabIndex" && n != "download" && n != "rowSpan" && n != "colSpan" && n != "role" && n != "popover" && n in t) try {
+			t[n] = r ?? "";
+			break n;
+		} catch {}
+		typeof r == "function" || (r == null || !1 === r && n[4] != "-" ? t.removeAttribute(n) : t.setAttribute(n, n == "popover" && r == 1 ? "" : r));
+	}
+}
+function V(t) {
+	return function(n) {
+		if (this.l) {
+			var r = this.l[n.type + t];
+			if (n[v] == null) n[v] = k++;
+			else if (n[v] < r[y]) return;
+			return r(d.event ? d.event(n) : n);
+		}
+	};
+}
+function q(t, n, r, i, a, o, s, c, l, f) {
+	var p, h, g, _, v, y, w, k, M, F, R, W, ee, X, te, Z = n.type;
+	if (n.constructor !== void 0) return null;
+	128 & r.__u && (l = !!(32 & r.__u), o = [c = n.__e = r.__e]), (p = d.__b) && p(n);
+	n: if (typeof Z == "function") try {
+		if (k = n.props, M = Z.prototype && Z.prototype.render, F = (p = Z.contextType) && i[p.__c], R = p ? F ? F.props.value : p.__ : i, r.__c ? w = (h = n.__c = r.__c).__ = h.__E : (M ? n.__c = h = new Z(k, R) : (n.__c = h = new C(k, R), h.constructor = Z, h.render = Q), F && F.sub(h), h.state ||= {}, h.__n = i, g = h.__d = !0, h.__h = [], h._sb = []), M && h.__s == null && (h.__s = h.state), M && Z.getDerivedStateFromProps != null && (h.__s == h.state && (h.__s = m({}, h.__s)), m(h.__s, Z.getDerivedStateFromProps(k, h.__s))), _ = h.props, v = h.state, h.__v = n, g) M && Z.getDerivedStateFromProps == null && h.componentWillMount != null && h.componentWillMount(), M && h.componentDidMount != null && h.__h.push(h.componentDidMount);
+		else {
+			if (M && Z.getDerivedStateFromProps == null && k !== _ && h.componentWillReceiveProps != null && h.componentWillReceiveProps(k, R), n.__v == r.__v || !h.__e && h.shouldComponentUpdate != null && !1 === h.shouldComponentUpdate(k, h.__s, R)) {
+				n.__v != r.__v && (h.props = k, h.state = h.__s, h.__d = !1), n.__e = r.__e, n.__k = r.__k, n.__k.some(function(t) {
+					t && (t.__ = n);
+				}), U.push.apply(h.__h, h._sb), h._sb = [], h.__h.length && s.push(h);
+				break n;
+			}
+			h.componentWillUpdate != null && h.componentWillUpdate(k, h.__s, R), M && h.componentDidUpdate != null && h.__h.push(function() {
+				h.componentDidUpdate(_, v, y);
+			});
+		}
+		if (h.context = R, h.props = k, h.__P = t, h.__e = !1, W = d.__r, ee = 0, M) h.state = h.__s, h.__d = !1, W && W(n), p = h.render(h.props, h.state, h.context), U.push.apply(h.__h, h._sb), h._sb = [];
+		else do
+			h.__d = !1, W && W(n), p = h.render(h.props, h.state, h.context), h.state = h.__s;
+		while (h.__d && ++ee < 25);
+		h.state = h.__s, h.getChildContext != null && (i = m(m({}, i), h.getChildContext())), M && !g && h.getSnapshotBeforeUpdate != null && (y = h.getSnapshotBeforeUpdate(_, v)), X = p != null && p.type === S && p.key == null ? E(p.props.children) : p, c = L(t, Y(X) ? X : [X], n, r, i, a, o, s, c, l, f), h.base = n.__e, n.__u &= -161, h.__h.length && s.push(h), w && (h.__E = h.__ = null);
+	} catch (t) {
+		if (n.__v = null, l || o != null) if (t.then) {
+			for (n.__u |= l ? 160 : 128; c && c.nodeType == 8 && c.nextSibling;) c = c.nextSibling;
+			o[o.indexOf(c)] = null, n.__e = c;
+		} else {
+			for (te = o.length; te--;) b(o[te]);
+			B(n);
+		}
+		else n.__e = r.__e, n.__k = r.__k, t.then || B(n);
+		d.__e(t, n, r);
+	}
+	else o == null && n.__v == r.__v ? (n.__k = r.__k, n.__e = r.__e) : c = n.__e = G(r.__e, n, r, i, a, o, s, l, f);
+	return (p = d.diffed) && p(n), 128 & n.__u ? void 0 : c;
+}
+function B(t) {
+	t && (t.__c && (t.__c.__e = !0), t.__k && t.__k.some(B));
+}
+function D(t, n, r) {
+	for (var i = 0; i < r.length; i++) J(r[i], r[++i], r[++i]);
+	d.__c && d.__c(n, t), t.some(function(n) {
+		try {
+			t = n.__h, n.__h = [], t.some(function(t) {
+				t.call(n);
+			});
+		} catch (t) {
+			d.__e(t, n.__v);
+		}
+	});
+}
+function E(t) {
+	return typeof t != "object" || !t || t.__b > 0 ? t : Y(t) ? t.map(E) : t.constructor === void 0 ? m({}, t) : null;
+}
+function G(t, n, r, i, a, o, s, c, f) {
+	var p, h, g, _, v, y, w, k = r.props || R, M = n.props, F = n.type;
+	if (F == "svg" ? a = "http://www.w3.org/2000/svg" : F == "math" ? a = "http://www.w3.org/1998/Math/MathML" : a ||= "http://www.w3.org/1999/xhtml", o != null) {
+		for (p = 0; p < o.length; p++) if ((v = o[p]) && "setAttribute" in v == !!F && (F ? v.localName == F : v.nodeType == 3)) {
+			t = v, o[p] = null;
+			break;
+		}
+	}
+	if (t == null) {
+		if (F == null) return document.createTextNode(M);
+		t = document.createElementNS(a, F, M.is && M), c &&= (d.__m && d.__m(n, o), !1), o = null;
+	}
+	if (F == null) k === M || c && t.data == M || (t.data = M);
+	else {
+		if (o = F == "textarea" && M.defaultValue != null ? null : o && l.call(t.childNodes), !c && o != null) for (k = {}, p = 0; p < t.attributes.length; p++) k[(v = t.attributes[p]).name] = v.value;
+		for (p in k) v = k[p], p == "dangerouslySetInnerHTML" ? g = v : p == "children" || p in M || p == "value" && "defaultValue" in M || p == "checked" && "defaultChecked" in M || N(t, p, null, v, a);
+		for (p in M) v = M[p], p == "children" ? _ = v : p == "dangerouslySetInnerHTML" ? h = v : p == "value" ? y = v : p == "checked" ? w = v : c && typeof v != "function" || k[p] === v || N(t, p, v, k[p], a);
+		if (h) c || g && (h.__html == g.__html || h.__html == t.innerHTML) || (t.innerHTML = h.__html), n.__k = [];
+		else if (g && (t.innerHTML = ""), L(n.type == "template" ? t.content : t, Y(_) ? _ : [_], n, r, i, F == "foreignObject" ? "http://www.w3.org/1999/xhtml" : a, o, s, o ? o[0] : r.__k && $(r, 0), c, f), o != null) for (p = o.length; p--;) b(o[p]);
+		c && F != "textarea" || (p = "value", F == "progress" && y == null ? t.removeAttribute("value") : y != null && (y !== t[p] || F == "progress" && !y || F == "option" && y != k[p]) && N(t, p, y, k[p], a), p = "checked", w != null && w != t[p] && N(t, p, w, k[p], a));
+	}
+	return t;
+}
+function J(t, n, r) {
+	try {
+		if (typeof t == "function") {
+			var i = typeof t.__u == "function";
+			i && t.__u(), i && n == null || (t.__u = t(n));
+		} else t.current = n;
+	} catch (t) {
+		d.__e(t, r);
+	}
+}
+function K(t, n, r) {
+	var i, a;
+	if (d.unmount && d.unmount(t), (i = t.ref) && (i.current && i.current != t.__e || J(i, null, n)), (i = t.__c) != null) {
+		if (i.componentWillUnmount) try {
+			i.componentWillUnmount();
+		} catch (t) {
+			d.__e(t, n);
+		}
+		i.base = i.__P = null;
+	}
+	if (i = t.__k) for (a = 0; a < i.length; a++) i[a] && K(i[a], n, r || typeof t.type != "function");
+	r || b(t.__e), t.__c = t.__ = t.__e = void 0;
+}
+function Q(t, n, r) {
+	return this.constructor(t, r);
+}
+l = U.slice, d = { __e: function(t, n, r, i) {
+	for (var a, o, s; n = n.__;) if ((a = n.__c) && !a.__) try {
+		if ((o = a.constructor) && o.getDerivedStateFromError != null && (a.setState(o.getDerivedStateFromError(t)), s = a.__d), a.componentDidCatch != null && (a.componentDidCatch(t, i || {}), s = a.__d), s) return a.__E = a;
+	} catch (n) {
+		t = n;
+	}
+	throw t;
+} }, f = 0, C.prototype.setState = function(t, n) {
+	var r = this.__s != null && this.__s != this.state ? this.__s : this.__s = m({}, this.state);
+	typeof t == "function" && (t = t(m({}, r), this.props)), t && m(r, t), t != null && this.__v && (n && this._sb.push(n), A(this));
+}, C.prototype.forceUpdate = function(t) {
+	this.__v && (this.__e = !0, t && this.__h.push(t), A(this));
+}, C.prototype.render = S, p = [], g = typeof Promise == "function" ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, e = function(t, n) {
+	return t.__v.__b - n.__v.__b;
+}, H.__r = 0, _ = Math.random().toString(8), v = "__d" + _, y = "__a" + _, w = /(PointerCapture)$|Capture$/i, k = 0, M = V(!1), F = V(!0);
+//#endregion
+//#region ../../node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js
+var ee = 0;
+Array.isArray;
+function u(t, n, r, i, a, o) {
+	n ||= {};
+	var s, c, l = n;
+	if ("ref" in l) for (c in l = {}, n) c == "ref" ? s = n[c] : l[c] = n[c];
+	var f = {
+		type: t,
+		props: l,
+		key: r,
+		ref: s,
+		__k: null,
+		__: null,
+		__b: 0,
+		__e: null,
+		__c: null,
+		constructor: void 0,
+		__v: --ee,
+		__i: -1,
+		__u: 0,
+		__source: a,
+		__self: o
+	};
+	if (typeof t == "function" && (s = t.defaultProps)) for (c in s) l[c] === void 0 && (l[c] = s[c]);
+	return d.vnode && d.vnode(f), f;
+}
+//#endregion
+//#region src/VizComponent.tsx
+var VizComponent = class extends JSXWidget.Component {
+	widget;
+	refreshProps() {
+		for (let t in this.props) this.widget[t] && typeof this.widget[t] == "function" && this.widget[t](this.props[t]);
+	}
+	componentDidMount() {
+		this.widget = new this.props.type().target(this.base), this.refreshProps(), this.widget.render();
+	}
+	componentWillUnmount() {
+		this.widget.target(null).render();
+	}
+	render() {
+		return /* @__PURE__ */ u("div", { style: this.props.style });
+	}
+	componentDidUpdate() {
+		this.refreshProps(), this.widget.render();
+	}
+}, VizInstance = class extends JSXWidget.Component {
+	widget;
+	refreshProps() {
+		for (let t in this.props) this.widget[t] && typeof this.widget[t] == "function" && this.widget[t](this.props[t]);
+	}
+	componentDidMount() {
+		this.widget = this.props.instance.target(this.base), this.refreshProps(), this.widget.render();
+	}
+	componentWillUnmount() {
+		this.widget.target(null).render();
+	}
+	render() {
+		return /* @__PURE__ */ u("div", { style: this.props.style });
+	}
+	componentDidUpdate() {
+		this.refreshProps(), this.widget.render();
+	}
+}, StatsTable = class extends StyledTable {
+	transformData() {
+		let t = [[
+			"Total",
+			0,
+			0
+		]], r = this.data();
+		return r.forEach((n) => {
+			t[0][1] += n[1], t[0][2] += n[2];
+		}), r.concat(t).map((t) => [
+			t[0],
+			this.secondColumnFormat_exists() ? n(this.secondColumnFormat())(t[1]) : t[1],
+			this.thirdColumnFormat_exists() ? n(this.thirdColumnFormat())(t[2]) : t[2]
+		]);
+	}
+	update(t, n) {
+		this.tbodyColumnStyles_default([
+			{
+				"font-weight": "bold",
+				width: this.firstColumnWidth(),
+				"text-align": "left"
+			},
+			{
+				width: this.secondColumnWidth(),
+				"text-align": "right"
+			},
+			{
+				width: this.thirdColumnWidth(),
+				"text-align": "right"
+			}
+		]), this.evenRowStyles_default([
+			{
+				"font-weight": "bold",
+				width: this.firstColumnWidth(),
+				"text-align": "left",
+				"font-color": this.evenRowFontColor(),
+				"background-color": this.evenRowBackgroundColor()
+			},
+			{
+				width: this.secondColumnWidth(),
+				"text-align": "right",
+				"font-color": this.evenRowFontColor(),
+				"background-color": this.evenRowBackgroundColor()
+			},
+			{
+				width: this.thirdColumnWidth(),
+				"text-align": "right",
+				"font-color": this.evenRowFontColor(),
+				"background-color": this.evenRowBackgroundColor()
+			}
+		]), this.lastRowStyles_default({ "font-weight": "bold" }), super.update(t, n);
+	}
+};
+StatsTable.prototype._class += " html_StatsTable", StatsTable.prototype.publish("labelColor", "#333", "html-color", "Color of the text in the first column"), StatsTable.prototype.publish("primaryValueColor", "#333", "html-color", "Color of the text in the second column"), StatsTable.prototype.publish("secondaryValueColor", "#333", "html-color", "Color of the text in the third column"), StatsTable.prototype.publish("evenRowBackgroundColor", "#333", "html-color", "Background color of the even rows"), StatsTable.prototype.publish("evenRowFontColor", "#333", "html-color", "Font color of the even rows"), StatsTable.prototype.publish("firstColumnWidth", "auto", "string", "CSS style applied as the 'width' for the first column (ex: 40px)"), StatsTable.prototype.publish("secondColumnWidth", "1%", "string", "CSS style applied as the 'width' for the second column (ex: 40px)"), StatsTable.prototype.publish("thirdColumnWidth", "1%", "string", "CSS style applied as the 'width' for the third column (ex: 40px)"), StatsTable.prototype.publish("secondColumnFormat", "$,.0f", "string", "d3-format specifier applied to the second column's values", void 0, { optional: !0 }), StatsTable.prototype.publish("thirdColumnFormat", null, "string", "d3-format specifier applied to the third column's values", void 0, { optional: !0 });
+//#endregion
+//#region src/TitleBar.ts
+var Item = class extends t {
+	_owner;
+	constructor(t) {
+		super(), this._owner = t, this._tag = "a";
+	}
+};
+Item.prototype._class += " html_Item";
+var Button = class extends Item {
+	_icon;
+	constructor(t, n) {
+		super(t), this._icon = n;
+	}
+	icon() {
+		return this._icon;
+	}
+	enter(t, n) {
+		super.enter(t, n), n.attr("href", "#").on("click", (t, n, r) => this._owner.titleBarClick(this, t, n, r)).append("i").attr("class", `fa ${this._icon} fa-lg fa-fw`);
+	}
+};
+Button.prototype._class += " html_Button";
+var ToggleButton = class extends Button {
+	enter(t, n) {
+		n.on("click.sel", (t, n, r) => {
+			this.selected(!this.selected()), this.render();
+		}), super.enter(t, n);
+	}
+	update(t, n) {
+		super.update(t, n), this._element.classed("selected", this.selected());
+	}
+};
+ToggleButton.prototype._class += " html_ToggleButton", ToggleButton.prototype.publish("selected", !1, "boolean");
+var Spacer = class extends Item {
+	enter(t, n) {
+		super.enter(t, n), n.attr("class", "spacer").attr("href", "#").append("i");
+	}
+};
+Spacer.prototype._class += " html_Spacer";
+var TitleBar = class extends JSXWidget {
+	_divMain;
+	_divIconBar;
+	_divTitle;
+	constructor() {
+		super();
+	}
+	enter(t, n) {
+		super.enter(t, n), this._divMain = n.append("div").attr("class", "main"), this._divIconBar = this._divMain.append("div").attr("class", "icon-bar"), this._divTitle = this._divMain.append("div").attr("class", "title");
+	}
+	update(t, n) {
+		super.update(t, n), this._divTitle.text(this.title());
+		let r = this._divIconBar.selectAll(".icon-bar-item").data(this.buttons());
+		r.enter().append("div").attr("class", "icon-bar-item").each(function(t) {
+			t.target(this);
+		}).merge(r).each(function(t) {
+			t.render();
+		}), r.exit().each(function(t) {
+			t.target(null);
+		}).remove(), r.order();
+	}
+};
+TitleBar.prototype._class += " html_TitleBar", TitleBar.prototype.publish("title", "", "string"), TitleBar.prototype.publish("buttons", [], "widgetArray");
+//#endregion
+export { c as BUILD_VERSION, BreakdownTable, Button, HTMLTooltip, Item, JSXWidget, o as PKG_NAME, s as PKG_VERSION, ReactD3, SimpleTable, Spacer, StatsTable, StyledTable, TitleBar, ToggleButton, VNode, VizComponent, VizInstance };
+
 //# sourceMappingURL=index.js.map
-!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode("#wrap{width:100%}#left,#right{padding:5px}#left{background-color:red;text-align:left;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#right{background-color:orange;float:right;text-align:right;white-space:nowrap}.html_TitleBar>.main{width:100%;display:block}.html_TitleBar .title{padding:4px;text-align:left;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:20px;font-weight:700}.html_TitleBar .icon-bar{padding:4px;float:right;text-align:right;white-space:nowrap;line-height:28px}.html_TitleBar .icon-bar-item{display:inline}.html_TitleBar .icon-bar-item>div{display:inline}.html_TitleBar .icon-bar a{text-align:center;padding-top:4px;padding-bottom:4px;transition:all .3s ease;color:#a9a9a9}.html_TitleBar .icon-bar a:hover{background-color:#f5f5f5}.html_TitleBar .icon-bar a.selected{background-color:#efe5e5}.html_TitleBar .icon-bar a.spacer{text-align:center;padding-top:2px;padding-left:8px;padding-bottom:0;color:none}.html_TitleBar .icon-bar a.spacer:hover{background-color:transparent}.html_TitleBar .icon-bar .active{background-color:#4caf50}")),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
+(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`#wrap{width:100%}#left,#right{padding:5px}#left{text-align:left;text-overflow:ellipsis;white-space:nowrap;background-color:red;display:block;overflow:hidden}#right{float:right;text-align:right;white-space:nowrap;background-color:orange}.html_TitleBar>.main{width:100%;display:block}.html_TitleBar .title{text-align:left;text-overflow:ellipsis;white-space:nowrap;padding:4px;font-size:20px;font-weight:700;display:block;overflow:hidden}.html_TitleBar .icon-bar{float:right;text-align:right;white-space:nowrap;padding:4px;line-height:28px}.html_TitleBar .icon-bar-item,.html_TitleBar .icon-bar-item>div{display:inline}.html_TitleBar .icon-bar a{text-align:center;color:#a9a9a9;padding-top:4px;padding-bottom:4px;transition:all .3s}.html_TitleBar .icon-bar a:hover{background-color:#f5f5f5}.html_TitleBar .icon-bar a.selected{background-color:#efe5e5}.html_TitleBar .icon-bar a.spacer{text-align:center;color:none;padding-top:2px;padding-bottom:0;padding-left:8px}.html_TitleBar .icon-bar a.spacer:hover{background-color:#0000}.html_TitleBar .icon-bar .active{background-color:#4caf50}/*$vite$:1*/`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();