@hpcc-js/layout 3.2.8 → 3.2.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +2300 -895
- package/dist/index.js.map +1 -1
- package/dist/index.umd.cjs +2 -7
- package/dist/index.umd.cjs.map +1 -1
- package/package.json +8 -8
package/dist/index.umd.cjs
CHANGED
|
@@ -1,8 +1,3 @@
|
|
|
1
|
-
(function(global2,factory){typeof exports=="object"&&typeof module<"u"?factory(exports,require("@hpcc-js/common"),require("@hpcc-js/dgrid"),require("@hpcc-js/api")):typeof define=="function"&&define.amd?define(["exports","@hpcc-js/common","@hpcc-js/dgrid","@hpcc-js/api"],factory):(global2=typeof globalThis<"u"?globalThis:global2||self,factory(global2["@hpcc-js/layout"]={},global2["@hpcc-js/common"],global2["@hpcc-js/dgrid"],global2["@hpcc-js/api"]))})(this,function(exports2,common,dgrid,api){"use strict";var __defProp=Object.defineProperty;var __defNormalProp=(obj,key,value)=>key in obj?__defProp(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value;var __publicField=(obj,key,value)=>__defNormalProp(obj,typeof key!="symbol"?key+"":key,value);function _mergeNamespaces(n,m){for(var i=0;i<m.length;i++){const e=m[i];if(typeof e!="string"&&!Array.isArray(e)){for(const k2 in e)if(k2!=="default"&&!(k2 in n)){const d=Object.getOwnPropertyDescriptor(e,k2);d&&Object.defineProperty(n,k2,d.get?d:{enumerable:!0,get:()=>e[k2]})}}}return Object.freeze(Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}))}const PKG_NAME="@hpcc-js/layout",PKG_VERSION="3.1.1",BUILD_VERSION="3.2.1";class AbsoluteSurface extends common.HTMLWidget{constructor(){super(),this._tag="div"}enter(domNode,element){super.enter(domNode,element)}update(domNode,element){super.update(domNode,element);let xPos=0,yPos=0,width=this.clientWidth(),height=this.clientHeight();switch(this.units()){case"pixels":xPos=this.widgetX(),yPos=this.widgetY(),width=this.widgetWidth()===""?width-xPos:Number(this.widgetWidth()),height=this.widgetHeight()===""?height-yPos:Number(this.widgetHeight());break;case"percent":xPos=this.widgetX()*width/100,yPos=this.widgetY()*height/100,width=this.widgetWidth()===""?width-xPos:Number(this.widgetWidth())*width/100,height=this.widgetHeight()===""?height-yPos:Number(this.widgetHeight())*height/100;break}element.style("opacity",this.opacity());const widgets=element.selectAll("#"+this._id+" > .placeholder").data(this.widget()?[this.widget()]:[],function(d){return d._id});widgets.enter().append("div").attr("class","placeholder").each(function(d){d.target(this)}).merge(widgets).style("left",xPos+"px").style("top",yPos+"px").style("width",width+"px").style("bottom",height+"px").each(function(d){d.resize({width,height})}),widgets.exit().each(function(d){d.target(null)}).remove()}exit(domNode,element){this.widget()&&this.widget().target(null),super.exit(domNode,element)}}AbsoluteSurface.prototype._class+=" layout_AbsoluteSurface",AbsoluteSurface.prototype.publish("units","percent","set","Units",["pixels","percent"]),AbsoluteSurface.prototype.publish("widgetX",0,"number","Widget XPos"),AbsoluteSurface.prototype.publish("widgetY",0,"number","Widget YPos"),AbsoluteSurface.prototype.publish("widgetWidth","100","string","Widget Width, omit for full"),AbsoluteSurface.prototype.publish("widgetHeight","100","string","Widget Height, omit for full"),AbsoluteSurface.prototype.publish("widget",null,"widget","Widget",null,{tags:["Private"]}),AbsoluteSurface.prototype.publish("opacity",1,"number","Opacity");class Accordion extends common.HTMLWidget{constructor(){super();__publicField(this,"_isClosed");__publicField(this,"titleSpan");__publicField(this,"iconDiv");__publicField(this,"ul");__publicField(this,"icon");this._tag="div",this._isClosed=!1}pushListItem(widget,prepend=!1,protect=!1){const contentArr=this.content();return widget._protected=protect,prepend?contentArr.unshift(widget):contentArr.push(widget),this.content(contentArr),this}clearListItems(){const arr=[];for(const i in this.content())this.content()[i]._protected&&arr.push(this.content()[i]);return this.content(arr),this}collapseClick(element){element.classed("closed")?(this._isClosed=!1,element.classed("open",!0),element.classed("closed",!1)):(this._isClosed=!0,element.classed("open",!1),element.classed("closed",!0))}enter(domNode,element){super.enter(domNode,element);const context=this;this._isClosed=this.defaultCollapsed(),element.classed(this._isClosed?"closed":"open",!0),this.titleSpan=element.append("span").classed("collapsible-title",!0),this.iconDiv=element.append("div").classed("collapsible-icon",!0),this.ul=element.append("ul"),this.icon=new common.FAChar().size({height:24,width:24}).target(this.iconDiv.node()),this.iconDiv.on("click",function(){context.collapseClick(element),context.render()}),this.titleSpan.on("click",function(){context.collapseClick(element),context.render()})}update(domNode,element){super.update(domNode,element);const context=this,this_id="";this.titleSpan.text(context.title().length>0?context.title()+this_id:"Accordion ["+context._id+"]"+this_id);const rows=this.ul.selectAll("#"+context._id+" > ul > li").data(this.content(),function(d){return d._id});rows.enter().append(function(widget){const li=document.createElement("li");if(widget._target===null){const wSize=widget.size();if(wSize.width===0||wSize.height===0){const cSize=context.size();widget.size({width:cSize.width,height:cSize.width})}widget.target(li)}else return widget._target;return li}),rows.exit().remove(),this.icon.text_colorFill(this.titleFontColor()).char(this._isClosed?this.closedIcon():this.openIcon()).render()}exit(domNode,element){super.exit(domNode,element)}}Accordion.prototype._class+=" layout_Accordion",Accordion.prototype.publish("content",[],"widgetArray","Array of widgets",null,{tags:["Basic"]}),Accordion.prototype.publish("title","","string","Title of collapsible section",null,{tags:["Private"]}),Accordion.prototype.publish("openIcon","","string","Icon to display when list is open",null,{tags:["Private"]}),Accordion.prototype.publish("closedIcon","","string","Icon to display when list is closed",null,{tags:["Private"]}),Accordion.prototype.publish("titleFontColor","#FFFFFF","html-color","Title font color",null,{tags:["Private"]}),Accordion.prototype.publish("titleBackgroundColor","#333333","html-color","Title background color",null,{tags:["Private"]}),Accordion.prototype.publish("defaultCollapsed",!1,"boolean","Collapsed by default if true",null,{tags:["Private"]});class Surface extends common.HTMLWidget{constructor(){super();__publicField(this,"_surfaceButtons");this._tag="div",this._surfaceButtons=[]}widgetSize(titleDiv,widgetDiv){let width=this.clientWidth(),height=this.clientHeight();return this.title()&&(height-=this.calcHeight(titleDiv)),height-=this.calcFrameHeight(widgetDiv),width-=this.calcFrameWidth(widgetDiv),{width,height}}enter(domNode,element){super.enter(domNode,element)}update(domNode,element2){super.update(domNode,element2);const context=this;element2.classed("shadow2",this.surfaceShadow()).style("border-width",this.surfaceBorderWidth_exists()?this.surfaceBorderWidth()+"px":null).style("border-color",this.surfaceBorderColor()).style("border-radius",this.surfaceBorderRadius_exists()?this.surfaceBorderRadius()+"px":null).style("background-color",this.surfaceBackgroundColor());const titles=element2.selectAll(".surfaceTitle").data(this.title()?[this.title()]:[]);titles.enter().insert("h3","div").attr("class","surfaceTitle").merge(titles).text(function(d){return d}).style("text-align",this.surfaceTitleAlignment()).style("color",this.surfaceTitleFontColor()).style("font-size",this.surfaceTitleFontSize_exists()?this.surfaceTitleFontSize()+"px":null).style("font-family",this.surfaceTitleFontFamily()).style("font-weight",this.surfaceTitleFontBold()?"bold":"normal").style("background-color",this.surfaceTitleBackgroundColor()).style("padding",this.surfaceTitlePadding_exists()?this.surfaceTitlePadding()+"px":null).style("title",this.altText_exists()?this.altText():null),titles.exit().remove();const surfaceButtons=element2.select(".surfaceTitle").append("div").attr("class","html-button-container").selectAll(".surface-button").data(this.buttonAnnotations());surfaceButtons.enter().append("button").classed("surface-button",!0).each(function(button,idx){const el=context._surfaceButtons[idx]=common.select(this).attr("class","surface-button"+(button.class?" "+button.class:"")).attr("id",button.id).style("padding",button.padding).style("width",button.width).style("height",button.height).style("cursor","pointer");button.font==="FontAwesome"?el.style("background","transparent").style("border","none").on("click",function(d){context.click(d)}).append("i").attr("class","fa").text(function(){return button.label}):el.text(function(){return button.label}).on("click",function(d){context.click(d)})}),surfaceButtons.exit().each(function(_d,idx){const element=common.select(this);delete context._surfaceButtons[idx],element.remove()});const widgets=element2.selectAll("#"+this._id+" > .surfaceWidget").data(this.widget()?[this.widget()]:[],function(d){return d._id});widgets.enter().append("div").attr("class","surfaceWidget").each(function(d){common.select(context.element().node().parentElement).classed("content-icon content-icon-"+d.classID().split("_")[1],!0),d.target(this)}).merge(widgets).style("padding",this.surfacePadding_exists()?this.surfacePadding()+"px":null).each(function(d){const widgetSize=context.widgetSize(element2.select("h3"),common.select(this));widgetSize.width<0&&(widgetSize.width=0),widgetSize.height<0&&(widgetSize.height=0),d.resize({width:widgetSize.width,height:widgetSize.height})}),widgets.exit().each(function(d){d.target(null)}).remove()}exit(domNode,element){this.widget()&&this.widget().target(null),super.exit(domNode,element)}click(obj){}}Surface.prototype._class+=" layout_Surface",Surface.prototype.publish("title","","string","Title",null,{tags:["Intermediate"]}),Surface.prototype.publish("altText",null,"string","Alt text",null,{optional:!0}),Surface.prototype.publish("surfaceTitlePadding",null,"number","Title Padding (px)",null,{tags:["Advanced"],disable:w=>!w.title()}),Surface.prototype.publish("surfaceTitleFontSize",null,"number","Title Font Size (px)",null,{tags:["Advanced"],disable:w=>!w.title()}),Surface.prototype.publish("surfaceTitleFontColor",null,"html-color","Title Font Color",null,{tags:["Advanced"],disable:w=>!w.title()}),Surface.prototype.publish("surfaceTitleFontFamily",null,"string","Title Font Family",null,{tags:["Advanced"],disable:w=>!w.title()}),Surface.prototype.publish("surfaceTitleFontBold",!0,"boolean","Enable Bold Title Font",null,{tags:["Advanced"],disable:w=>!w.title()}),Surface.prototype.publish("surfaceTitleBackgroundColor",null,"html-color","Title Background Color",null,{tags:["Advanced"],disable:w=>!w.title()}),Surface.prototype.publish("surfaceTitleAlignment","center","set","Title Alignment",["left","right","center"],{tags:["Basic"],disable:w=>!w.title()}),Surface.prototype.publish("surfaceShadow",!1,"boolean","3D Shadow"),Surface.prototype.publish("surfacePadding",null,"string","Surface Padding (px)",null,{tags:["Intermediate"]}),Surface.prototype.publish("surfaceBackgroundColor",null,"html-color","Surface Background Color",null,{tags:["Advanced"]}),Surface.prototype.publish("surfaceBorderWidth",null,"number","Surface Border Width (px)",null,{tags:["Advanced"]}),Surface.prototype.publish("surfaceBorderColor",null,"html-color","Surface Border Color",null,{tags:["Advanced"]}),Surface.prototype.publish("surfaceBorderRadius",null,"number","Surface Border Radius (px)",null,{tags:["Advanced"]}),Surface.prototype.publish("buttonAnnotations",[],"array","Button Array",null,{tags:["Private"]}),Surface.prototype.publish("widget",null,"widget","Widget",null,{tags:["Basic"]});class Cell extends Surface{constructor(){super();__publicField(this,"_indicateTheseIds");this._indicateTheseIds=[]}indicateTheseIds(_){return arguments.length?(this._indicateTheseIds=_,this):this._indicateTheseIds}enter(domNode,element){super.enter(domNode,element);const context=this;element.classed("layout_Surface",!0).on("mouseenter",function(){context.onMouseEnter()}).on("mouseleave",function(){context.onMouseLeave()})}update(domNode,element){super.update(domNode,element)}onMouseEnter(){const arr=this.indicateTheseIds(),opacity=this.indicatorOpacity(),indicatorBorderColor=this.indicatorBorderColor(),indicatorGlowColor=this.indicatorGlowColor();for(let i=0;i<arr.length;i++){const otherElement=common.select("#"+arr[i]),otherWidget=otherElement.datum();otherElement&&otherWidget&&otherElement.append("div").attr("class","update-indicator").style("width",otherWidget.width()+"px").style("height",otherWidget.height()+"px").style("opacity",opacity).style("border-color",indicatorBorderColor).style("-webkit-box-shadow","inset 0px 0px 30px 0px "+indicatorGlowColor).style("-moz-box-shadow","inset 0px 0px 30px 0px "+indicatorGlowColor).style("box-shadow","inset 0px 0px 30px 0px "+indicatorGlowColor)}}onMouseLeave(){const arr=this.indicateTheseIds();for(let i=0;i<arr.length;i++)common.selectAll("#"+arr[i]+" > div.update-indicator").remove()}}Cell.prototype._class+=" layout_Cell",Cell.prototype.publish("gridRow",0,"number","Grid Row Position",null,{tags:["Private"]}),Cell.prototype.publish("gridCol",0,"number","Grid Column Position",null,{tags:["Private"]}),Cell.prototype.publish("gridRowSpan",1,"number","Grid Row Span",null,{tags:["Private"]}),Cell.prototype.publish("gridColSpan",1,"number","Grid Column Span",null,{tags:["Private"]}),Cell.prototype.publish("indicatorGlowColor","#EEEE11","html-color","Glow color of update-indicator",null,{tags:["Basic"]}),Cell.prototype.publish("indicatorBorderColor","#F48A00","html-color","Border color of update-indicator",null,{tags:["Basic"]}),Cell.prototype.publish("indicatorOpacity",.8,"number","Opacity of update-indicator",null,{tags:["Basic"]});class Border extends common.HTMLWidget{constructor(){super();__publicField(this,"_colCount");__publicField(this,"_rowCount");__publicField(this,"_colSize");__publicField(this,"_rowSize");__publicField(this,"_shrinkWrapBoxes");__publicField(this,"_watch");__publicField(this,"_offsetX");__publicField(this,"_offsetY");__publicField(this,"_dragCell");__publicField(this,"_dragCellSize");__publicField(this,"_dragCellStartSize");__publicField(this,"_handleTop");__publicField(this,"_handleLeft");__publicField(this,"_dragPrevX");__publicField(this,"_dragPrevY");__publicField(this,"_cellSizes");__publicField(this,"contentDiv");__publicField(this,"_scrollBarWidth");__publicField(this,"_borderHandles");__publicField(this,"_sectionTypeArr");__publicField(this,"lazyPostUpdate",common.Utility.debounce(function(){this.postUpdate()},100));this._tag="div",this._colCount=0,this._rowCount=0,this._colSize=0,this._rowSize=0,this._shrinkWrapBoxes={},this.content([]),this.sectionTypes([])}watchWidget(widget){if(this._watch===void 0&&(this._watch={}),this._watch[widget.id()]&&(this._watch[widget.id()].remove(),delete this._watch[widget.id()]),widget){const context=this;this._watch[widget.id()]=widget.monitor(function(paramId,newVal,oldVal){oldVal!==newVal&&context.lazyPostUpdate()})}}applyLayoutType(){const layoutObj=this.borderLayoutObject();this.content().forEach(function(cell,i){cell._fixedLeft=layoutObj[this.sectionTypes()[i]].left,cell._fixedTop=layoutObj[this.sectionTypes()[i]].top,cell._fixedWidth=layoutObj[this.sectionTypes()[i]].width,cell._fixedHeight=layoutObj[this.sectionTypes()[i]].height,cell._dragHandles=this.cellSpecificDragHandles(this.sectionTypes()[i])},this)}cellSpecificDragHandles(sectionType){switch(sectionType){case"top":return["s"];case"right":return["w"];case"bottom":return["n"];case"left":return["e"];case"center":return[]}}borderLayoutObject(layoutType){const retObj={},context=this;let topSize,topPerc,bottomSize,bottomPerc,leftSize,leftPerc,rightSize,rightPerc;const bcRect=this.target().getBoundingClientRect();bcRect.top,bcRect.left,bcRect.bottom,bcRect.right,this.target()instanceof SVGElement?(parseFloat(this.target().getAttribute("width")),parseFloat(this.target().getAttribute("height"))):(bcRect.width,bcRect.height),this.sectionTypes().indexOf("top")!==-1&&(topSize=this.topSize(),topPerc=this.topPercentage(),typeof this._shrinkWrapBoxes.top<"u"&&(topSize=this._shrinkWrapBoxes.top.height+this.gutter(),topPerc=0)),this.sectionTypes().indexOf("bottom")!==-1&&(bottomSize=this.bottomSize(),bottomPerc=this.bottomPercentage(),typeof this._shrinkWrapBoxes.bottom<"u"&&(bottomSize=this._shrinkWrapBoxes.bottom.height+this.gutter(),bottomPerc=0)),this.sectionTypes().indexOf("left")!==-1&&(leftSize=this.leftSize(),leftPerc=this.leftPercentage(),typeof this._shrinkWrapBoxes.left<"u"&&(leftSize=this._shrinkWrapBoxes.left.width+this.gutter(),leftPerc=0)),this.sectionTypes().indexOf("right")!==-1&&(rightSize=this.rightSize(),rightPerc=this.rightPercentage(),typeof this._shrinkWrapBoxes.right<"u"&&(rightSize=this._shrinkWrapBoxes.right.width+this.gutter(),rightPerc=0));const t=_sectionPlacementObject({width:{px:0,"%":100},height:{px:topSize,"%":topPerc},top:{px:0,"%":0},left:{px:0,"%":0}}),b=_sectionPlacementObject({width:{px:0,"%":100},height:{px:bottomSize,"%":bottomPerc},top:{px:0,"%":100},left:{px:0,"%":0}});b.top-=b.height;const l=_sectionPlacementObject({width:{px:leftSize,"%":leftPerc},height:{px:-t.height-b.height,"%":100},top:{px:t.height,"%":0},left:{px:0,"%":0}}),r=_sectionPlacementObject({width:{px:rightSize,"%":rightPerc},height:{px:-t.height-b.height,"%":100},top:{px:t.height,"%":0},left:{px:0,"%":100}});r.left-=r.width;const c2=_sectionPlacementObject({width:{px:-r.width-l.width,"%":100},height:{px:-t.height-b.height,"%":100},top:{px:t.height,"%":0},left:{px:l.width,"%":0}});return retObj.top=t,retObj.bottom=b,retObj.right=r,retObj.left=l,retObj.center=c2,retObj;function _sectionPlacementObject(obj){return obj.width.px=typeof obj.width.px<"u"?obj.width.px:0,obj.width["%"]=typeof obj.width["%"]<"u"?obj.width["%"]:0,obj.height.px=typeof obj.height.px<"u"?obj.height.px:0,obj.height["%"]=typeof obj.height["%"]<"u"?obj.height["%"]:0,{width:obj.width.px+obj.width["%"]/100*context.width(),height:obj.height.px+obj.height["%"]/100*context.height(),top:obj.top.px+obj.top["%"]/100*context.height()+context.gutter()/2,left:obj.left.px+obj.left["%"]/100*context.width()+context.gutter()/2}}}clearContent(sectionType){if(!sectionType)this.content().forEach(function(contentWidget){return contentWidget.target(null),!1}),common.select("#"+this.id()+" > div.borderHandle").classed("borderHandleDisabled",!0),delete this._watch,this.content([]),this.sectionTypes([]);else{const idx=this.sectionTypes().indexOf(sectionType);idx>=0&&(this._watch&&this.content()[idx]&&delete this._watch[this.content()[idx].id()],this.content()[idx].target(null),common.select("#"+this.id()+" > div.borderHandle_"+sectionType).classed("borderHandleDisabled",!0),this.content().splice(idx,1),this.sectionTypes().splice(idx,1))}}hasContent(sectionType,widget,title){return this.sectionTypes().indexOf(sectionType)>=0}setContent(sectionType,widget,title){if(this.clearContent(sectionType),title=typeof title<"u"?title:"",widget){const cell=new Cell().surfaceBorderWidth(0).widget(widget).title(title);this.watchWidget(widget),this.content().push(cell),this.sectionTypes().push(sectionType)}return this}getCell(id){const idx=this.sectionTypes().indexOf(id);return idx>=0?this.content()[idx]:null}getContent(id){const idx=this.sectionTypes().indexOf(id);return idx>=0?this.content()[idx].widget():null}setLayoutOffsets(){this._offsetX=this._element.node().getBoundingClientRect().left+this.gutter()/2,this._offsetY=this._element.node().getBoundingClientRect().top+this.gutter()/2}dragStart(handle){const event=common.d3Event();event.sourceEvent.stopPropagation();const context=this;this._dragCell=handle,this._dragCellStartSize=this[handle+"Size"](),this[handle+"ShrinkWrap"]()&&(this[handle+"Percentage"](0),this[handle+"ShrinkWrap"](!1));const handleElm=common.select("#"+context.id()+" > div.borderHandle_"+handle);context._handleTop=parseFloat(handleElm.style("top").split("px")[0]),context._handleLeft=parseFloat(handleElm.style("left").split("px")[0]),this._dragPrevX=event.sourceEvent.clientX,this._dragPrevY=event.sourceEvent.clientY}dragTick(handle){const context=this,event=common.d3Event(),xDelta=this._dragPrevX-event.sourceEvent.clientX,yDelta=this._dragPrevY-event.sourceEvent.clientY;switch(handle){case"top":case"bottom":_moveHandles(handle,yDelta);break;case"right":case"left":_moveHandles(handle,xDelta);break}function _moveHandles(handle2,delta){if(delta===0)return;const handles=common.selectAll("#"+context.id()+" > div.borderHandle"),grabbedHandle=common.select("#"+context.id()+" > div.borderHandle_"+handle2);grabbedHandle.classed("borderHandle_top")?(grabbedHandle.style("top",context._handleTop-delta+"px"),context._cellSizes.topHeight=context._handleTop-delta,context._cellSizes.leftHeight=context._cellSizes.height,context._cellSizes.leftHeight-=context._cellSizes.topHeight,context._cellSizes.leftHeight-=context._cellSizes.bottomHeight,context._cellSizes.rightHeight=context._cellSizes.leftHeight):grabbedHandle.classed("borderHandle_right")?(grabbedHandle.style("left",context._handleLeft-delta+"px"),context._cellSizes.rightWidth=context._cellSizes.width-context._handleLeft+delta):grabbedHandle.classed("borderHandle_bottom")?(grabbedHandle.style("top",context._handleTop-delta+"px"),context._cellSizes.bottomHeight=context._cellSizes.height-context._handleTop+delta,context._cellSizes.leftHeight=context._cellSizes.height,context._cellSizes.leftHeight-=context._cellSizes.bottomHeight,context._cellSizes.leftHeight-=context._cellSizes.topHeight,context._cellSizes.rightHeight=context._cellSizes.leftHeight):grabbedHandle.classed("borderHandle_left")&&(grabbedHandle.style("left",context._handleLeft-delta+"px"),context._cellSizes.leftWidth=context._handleLeft-delta),handles.each(function(){const handle3=common.select(this);handle3.classed("borderHandle_top")?(handle3.style("width",context._cellSizes.width+"px"),handle3.style("top",context._cellSizes.topHeight-3+"px")):handle3.classed("borderHandle_right")?(handle3.style("left",context._cellSizes.width-context._cellSizes.rightWidth+"px"),handle3.style("top",context._cellSizes.topHeight+3+"px"),handle3.style("height",context._cellSizes.rightHeight+"px")):handle3.classed("borderHandle_bottom")?(handle3.style("width",context._cellSizes.width+"px"),handle3.style("top",context._cellSizes.height-context._cellSizes.bottomHeight-3+"px")):handle3.classed("borderHandle_left")&&(handle3.style("left",context._cellSizes.leftWidth+"px"),handle3.style("height",context._cellSizes.leftHeight+"px"),handle3.style("top",context._cellSizes.topHeight+3+"px"))})}}dragEnd(handle){if(handle){const event=common.d3Event(),xDelta=this._dragPrevX-event.sourceEvent.clientX,yDelta=this._dragPrevY-event.sourceEvent.clientY;switch(handle){case"top":yDelta!==0&&(this.topPercentage(0),this.topSize(this.topSize()===0?this.getContent("top").getBBox().height-yDelta:this.topSize()-yDelta));break;case"right":xDelta!==0&&(this.rightPercentage(0),this.rightSize(this.rightSize()===0?this.getContent("right").getBBox().width+xDelta:this.rightSize()+xDelta));break;case"bottom":yDelta!==0&&(this.bottomPercentage(0),this.bottomSize(this.bottomSize()===0?this.getContent("bottom").getBBox().height+yDelta:this.bottomSize()+yDelta));break;case"left":xDelta!==0&&(this.leftPercentage(0),this.leftSize(this.leftSize()===0?this.getContent("left").getBBox().width-xDelta:this.leftSize()-xDelta));break}this._dragPrevX=event.sourceEvent.clientX,this._dragPrevY=event.sourceEvent.clientY}this.render()}size(_){const retVal=common.HTMLWidget.prototype.size.apply(this,arguments);return arguments.length&&this.contentDiv&&this.contentDiv.style("width",this._size.width+"px").style("height",this._size.height+"px"),retVal}enter(domNode,element){super.enter(domNode,element);const context=this;element.style("position","relative"),this.contentDiv=element.append("div").classed("border-content",!0),this._scrollBarWidth=common.Platform.getScrollbarWidth(),this._borderHandles=["top","left","right","bottom"],element.selectAll("div.borderHandle").data(this._borderHandles).enter().append("div").classed("borderHandle",!0).each(function(handle){common.select(this).classed("borderHandle_"+handle,!0).classed("borderHandleDisabled",context.getContent(handle)===null)})}update(domNode,element){super.update(domNode,element),this._sectionTypeArr=this.sectionTypes();const context=this;element.classed("design-mode",this.designMode()),this.setLayoutOffsets();const rows=this.contentDiv.selectAll(".cell_"+this._id).data(this.content(),function(d){return d._id}),rowsUpdate=rows.enter().append("div").classed("cell_"+this._id,!0).style("position","absolute").each(function(d,i){common.select(this).classed("border-cell border-cell-"+context._sectionTypeArr[i],!0),d.target(this),common.select("#"+context.id()+" > div.borderHandle_"+context._sectionTypeArr[i]).classed("borderHandleDisabled",!1)}).merge(rows);rowsUpdate.each(function(d,idx){const sectionType=context.sectionTypes()[idx];typeof context[sectionType+"ShrinkWrap"]<"u"&&context[sectionType+"ShrinkWrap"]()?(d.render(),context._shrinkWrapBoxes[sectionType]=d.widget().getBBox(!0)):delete context._shrinkWrapBoxes[sectionType]});const drag=common.drag().on("start",function(d,i){context.dragStart.call(context,d,i)}).on("drag",function(d,i){context.dragTick.call(context,d,i)}).on("end",function(d,i){context.dragEnd.call(context,d,i)});this.designMode()?element.selectAll("#"+this.id()+" > div.borderHandle").call(drag):element.selectAll("#"+this.id()+" > div.borderHandle").on(".drag",null);const layoutObj=this.borderLayoutObject();this.content().forEach(function(cell,i){cell._fixedLeft=layoutObj[this.sectionTypes()[i]].left,cell._fixedTop=layoutObj[this.sectionTypes()[i]].top,cell._fixedWidth=layoutObj[this.sectionTypes()[i]].width,cell._fixedHeight=layoutObj[this.sectionTypes()[i]].height,cell._dragHandles=[]},this),rowsUpdate.style("left",function(d){return d._fixedLeft+"px"}).style("top",function(d){return d._fixedTop+"px"}).style("width",function(d){return d._fixedWidth-context.gutter()+"px"}).style("height",function(d){return d._fixedHeight-context.gutter()+"px"}).each(function(d){d._placeholderElement.attr("draggable",context.designMode()).selectAll(".dragHandle").attr("draggable",context.designMode()),d.surfacePadding(context.surfacePadding()).resize()}),rows.exit().each(function(d){d.target(null)}).remove(),this.getCellSizes(),element.selectAll("#"+this.id()+" > div.borderHandle").each(function(){const handle=common.select(this);handle.classed("borderHandle_top")?(handle.style("width",context._cellSizes.width+"px"),handle.style("top",context._cellSizes.topHeight-3+"px")):handle.classed("borderHandle_right")?(handle.style("left",context._cellSizes.width-context._cellSizes.rightWidth+"px"),handle.style("top",context._cellSizes.topHeight+3+"px"),handle.style("height",context._cellSizes.rightHeight+"px")):handle.classed("borderHandle_bottom")?(handle.style("width",context._cellSizes.width+"px"),handle.style("top",context._cellSizes.height-context._cellSizes.bottomHeight-3+"px")):handle.classed("borderHandle_left")&&(handle.style("left",context._cellSizes.leftWidth+"px"),handle.style("height",context._cellSizes.leftHeight+"px"),handle.style("top",context._cellSizes.topHeight+3+"px"))})}getCellSizes(){const context=this;context._cellSizes={};const contentRect=this.element().node().getBoundingClientRect();context._cellSizes.width=contentRect.width,context._cellSizes.height=contentRect.height,this.element().selectAll("#"+this.id()+" > div > div.border-cell").each(function(){const cell=common.select(this);if(typeof cell.node=="function"){const rect=cell.node().getBoundingClientRect();cell.classed("border-cell-top")?context._cellSizes.topHeight=rect.height:cell.classed("border-cell-left")?(context._cellSizes.leftWidth=rect.width,context._cellSizes.leftHeight=rect.height):cell.classed("border-cell-right")?(context._cellSizes.rightWidth=rect.width,context._cellSizes.rightHeight=rect.height):cell.classed("border-cell-bottom")&&(context._cellSizes.bottomHeight=rect.height)}}),["height","width","topHeight","bottomHeight","leftHeight","rightHeight","leftWidth","rightWidth"].forEach(function(size){context._cellSizes[size]=context._cellSizes[size]===void 0?0:context._cellSizes[size]})}postUpdate(domNode,element){const context=this;this.content().forEach(function(n){if(n._element.node()!==null&&n.widget()){const prevBox=n.widget().getBBox(!1,!0),currBox=n.widget().getBBox(!0,!0);(prevBox.width!==currBox.width||prevBox.height!==currBox.height)&&context.lazyRender()}})}exit(domNode,element){this.content().forEach(w=>w.target(null)),super.exit(domNode,element)}}Border.prototype._class+=" layout_Border",Border.prototype.publish("designMode",!1,"boolean","Design Mode",null,{tags:["Basic"]}),Border.prototype.publish("content",[],"widgetArray","widgets",null,{tags:["Intermediate"]}),Border.prototype.publish("gutter",0,"number","Gap Between Widgets",null,{tags:["Basic"]}),Border.prototype.publish("topShrinkWrap",!1,"boolean","'Top' Cell shrinks to fit content",null,{tags:["Intermediate"]}),Border.prototype.publish("leftShrinkWrap",!1,"boolean","'Left' Cell shrinks to fit content",null,{tags:["Intermediate"]}),Border.prototype.publish("rightShrinkWrap",!1,"boolean","'Right' Cell shrinks to fit content",null,{tags:["Intermediate"]}),Border.prototype.publish("bottomShrinkWrap",!1,"boolean","'Bottom' Cell shrinks to fit content",null,{tags:["Intermediate"]}),Border.prototype.publish("topSize",0,"number","Height of the 'Top' Cell (px)",null,{tags:["Private"]}),Border.prototype.publish("leftSize",0,"number","Width of the 'Left' Cell (px)",null,{tags:["Private"]}),Border.prototype.publish("rightSize",0,"number","Width of the 'Right' Cell (px)",null,{tags:["Private"]}),Border.prototype.publish("bottomSize",0,"number","Height of the 'Bottom' Cell (px)",null,{tags:["Private"]}),Border.prototype.publish("topPercentage",20,"number","Percentage (of parent) Height of the 'Top' Cell",null,{tags:["Private"]}),Border.prototype.publish("leftPercentage",20,"number","Percentage (of parent) Width of the 'Left' Cell",null,{tags:["Private"]}),Border.prototype.publish("rightPercentage",20,"number","Percentage (of parent) Width of the 'Right' Cell",null,{tags:["Private"]}),Border.prototype.publish("bottomPercentage",20,"number","Percentage (of parent) Height of the 'Bottom' Cell",null,{tags:["Private"]}),Border.prototype.publish("surfacePadding",0,"number","Cell Padding (px)",null,{tags:["Intermediate"]}),Border.prototype.publish("sectionTypes",[],"array","Section Types sharing an index with 'content' - Used to determine position/size.",null,{tags:["Private"]});class WidgetDiv{constructor(div){__publicField(this,"_div");__publicField(this,"_overlay",!1);__publicField(this,"_overflowX","visible");__publicField(this,"_overflowY","visible");__publicField(this,"_widget");this._div=div}overlay(_){return arguments.length?(this._overlay=_,this):this._overlay}overflowX(_){return arguments.length?(this._overflowX=_,this._div.style("overflow-x",_),this):this._overflowX}overflowY(_){return arguments.length?(this._overflowY=_,this._div.style("overflow-y",_),this):this._overflowY}element(){return this._div}node(){return this._div.node()}widget(_){return arguments.length?(this._widget!==_&&(this._widget&&this._widget.target(null),this._widget=_,this._widget&&this._widget.target(this._div.node())),this):this._widget}resize(size){return this._widget&&(this._div.style("width",`${size.width}px`).style("height",`${size.height}px`),this._widget.resize(size)),this}async render(getBBox,availableHeight,availableWidth){let overflowX=this.overflowX();!this.overlay()&&overflowX==="visible"&&(overflowX=null);let overflowY=this.overflowY();return!this.overlay()&&overflowY==="visible"&&(overflowY=null),this._div.style("height",this.overlay()?"0px":null).style("overflow-x",overflowX).style("overflow-y",overflowY),this._widget?this._widget.renderPromise().then(w=>{if(getBBox&&this._widget.visible()){const retVal=this._widget.getBBox();return retVal.width+=8,availableHeight!==void 0&&retVal.height>availableHeight&&(retVal.width+=common.Platform.getScrollbarWidth()),availableWidth!==void 0&&retVal.width>availableWidth&&(retVal.height+=common.Platform.getScrollbarWidth()),this.overlay()?retVal.height=0:retVal.height+=4,retVal}return getBBox?{x:0,y:0,width:0,height:0}:void 0}):Promise.resolve(getBBox?{x:0,y:0,width:0,height:0}:void 0)}}class Border2 extends common.HTMLWidget{constructor(){super();__publicField(this,"_bodyElement");__publicField(this,"_topWA");__publicField(this,"_leftWA");__publicField(this,"_centerWA");__publicField(this,"_rightWA");__publicField(this,"_bottomWA");__publicField(this,"_topPrevOverflow");__publicField(this,"_leftPrevOverflow");__publicField(this,"_rightPrevOverflow");__publicField(this,"_bottomPrevOverflow");this._tag="div"}enter(domNode,element){super.enter(domNode,element);const topElement=element.append("header");this._bodyElement=element.append("div").attr("class","body");const centerElement=this._bodyElement.append("div").attr("class","center"),leftElement=this._bodyElement.append("div").attr("class","lhs"),rightElement=this._bodyElement.append("div").attr("class","rhs"),bottomElement=element.append("div").attr("class","footer");this._topWA=new WidgetDiv(topElement),this._centerWA=new WidgetDiv(centerElement),this._leftWA=new WidgetDiv(leftElement),this._rightWA=new WidgetDiv(rightElement),this._bottomWA=new WidgetDiv(bottomElement)}update(domNode,element){super.update(domNode,element),this._topWA.element().style("display",this.showTop()?null:"none"),this._rightWA.element().style("display",this.showRight()?null:"none"),this._bottomWA.element().style("display",this.showBottom()?null:"none"),this._leftWA.element().style("display",this.showLeft()?null:"none"),this.topOverflowX()!==this._topWA.overflowX()&&this._topWA.overflowX(this.topOverflowX()),this.rightOverflowX()!==this._rightWA.overflowX()&&this._rightWA.overflowX(this.rightOverflowX()),this.bottomOverflowX()!==this._bottomWA.overflowX()&&this._bottomWA.overflowX(this.bottomOverflowX()),this.leftOverflowX()!==this._leftWA.overflowX()&&this._leftWA.overflowX(this.leftOverflowX()),this.topOverflowY()!==this._topWA.overflowY()&&this._topWA.overflowY(this.topOverflowY()),this.rightOverflowY()!==this._rightWA.overflowY()&&this._rightWA.overflowY(this.rightOverflowY()),this.bottomOverflowY()!==this._bottomWA.overflowY()&&this._bottomWA.overflowY(this.bottomOverflowY()),this.leftOverflowY()!==this._leftWA.overflowY()&&this._leftWA.overflowY(this.leftOverflowY()),this.element().style("width",`${this.width()}px`).style("height",`${this.height()}px`)}targetNull(w){w&&w.target(null)}exit(domNode,element){this.targetNull(this.center()),this.targetNull(this.bottom()),this.targetNull(this.right()),this.targetNull(this.left()),this.targetNull(this.top()),super.exit(domNode,element)}swap(sectionA,sectionB){const a2=this[sectionA](),b=this[sectionB]();return this.targetNull(a2),this.targetNull(b),this[`_${sectionA}WA`].widget(null),this[`_${sectionB}WA`].widget(null),this[sectionA](b),this[sectionB](a2),this}render(callback){return super.render(w=>{this._topWA?this._topWA.widget(this.top()).overlay(this.topOverlay()).render(!0).then(async topBBox=>{const bottomBBox=await this._bottomWA.widget(this.bottom()).render(!0,void 0,this.width()),availableHeight=this.height()-(topBBox.height+bottomBBox.height),leftBBox=await this._leftWA.widget(this.left()).render(!0,availableHeight),rightBBox=await this._rightWA.widget(this.right()).render(!0,availableHeight);this.bottomHeight_exists()&&(bottomBBox.height=this.bottomHeight());const bodyWidth=this.width()-(leftBBox.width+rightBBox.width),bodyHeight=this.height()-(topBBox.height+bottomBBox.height),centerOverflowX=this.centerOverflowX(),centerOverflowY=this.centerOverflowY(),scrollCenterX=["auto","scroll"].indexOf(centerOverflowX)!==-1,scrollCenterY=["auto","scroll"].indexOf(centerOverflowY)!==-1;(scrollCenterX||scrollCenterY)&&this._centerWA.overflowX(this.centerOverflowX()).overflowY(this.centerOverflowY()).widget(this.center()).resize({width:bodyWidth,height:bodyHeight}).render(),this._bodyElement.style("height",`${bodyHeight}px`);const promises=[this._topWA.overflowX(this.topOverflowX()).overflowY(this.topOverflowY()).resize({width:this.width(),height:topBBox.height}).render(),this._leftWA.overflowX(this.leftOverflowX()).overflowY(this.leftOverflowY()).resize({width:leftBBox.width,height:bodyHeight}).render(),this._rightWA.overflowX(this.rightOverflowX()).overflowY(this.rightOverflowY()).resize({width:rightBBox.width,height:bodyHeight}).render(),this._centerWA.overflowX(this.centerOverflowX()).overflowY(this.centerOverflowY()).widget(this.center()).resize({width:bodyWidth,height:bodyHeight}).render(),this._bottomWA.overflowX(this.bottomOverflowX()).overflowY(this.bottomOverflowY()).resize({width:this.width(),height:bottomBBox.height}).render()];Promise.all(promises).then(promises2=>{callback&&callback(this)})}):callback&&callback(this)})}}Border2.prototype._class+=" layout_Border2",Border2.prototype.publish("showTop",!0,"boolean","If true, top widget adapter will display"),Border2.prototype.publish("showRight",!0,"boolean","If true, right widget adapter will display"),Border2.prototype.publish("showBottom",!0,"boolean","If true, bottom widget adapter will display"),Border2.prototype.publish("showLeft",!0,"boolean","If true, left widget adapter will display"),Border2.prototype.publish("topOverflowX","visible","set","Sets the overflow-x css style for the top widget adapter",["hidden","scroll","visible","auto"]),Border2.prototype.publish("rightOverflowX","visible","set","Sets the overflow-x css style for the right widget adapter",["hidden","scroll","visible","auto"]),Border2.prototype.publish("bottomOverflowX","visible","set","Sets the overflow-x css style for the bottom widget adapter",["hidden","scroll","visible","auto"]),Border2.prototype.publish("leftOverflowX","visible","set","Sets the overflow-x css style for the left widget adapter",["hidden","scroll","visible","auto"]),Border2.prototype.publish("centerOverflowX","visible","set","Sets the overflow-x css style for the center widget adapter",["hidden","scroll","visible","auto"]),Border2.prototype.publish("topOverflowY","visible","set","Sets the overflow-y css style for the top widget adapter",["hidden","scroll","visible","auto"]),Border2.prototype.publish("rightOverflowY","visible","set","Sets the overflow-y css style for the right widget adapter",["hidden","scroll","visible","auto"]),Border2.prototype.publish("bottomOverflowY","visible","set","Sets the overflow-y css style for the bottom widget adapter",["hidden","scroll","visible","auto"]),Border2.prototype.publish("leftOverflowY","visible","set","Sets the overflow-y css style for the left widget adapter",["hidden","scroll","visible","auto"]),Border2.prototype.publish("centerOverflowY","visible","set","Sets the overflow-y css style for the center widget adapter",["hidden","scroll","visible","auto"]),Border2.prototype.publish("top",null,"widget","Top Widget",void 0,{render:!1}),Border2.prototype.publish("topOverlay",!1,"boolean","Overlay Top Widget"),Border2.prototype.publish("left",null,"widget","Left Widget",void 0,{render:!1}),Border2.prototype.publish("center",null,"widget","Center Widget",void 0,{render:!1}),Border2.prototype.publish("right",null,"widget","Right Widget",void 0,{render:!1}),Border2.prototype.publish("bottom",null,"widget","Bottom Widget",void 0,{render:!1}),Border2.prototype.publish("bottomHeight",null,"number","Bottom Fixed Height",void 0,{optional:!0});class Carousel extends common.HTMLWidget{constructor(){super(...arguments);__publicField(this,"_prevActive",0);__publicField(this,"_root")}activeWidget(){return this.widgets()[this.active()]}enter(domNode,element){super.enter(domNode,element),this._root=element.append("div").attr("id",`${this.id()}_root`)}update(domNode,element){super.update(domNode,element);const active=this.active(),width=this.width();this._root.style("width",`${width}px`).style("height",`${this.height()}px`);const widgetElements=this._root.selectAll(`#${this.id()}_root > .carouselItem`).data(this.widgets(),d=>d.id()),update=widgetElements.enter().append("div").attr("class","carouselItem").each(function(w){w.target(this)}).merge(widgetElements).style("left",(d,i)=>`${(i-this._prevActive)*width}px`).style("width",`${width}px`);this._prevActive!==active&&(update.style("display",(d,i)=>i===this._prevActive||i===active?null:"none").transition().duration(this.transitionDuration()).style("left",(d,i)=>`${(i-active)*width}px`).on("end",function(d,i){common.select(this).style("display",()=>i===active?null:"none")}),this._prevActive=active),widgetElements.exit().each(function(w){w.target(null)}).remove()}exit(domNode,element){this.widgets().forEach(w=>w.target(null)),super.exit(domNode,element)}render(callback){return super.render(w=>{if(!this.visible()||this.isDOMHidden())callback&&callback(w);else{const aw=this.activeWidget();aw&&aw.resize(this.size()).render(w2=>{callback&&callback(w)})}})}}Carousel.prototype._class+=" layout_Carousel",Carousel.prototype.publish("widgets",[],"widgetArray","Widgets",null,{render:!1}),Carousel.prototype.publish("active",0,"number","Active widget"),Carousel.prototype.publish("transitionDuration",500,"number","Transition duration");var pi$1=Math.PI,tau$1=2*pi$1,epsilon=1e-6,tauEpsilon=tau$1-epsilon;function Path(){this._x0=this._y0=this._x1=this._y1=null,this._=""}function path(){return new Path}Path.prototype=path.prototype={constructor:Path,moveTo:function(x,y){this._+="M"+(this._x0=this._x1=+x)+","+(this._y0=this._y1=+y)},closePath:function(){this._x1!==null&&(this._x1=this._x0,this._y1=this._y0,this._+="Z")},lineTo:function(x,y){this._+="L"+(this._x1=+x)+","+(this._y1=+y)},quadraticCurveTo:function(x1,y1,x,y){this._+="Q"+ +x1+","+ +y1+","+(this._x1=+x)+","+(this._y1=+y)},bezierCurveTo:function(x1,y1,x2,y2,x,y){this._+="C"+ +x1+","+ +y1+","+ +x2+","+ +y2+","+(this._x1=+x)+","+(this._y1=+y)},arcTo:function(x1,y1,x2,y2,r){x1=+x1,y1=+y1,x2=+x2,y2=+y2,r=+r;var x0=this._x1,y0=this._y1,x21=x2-x1,y21=y2-y1,x01=x0-x1,y01=y0-y1,l01_2=x01*x01+y01*y01;if(r<0)throw new Error("negative radius: "+r);if(this._x1===null)this._+="M"+(this._x1=x1)+","+(this._y1=y1);else if(l01_2>epsilon)if(!(Math.abs(y01*x21-y21*x01)>epsilon)||!r)this._+="L"+(this._x1=x1)+","+(this._y1=y1);else{var x20=x2-x0,y20=y2-y0,l21_2=x21*x21+y21*y21,l20_2=x20*x20+y20*y20,l21=Math.sqrt(l21_2),l01=Math.sqrt(l01_2),l=r*Math.tan((pi$1-Math.acos((l21_2+l01_2-l20_2)/(2*l21*l01)))/2),t01=l/l01,t21=l/l21;Math.abs(t01-1)>epsilon&&(this._+="L"+(x1+t01*x01)+","+(y1+t01*y01)),this._+="A"+r+","+r+",0,0,"+ +(y01*x20>x01*y20)+","+(this._x1=x1+t21*x21)+","+(this._y1=y1+t21*y21)}},arc:function(x,y,r,a0,a1,ccw){x=+x,y=+y,r=+r,ccw=!!ccw;var dx=r*Math.cos(a0),dy=r*Math.sin(a0),x0=x+dx,y0=y+dy,cw=1^ccw,da=ccw?a0-a1:a1-a0;if(r<0)throw new Error("negative radius: "+r);this._x1===null?this._+="M"+x0+","+y0:(Math.abs(this._x1-x0)>epsilon||Math.abs(this._y1-y0)>epsilon)&&(this._+="L"+x0+","+y0),r&&(da<0&&(da=da%tau$1+tau$1),da>tauEpsilon?this._+="A"+r+","+r+",0,1,"+cw+","+(x-dx)+","+(y-dy)+"A"+r+","+r+",0,1,"+cw+","+(this._x1=x0)+","+(this._y1=y0):da>epsilon&&(this._+="A"+r+","+r+",0,"+ +(da>=pi$1)+","+cw+","+(this._x1=x+r*Math.cos(a1))+","+(this._y1=y+r*Math.sin(a1))))},rect:function(x,y,w,h){this._+="M"+(this._x0=this._x1=+x)+","+(this._y0=this._y1=+y)+"h"+ +w+"v"+ +h+"h"+-w+"Z"},toString:function(){return this._}};function constant(x){return function(){return x}}var pi=Math.PI,tau=2*pi;const d3SymbolCircle={draw:function(context,size){var r=Math.sqrt(size/pi);context.moveTo(r,0),context.arc(0,0,r,0,tau)}},d3SymbolCross={draw:function(context,size){var r=Math.sqrt(size/5)/2;context.moveTo(-3*r,-r),context.lineTo(-r,-r),context.lineTo(-r,-3*r),context.lineTo(r,-3*r),context.lineTo(r,-r),context.lineTo(3*r,-r),context.lineTo(3*r,r),context.lineTo(r,r),context.lineTo(r,3*r),context.lineTo(-r,3*r),context.lineTo(-r,r),context.lineTo(-3*r,r),context.closePath()}};var tan30=Math.sqrt(1/3),tan30_2=tan30*2;const d3SymbolDiamond={draw:function(context,size){var y=Math.sqrt(size/tan30_2),x=y*tan30;context.moveTo(0,-y),context.lineTo(x,0),context.lineTo(0,y),context.lineTo(-x,0),context.closePath()}};var ka=.8908130915292852,kr=Math.sin(pi/10)/Math.sin(7*pi/10),kx=Math.sin(tau/10)*kr,ky=-Math.cos(tau/10)*kr;const d3SymbolStar={draw:function(context,size){var r=Math.sqrt(size*ka),x=kx*r,y=ky*r;context.moveTo(0,-r),context.lineTo(x,y);for(var i=1;i<5;++i){var a2=tau*i/5,c2=Math.cos(a2),s2=Math.sin(a2);context.lineTo(s2*r,-c2*r),context.lineTo(c2*x-s2*y,s2*x+c2*y)}context.closePath()}},d3SymbolSquare={draw:function(context,size){var w=Math.sqrt(size),x=-w/2;context.rect(x,x,w,w)}};var sqrt3=Math.sqrt(3);const d3SymbolTriangle={draw:function(context,size){var y=-Math.sqrt(size/(sqrt3*3));context.moveTo(0,y*2),context.lineTo(-sqrt3*y,-y),context.lineTo(sqrt3*y,-y),context.closePath()}};var c=-.5,s=Math.sqrt(3)/2,k=1/Math.sqrt(12),a=(k/2+1)*3;const d3SymbolWye={draw:function(context,size){var r=Math.sqrt(size/a),x0=r/2,y0=r*k,x1=x0,y1=r*k+r,x2=-x1,y2=y1;context.moveTo(x0,y0),context.lineTo(x1,y1),context.lineTo(x2,y2),context.lineTo(c*x0-s*y0,s*x0+c*y0),context.lineTo(c*x1-s*y1,s*x1+c*y1),context.lineTo(c*x2-s*y2,s*x2+c*y2),context.lineTo(c*x0+s*y0,c*y0-s*x0),context.lineTo(c*x1+s*y1,c*y1-s*x1),context.lineTo(c*x2+s*y2,c*y2-s*x2),context.closePath()}};function d3Symbol(){var type=constant(d3SymbolCircle),size=constant(64),context=null;function symbol(){var buffer;if(context||(context=buffer=path()),type.apply(this,arguments).draw(context,+size.apply(this,arguments)),buffer)return context=null,buffer+""||null}return symbol.type=function(_){return arguments.length?(type=typeof _=="function"?_:constant(_),symbol):type},symbol.size=function(_){return arguments.length?(size=typeof _=="function"?_:constant(+_),symbol):size},symbol.context=function(_){return arguments.length?(context=_??null,symbol):context},symbol}var _typeof=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(obj){return typeof obj}:function(obj){return obj&&typeof Symbol=="function"&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},d3_identity=function(d){return d},d3_reverse=function(arr){for(var mirror=[],i=0,l=arr.length;i<l;i++)mirror[i]=arr[l-i-1];return mirror},d3_textWrapping=function(text,width){text.each(function(){var text2=common.select(this),words=text2.text().split(/\s+/).reverse(),word,line=[],lineHeight=1.2;text2.attr("y");for(var dy=parseFloat(text2.attr("dy"))||0,tspan=text2.text(null).append("tspan").attr("x",0).attr("dy",dy+"em");word=words.pop();)line.push(word),tspan.text(line.join(" ")),tspan.node().getComputedTextLength()>width&&line.length>1&&(line.pop(),tspan.text(line.join(" ")),line=[word],tspan=text2.append("tspan").attr("x",0).attr("dy",lineHeight+dy+"em").text(word))})},d3_mergeLabels=function(){var gen=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[],labels=arguments[1],domain=arguments[2],range=arguments[3],labelDelimiter=arguments[4];if((typeof labels>"u"?"undefined":_typeof(labels))==="object"){if(labels.length===0)return gen;for(var i=labels.length;i<gen.length;i++)labels.push(gen[i]);return labels}else if(typeof labels=="function"){for(var customLabels=[],genLength=gen.length,_i=0;_i<genLength;_i++)customLabels.push(labels({i:_i,genLength,generatedLabels:gen,domain,range,labelDelimiter}));return customLabels}return gen},d3_linearLegend=function(scale,cells,labelFormat){var data=[];if(cells.length>1)data=cells;else for(var domain=scale.domain(),increment=(domain[domain.length-1]-domain[0])/(cells-1),i=0;i<cells;i++)data.push(domain[0]+i*increment);var labels=data.map(labelFormat);return{data,labels,feature:function(d){return scale(d)}}},d3_quantLegend=function(scale,labelFormat,labelDelimiter){var labels=scale.range().map(function(d){var invert=scale.invertExtent(d);return labelFormat(invert[0])+" "+labelDelimiter+" "+labelFormat(invert[1])});return{data:scale.range(),labels,feature:d3_identity}},d3_ordinalLegend=function(scale){return{data:scale.domain(),labels:scale.domain(),feature:function(d){return scale(d)}}},d3_cellOver=function(cellDispatcher,d,obj){cellDispatcher.call("cellover",obj,d)},d3_cellOut=function(cellDispatcher,d,obj){cellDispatcher.call("cellout",obj,d)},d3_cellClick=function(cellDispatcher,d,obj){cellDispatcher.call("cellclick",obj,d)},helper={d3_drawShapes:function(shape,shapes,shapeHeight,shapeWidth,shapeRadius,path2){shape==="rect"?shapes.attr("height",shapeHeight).attr("width",shapeWidth):shape==="circle"?shapes.attr("r",shapeRadius):shape==="line"?shapes.attr("x1",0).attr("x2",shapeWidth).attr("y1",0).attr("y2",0):shape==="path"&&shapes.attr("d",path2)},d3_addText:function(svg,enter,labels,classPrefix,labelWidth){enter.append("text").attr("class",classPrefix+"label");var text=svg.selectAll("g."+classPrefix+"cell text."+classPrefix+"label").data(labels).text(d3_identity);return labelWidth&&svg.selectAll("g."+classPrefix+"cell text."+classPrefix+"label").call(d3_textWrapping,labelWidth),text},d3_calcType:function(scale,ascending,cells,labels,labelFormat,labelDelimiter){var type=scale.invertExtent?d3_quantLegend(scale,labelFormat,labelDelimiter):scale.ticks?d3_linearLegend(scale,cells,labelFormat):d3_ordinalLegend(scale),range=scale.range&&scale.range()||scale.domain();return type.labels=d3_mergeLabels(type.labels,labels,scale.domain(),range,labelDelimiter),ascending&&(type.labels=d3_reverse(type.labels),type.data=d3_reverse(type.data)),type},d3_filterCells:function(type,cellFilter){var filterCells=type.data.map(function(d,i){return{data:d,label:type.labels[i]}}).filter(cellFilter),dataValues=filterCells.map(function(d){return d.data}),labelValues=filterCells.map(function(d){return d.label});return type.data=type.data.filter(function(d){return dataValues.indexOf(d)!==-1}),type.labels=type.labels.filter(function(d){return labelValues.indexOf(d)!==-1}),type},d3_placement:function(orient,cell,cellTrans,text,textTrans,labelAlign){cell.attr("transform",cellTrans),text.attr("transform",textTrans),orient==="horizontal"&&text.style("text-anchor",labelAlign)},d3_addEvents:function(cells,dispatcher){cells.on("mouseover.legend",function(d){d3_cellOver(dispatcher,d,this)}).on("mouseout.legend",function(d){d3_cellOut(dispatcher,d,this)}).on("click.legend",function(d){d3_cellClick(dispatcher,d,this)})},d3_title:function(svg,title,classPrefix,titleWidth){if(title!==""){var titleText=svg.selectAll("text."+classPrefix+"legendTitle");titleText.data([title]).enter().append("text").attr("class",classPrefix+"legendTitle"),svg.selectAll("text."+classPrefix+"legendTitle").text(title),titleWidth&&svg.selectAll("text."+classPrefix+"legendTitle").call(d3_textWrapping,titleWidth);var cellsSvg=svg.select("."+classPrefix+"legendCells"),yOffset=svg.select("."+classPrefix+"legendTitle").nodes().map(function(d){return d.getBBox().height})[0],xOffset=-cellsSvg.nodes().map(function(d){return d.getBBox().x})[0];cellsSvg.attr("transform","translate("+xOffset+","+yOffset+")")}},d3_defaultLocale:{format:common.format,formatPrefix:common.formatPrefix},d3_defaultFormatSpecifier:".01f",d3_defaultDelimiter:"to"};function color(){var scale=common.scaleLinear(),shape="rect",shapeWidth=15,shapeHeight=15,shapeRadius=10,shapePadding=2,cells=[5],cellFilter=void 0,labels=[],classPrefix="",useClass=!1,title="",locale=helper.d3_defaultLocale,specifier=helper.d3_defaultFormatSpecifier,labelOffset=10,labelAlign="middle",labelDelimiter=helper.d3_defaultDelimiter,labelWrap=void 0,orient="vertical",ascending=!1,path2=void 0,titleWidth=void 0,legendDispatcher=common.dispatch("cellover","cellout","cellclick");function legend(svg){var type=helper.d3_calcType(scale,ascending,cells,labels,locale.format(specifier),labelDelimiter),legendG=svg.selectAll("g").data([scale]);legendG.enter().append("g").attr("class",classPrefix+"legendCells"),cellFilter&&helper.d3_filterCells(type,cellFilter);var cell=svg.select("."+classPrefix+"legendCells").selectAll("."+classPrefix+"cell").data(type.data),cellEnter=cell.enter().append("g").attr("class",classPrefix+"cell");cellEnter.append(shape).attr("class",classPrefix+"swatch");var shapes=svg.selectAll("g."+classPrefix+"cell "+shape+"."+classPrefix+"swatch").data(type.data);helper.d3_addEvents(cellEnter,legendDispatcher),cell.exit().transition().style("opacity",0).remove(),shapes.exit().transition().style("opacity",0).remove(),shapes=shapes.merge(shapes),helper.d3_drawShapes(shape,shapes,shapeHeight,shapeWidth,shapeRadius,path2);var text=helper.d3_addText(svg,cellEnter,type.labels,classPrefix,labelWrap);cell=cellEnter.merge(cell);var textSize=text.nodes().map(function(d){return d.getBBox()}),shapeSize=shapes.nodes().map(function(d){return d.getBBox()});useClass?shapes.attr("class",function(d){return classPrefix+"swatch "+type.feature(d)}):shape=="line"?shapes.style("stroke",type.feature):shapes.style("fill",type.feature);var cellTrans=void 0,textTrans=void 0,textAlign=labelAlign=="start"?0:labelAlign=="middle"?.5:1;orient==="vertical"?function(){var cellSize=textSize.map(function(d,i){return Math.max(d.height,shapeSize[i].height)});cellTrans=function(d,i){var height=common.sum(cellSize.slice(0,i));return"translate(0, "+(height+i*shapePadding)+")"},textTrans=function(d,i){return"translate( "+(shapeSize[i].width+shapeSize[i].x+labelOffset)+", "+(shapeSize[i].y+shapeSize[i].height/2+5)+")"}}():orient==="horizontal"&&(cellTrans=function(d,i){return"translate("+i*(shapeSize[i].width+shapePadding)+",0)"},textTrans=function(d,i){return"translate("+(shapeSize[i].width*textAlign+shapeSize[i].x)+`,
|
|
2
|
-
`+(shapeSize[i].height+shapeSize[i].y+labelOffset+8)+")"}),helper.d3_placement(orient,cell,cellTrans,text,textTrans,labelAlign),helper.d3_title(svg,title,classPrefix,titleWidth),cell.transition().style("opacity",1)}return legend.scale=function(_){return arguments.length?(scale=_,legend):scale},legend.cells=function(_){return arguments.length?((_.length>1||_>=2)&&(cells=_),legend):cells},legend.cellFilter=function(_){return arguments.length?(cellFilter=_,legend):cellFilter},legend.shape=function(_,d){return arguments.length?((_=="rect"||_=="circle"||_=="line"||_=="path"&&typeof d=="string")&&(shape=_,path2=d),legend):shape},legend.shapeWidth=function(_){return arguments.length?(shapeWidth=+_,legend):shapeWidth},legend.shapeHeight=function(_){return arguments.length?(shapeHeight=+_,legend):shapeHeight},legend.shapeRadius=function(_){return arguments.length?(shapeRadius=+_,legend):shapeRadius},legend.shapePadding=function(_){return arguments.length?(shapePadding=+_,legend):shapePadding},legend.labels=function(_){return arguments.length?(labels=_,legend):labels},legend.labelAlign=function(_){return arguments.length?((_=="start"||_=="end"||_=="middle")&&(labelAlign=_),legend):labelAlign},legend.locale=function(_){return arguments.length?(locale=common.formatLocale(_),legend):locale},legend.labelFormat=function(_){return arguments.length?(specifier=common.formatSpecifier(_),legend):legend.locale().format(specifier)},legend.labelOffset=function(_){return arguments.length?(labelOffset=+_,legend):labelOffset},legend.labelDelimiter=function(_){return arguments.length?(labelDelimiter=_,legend):labelDelimiter},legend.labelWrap=function(_){return arguments.length?(labelWrap=_,legend):labelWrap},legend.useClass=function(_){return arguments.length?((_===!0||_===!1)&&(useClass=_),legend):useClass},legend.orient=function(_){return arguments.length?(_=_.toLowerCase(),(_=="horizontal"||_=="vertical")&&(orient=_),legend):orient},legend.ascending=function(_){return arguments.length?(ascending=!!_,legend):ascending},legend.classPrefix=function(_){return arguments.length?(classPrefix=_,legend):classPrefix},legend.title=function(_){return arguments.length?(title=_,legend):title},legend.titleWidth=function(_){return arguments.length?(titleWidth=_,legend):titleWidth},legend.textWrap=function(_){return arguments.length?(textWrap=_,legend):textWrap},legend.on=function(){var value=legendDispatcher.on.apply(legendDispatcher,arguments);return value===legendDispatcher?legend:value},legend}class Legend extends common.SVGWidget{constructor(owner){super();__publicField(this,"_owner");__publicField(this,"_targetWidget");__publicField(this,"_targetWidgetMonitor");__publicField(this,"_legendOrdinal");__publicField(this,"_disabled",[]);__publicField(this,"_symbolTypeMap",{circle:d3SymbolCircle,cross:d3SymbolCross,diamond:d3SymbolDiamond,square:d3SymbolSquare,star:d3SymbolStar,triangle:d3SymbolTriangle,wye:d3SymbolWye});__publicField(this,"_g");__publicField(this,"_containerSize");this._owner=owner,this._drawStartPos="origin";const context=this;this._legendOrdinal=color().shape("path",d3Symbol().type(d3SymbolCircle).size(150)()).shapePadding(10).shapeRadius(10).on("cellclick",function(d){context.onClick(d,this)}).on("cellover",d=>{context.onOver(d,this)}).on("cellout",d=>{context.onOut(d,this)})}isDisabled(d){return typeof d>"u"?!1:typeof d=="string"?d.indexOf("__")===0||this._disabled.indexOf(d)>=0:d instanceof common.Database.Field?d.id().indexOf("__")===0||this._disabled.indexOf(d.id())>=0:this._disabled.indexOf(d)>=0}filteredFields(){switch(this.dataFamily()){case"2D":return this.fields();case"ND":return this.fields().filter(d=>!this.isDisabled(d))}return this.fields()}filteredColumns(){switch(this.dataFamily()){case"2D":return this.columns();case"ND":return this.columns().filter(d=>!this.isDisabled(d))}return this.columns()}filteredData(){switch(this.dataFamily()){case"2D":return this.data().filter(row=>!this.isDisabled(row[0]));case"ND":const disabledCols={};let anyDisabled=!1;return this.columns().forEach((col,idx)=>{const disabled=this.isDisabled(col);disabledCols[idx]=disabled,disabled&&(anyDisabled=!0)}),anyDisabled?this.data().map(row=>row.filter((cell,idx)=>!disabledCols[idx])):this.data()}return this.data()}isRainbow(){const widget=this.getWidget();return widget&&widget._palette&&widget._palette.type()==="rainbow"}targetWidget(_){if(!arguments.length)return this._targetWidget;if(this._targetWidget=_,this._targetWidgetMonitor&&(this._targetWidgetMonitor.remove(),delete this._targetWidgetMonitor),this._targetWidget){const context=this;this._targetWidgetMonitor=this._targetWidget.monitor(function(key,newProp,oldProp,source){switch(key){case"chart":case"columns":case"data":case"paletteID":context.lazyRender();break}})}return this}getWidget(){if(this._targetWidget)switch(this._targetWidget.classID()){case"composite_MultiChart":return this._targetWidget.chart()}return this._targetWidget}getPalette(){const widget=this.getWidget();if(widget&&widget._palette)switch(widget._palette.type()){case"ordinal":return common.Palette.ordinal(widget._palette.id());case"rainbow":return common.Palette.rainbow(widget._palette.id())}return common.Palette.ordinal("default")}getPaletteType(){return this.getPalette().type()}fillColorFunc(){const widget=this.getWidget();if(widget&&widget.fillColor)return widget._palette&&widget.paletteID&&widget._palette.name!==widget.paletteID()&&(widget._palette=widget._palette.switch(widget.paletteID())),(row,col,sel)=>widget.fillColor(row,col,sel);const palette=common.Palette.ordinal(widget&&widget.paletteID&&widget.paletteID()||"default");return(row,col,sel)=>palette(col)}fillColor(row,col,sel){return this.fillColorFunc()(row,col,sel)}enter(domNode,element){super.enter(domNode,element),this._g=element.append("g").attr("class","legendOrdinal")}calcMetaData(){let dataArr=[],total=0,maxLabelWidth=0;const colLength=this.columns().length;if(this._targetWidget){const columns=this.columns();switch(this.getPaletteType()){case"ordinal":const fillColor=this.fillColorFunc();let val=0;switch(this.dataFamily()){case"2D":dataArr=this.data().map(function(n,i){val=this.data()[i].slice(1,colLength).reduce((acc,n2)=>acc+n2,0);const disabled=this.isDisabled(n[0]);disabled||(total+=val);const label=n[0]+(!disabled&&this.showSeriesTotal()?` (${val})`:""),textSize=this.textSize(label);return maxLabelWidth<textSize.width&&(maxLabelWidth=textSize.width),[fillColor(n,n[0],!1),n[0],label]},this);break;case"ND":dataArr=this.columns().filter(col=>col.indexOf("__")!==0).filter(function(n,i){return i>0}).map(function(n,i){val=this.data().reduce((acc,n2)=>acc+n2[i+1],0);const disabled=this.isDisabled(columns[i+1]),label=n+(!disabled&&this.showSeriesTotal()?` (${val})`:"");disabled||(total+=val);const textSize=this.textSize(label);return maxLabelWidth<textSize.width&&(maxLabelWidth=textSize.width),[fillColor(void 0,n,!1),n,label]},this);break;default:dataArr=this.columns().map(function(n){return[fillColor(void 0,n,!1),n]},this);break}break;case"rainbow":const palette=this.getPalette(),format=common.format(this.rainbowFormat()),widget=this.getWidget(),steps=this.rainbowBins(),weightMin=widget._dataMinWeight,weightMax=widget._dataMaxWeight,stepWeightDiff=(weightMax-weightMin)/(steps-1);dataArr.push([palette(weightMin,weightMin,weightMax),format(weightMin)]);for(let x=1;x<steps-1;++x){let mid=stepWeightDiff*x;Math.floor(mid)>parseInt(dataArr[0][1])&&(mid=Math.floor(mid)),dataArr.push([palette(mid,weightMin,weightMax),format(mid)])}dataArr.push([palette(weightMax,weightMin,weightMax),format(weightMax)]);break}}return{dataArr,total,maxLabelWidth}}update(domNode,element){super.update(domNode,element);const{dataArr,maxLabelWidth,total}=this.calcMetaData(),radius=this.shapeRadius(),size=this.radiusToSymbolSize(radius),strokeWidth=1;let shapePadding=this.itemPadding();this.orientation()==="horizontal"&&(shapePadding+=maxLabelWidth-radius*2);const ordinal=common.scaleOrdinal().domain(dataArr.map(row=>row[1])).range(dataArr.map(row=>row[0]));this._legendOrdinal.shape("path",d3Symbol().type(this._symbolTypeMap[this.symbolType()]).size(size)()).orient(this.orientation()).title(this.title()).labelWrap(this.labelMaxWidth()).labelAlign(this.labelAlign()).shapePadding(shapePadding).scale(ordinal).labels(d=>dataArr[d.i][2]),this._g.call(this._legendOrdinal),this.updateDisabled(element,dataArr);const legendCellsBbox=this._g.select(".legendCells").node().getBBox();let offsetX=Math.abs(legendCellsBbox.x),offsetY=Math.abs(legendCellsBbox.y)+strokeWidth;if(this.orientation()==="horizontal"){if(this.labelAlign()==="start"?offsetX+=strokeWidth:this.labelAlign()==="end"&&(offsetX-=strokeWidth),this.width()>legendCellsBbox.width){const extraWidth=this.width()-legendCellsBbox.width;offsetX+=extraWidth/2}}else if(this.orientation()==="vertical"&&(offsetX+=strokeWidth,this._containerSize.height>legendCellsBbox.height)){const extraHeight=this.height()-legendCellsBbox.height;offsetY+=extraHeight/2}this._g.attr("transform",`translate(${offsetX}, ${offsetY})`),this.pos({x:0,y:0}),this._legendOrdinal.labelOffset(this.itemPadding());const legendTotal=this._g.selectAll(".legendTotal").data(dataArr.length&&this.showLegendTotal()?[total]:[]),totalText=`Total: ${total}`,totalOffsetX=-offsetX,totalOffsetY=legendCellsBbox.height+this.itemPadding()+strokeWidth;this.enableOverflowScroll(!1),this.enableOverflow(!0),legendTotal.enter().append("text").classed("legendTotal",!0).merge(legendTotal).attr("transform",`translate(${totalOffsetX}, ${totalOffsetY})`).text(totalText),legendTotal.exit().remove()}updateDisabled(element,dataArr){element.style("cursor","pointer").selectAll("path.swatch").filter((d,i)=>i<dataArr.length).style("stroke",(d,i)=>dataArr[i][0]).style("fill",(d,i)=>this._disabled.indexOf(d)<0?dataArr[i][0]:"white")}postUpdate(domNode,element){let w;this._boundingBox&&(w=this._boundingBox.width,this._boundingBox.width=this._size.width),super.postUpdate(domNode,element),w!==void 0&&(this._boundingBox.width=w),this._parentRelativeDiv.style("overflow","hidden")}exit(domNode,element){super.exit(domNode,element)}radiusToSymbolSize(radius){const circleSize=Math.pow(radius,2)*Math.PI;switch(this.symbolType()){case"star":return circleSize*.45;case"triangle":return circleSize*.65;case"cross":case"diamond":case"wye":return circleSize*.75;case"circle":return circleSize;case"square":return circleSize*1.3}}onClick(d,domNode){switch(this.getPaletteType()){case"ordinal":switch(this.dataFamily()){case"2D":case"ND":const disabledIdx=this._disabled.indexOf(d);disabledIdx<0?this._disabled.push(d):this._disabled.splice(disabledIdx,1),this._owner.refreshColumns(),this._owner.refreshData(),this._owner.render();break}break}}onOver(d,domNode){if(api.instanceOfIHighlight(this._owner))switch(this.getPaletteType()){case"ordinal":switch(this.dataFamily()){case"2D":case"ND":this._disabled.indexOf(d)<0&&this._owner.highlightColumn(d);break}break}}onOut(d,domNode){if(api.instanceOfIHighlight(this._owner))switch(this.getPaletteType()){case"ordinal":switch(this.dataFamily()){case"2D":case"ND":this._owner.highlightColumn();break}break}}onDblClick(rowData,rowIdx){}onMouseOver(rowData,rowIdx){}resize(_size){let retVal;if(this.fitToContent()){this._containerSize=_size;const bbox=this.getBBox();_size.width>bbox.width&&(bbox.width=_size.width),_size.height>bbox.height&&(bbox.height=_size.height),retVal=super.resize.apply(this,[{...bbox}])}else retVal=super.resize.apply(this,arguments);return retVal}}Legend.prototype._class+=" layout_Legend",Legend.prototype.publish("title","","string","Title"),Legend.prototype.publish("symbolType","circle","set","Shape of each legend item",["circle","cross","diamond","square","star","triangle","wye"]),Legend.prototype.publish("labelMaxWidth",null,"number","Max Label Width (pixels)",null,{optional:!0}),Legend.prototype.publish("orientation","vertical","set","Orientation of Legend rows",["vertical","horizontal"],{tags:["Private"]}),Legend.prototype.publish("dataFamily","ND","set","Type of data",["1D","2D","ND","map","graph","any"],{tags:["Private"]}),Legend.prototype.publish("rainbowFormat",",","string","Rainbow number formatting",null,{tags:["Private"],optional:!0,disable:w=>!w.isRainbow()}),Legend.prototype.publish("rainbowBins",8,"number","Number of rainbow bins",null,{tags:["Private"],disable:w=>!w.isRainbow()}),Legend.prototype.publish("showSeriesTotal",!1,"boolean","Show value next to series"),Legend.prototype.publish("showLegendTotal",!1,"boolean","Show a total of the series values under the legend",null),Legend.prototype.publish("itemPadding",8,"number","Padding between legend items (pixels)"),Legend.prototype.publish("shapeRadius",7,"number","Radius of legend shape (pixels)"),Legend.prototype.publish("fitToContent",!0,"boolean","If true, resize will simply reapply the bounding box dimensions"),Legend.prototype.publish("labelAlign","start","set","Horizontal alignment of legend item label (for horizontal orientation only)",["start","middle","end"],{optional:!0,disable:w=>w.orientation()==="vertical"});class Modal extends common.HTMLWidget{constructor(){super();__publicField(this,"_widget");__publicField(this,"_relativeTarget");__publicField(this,"_fade");__publicField(this,"_modal");__publicField(this,"_modalHeader");__publicField(this,"_modalBody");__publicField(this,"_modalHeaderAnnotations");__publicField(this,"_modalHeaderCloseButton");__publicField(this,"_close");this._tag="div"}closeModal(){this.visible(!1)}getRelativeTarget(){let relativeTarget;return this.relativeTargetId()&&(relativeTarget=document.getElementById(this.relativeTargetId()),relativeTarget)?relativeTarget:!relativeTarget&&(relativeTarget=this.locateAncestor("layout_Grid"),relativeTarget&&relativeTarget.element)?relativeTarget.element().node():document.body}setModalSize(){this.fixedHeight()!==null&&this.fixedWidth()!==null?this._modal.style("height",this.fixedHeight()).style("width",this.fixedWidth()).style("min-height",null).style("min-width",null).style("max-height",null).style("max-width",null):(this.minHeight()||this.minWidth())&&this._modal.style("min-height",this.minHeight()).style("min-width",this.minWidth()).style("max-height",this.maxHeight()).style("max-width",this.maxWidth());const modalRect=this._modal.node().getBoundingClientRect(),headerRect=this._modalHeader.node().getBoundingClientRect();return this._modalBody.style("height",modalRect.height-headerRect.height+"px").style("width",modalRect.width),modalRect}setFadePosition(rect){this._fade.style("top",rect.top+"px").style("left",rect.left+"px").style("width",rect.width+"px").style("height",rect.height+"px")}setModalPosition(rect){const modalRect=this.setModalSize();if(this.fixedTop()!==null&&this.fixedLeft()!==null)this._modal.style("top",`calc(${this.fixedTop()} + ${rect.top}px)`).style("left",`calc(${this.fixedLeft()} + ${rect.left}px)`);else if(this.fixedHeight()!==null&&this.fixedWidth()!==null)this._modal.style("top",rect.top+rect.height/2-modalRect.height/2+"px").style("left",rect.left+rect.width/2-modalRect.width/2+"px");else if(this.minHeight()||this.minWidth()){const contentRect=this._modal.node().getBoundingClientRect();this._modal.style("top",rect.top+rect.height/2-contentRect.height/2+"px").style("left",rect.left+rect.width/2-contentRect.width/2+"px")}}resize(size){return super.resize(),this._modal&&this.setModalSize(),this}resizeBodySync(width,height){const headerRect=this._modalHeader.node().getBoundingClientRect();return this._modal.style("width",width+"px").style("height",height+headerRect.height+"px").style("min-width",width+"px").style("min-height",height+headerRect.height+"px"),this._modalHeader.style("width",width+"px"),this._modalBody.style("width",width+"px").style("height",height+"px"),this.minWidth(width+"px").minHeight(height+headerRect.height+"px").resize({height:height+headerRect.height,width})}enter(domNode,element){super.enter(domNode,element),this._fade=element.append("div").classed("layout_Modal-fade",!0).classed("layout_Modal-fadeClickable",this.enableClickFadeToClose()).classed("layout_Modal-fade-hidden",!this.showFade());const header_h=this.titleFontSize()*2;this._modal=element.append("div").classed("layout_Modal-content",!0),this._modalHeader=this._modal.append("div").classed("layout_Modal-header",!0).style("color",this.titleFontColor()).style("font-size",this.titleFontSize()+"px").style("height",header_h+"px"),this._modalBody=this._modal.append("div").classed("layout_Modal-body",!0).style("height",`calc( 100% - ${header_h}px )`).style("overflow-x",this.overflowX()).style("overflow-y",this.overflowY()),this._modalHeader.append("div").classed("layout_Modal-title",!0).style("line-height",this.titleFontSize()+"px").style("top",this.titleFontSize()/2+"px").style("left",this.titleFontSize()/2+"px").text(this.formattedTitle()),this._modalHeaderAnnotations=this._modalHeader.append("div").classed("layout_Modal-annotations",!0),this._modalHeaderCloseButton=this._modalHeaderAnnotations.append("div").classed("layout_Modal-closeButton",!0).html('<i class="fa fa-close"></i>'),this._modalHeaderAnnotations.style("line-height",this.titleFontSize()+"px").style("right",this.titleFontSize()/2+"px").style("top",this.titleFontSize()/2+"px"),this._modalHeaderCloseButton.on("click",()=>{this.closeModal()}),this._fade.on("click",n=>{this.enableClickFadeToClose()&&this.closeModal()})}update(domNode,element){super.update(domNode,element),element.style("display",this.show()?null:"none"),this._fade.classed("layout_Modal-fade-hidden",!this.showFade()),this._relativeTarget=this.getRelativeTarget(),this.setModalSize();const rect=this._relativeTarget.getBoundingClientRect();this.setFadePosition(rect),this.setModalPosition(rect),this.show()?(this._widget.target()||this._widget.target(this._modalBody.node()),this._widget.resize().render()):this._widget.target(null).render()}exit(domNode,element){this._widget&&this._widget.target(null),super.exit(domNode,element)}formattedTitle(){const title=this.title_exists()?this.title().trim():"";return title.length>0&&title.slice(0,1)==="("&&title.slice(-1)===")"?title.slice(1,-1):this.title()}}Modal.prototype._class+=" layout_Modal",Modal.prototype.publish("title",null,"string","title"),Modal.prototype.publish("widget",null,"widget","widget"),Modal.prototype.publish("titleFontSize",18,"number","titleFontSize (in pixels)"),Modal.prototype.publish("titleFontColor","#ffffff","html-color","titleFontColor"),Modal.prototype.publish("relativeTargetId",null,"string","relativeTargetId"),Modal.prototype.publish("show",!0,"boolean","show"),Modal.prototype.publish("showFade",!0,"boolean","showFade"),Modal.prototype.publish("enableClickFadeToClose",!0,"boolean","enableClickFadeToClose"),Modal.prototype.publish("minWidth","400px","string","minWidth"),Modal.prototype.publish("minHeight","400px","string","minHeight"),Modal.prototype.publish("maxWidth","800px","string","maxWidth"),Modal.prototype.publish("maxHeight","800px","string","maxHeight"),Modal.prototype.publish("fixedWidth",null,"string","fixedWidth"),Modal.prototype.publish("fixedHeight",null,"string","fixedHeight"),Modal.prototype.publish("fixedTop",null,"string","fixedTop"),Modal.prototype.publish("fixedLeft",null,"string","fixedLeft"),Modal.prototype.publish("overflowX","hidden","string","overflowX"),Modal.prototype.publish("overflowY","scroll","string","overflowY");class ChartPanel extends Border2{constructor(){super();__publicField(this,"_legend",new Legend(this).enableOverflow(!0));__publicField(this,"_progressBar",new common.ProgressBar);__publicField(this,"_autoScale",!1);__publicField(this,"_resolutions",{tiny:{width:100,height:100},small:{width:300,height:300}});__publicField(this,"_modal",new Modal);__publicField(this,"_highlight");__publicField(this,"_scale");__publicField(this,"_orig_size");__publicField(this,"_toggleInfo",new common.ToggleButton().faChar("fa-info-circle").tooltip(".Description").selected(!1).on("enabled",()=>this.description()!=="").on("click",()=>{if(this._toggleInfo.selected()){this._modal.title(this.title()).widget(new common.Text().text(this.description())).show(!0).render();const origCloseFunc=this._modal._close;this._modal._close=()=>{this._toggleInfo.selected(!1).render(),this._modal._close=origCloseFunc}}}).on("mouseMove",()=>{}).on("mouseOut",()=>{}));__publicField(this,"_toggleData",new common.ToggleButton().faChar("fa-table").tooltip("Data").on("click",()=>{this.dataVisible(this._toggleData.selected()),this.render()}));__publicField(this,"_buttonDownload",new common.Button().faChar("fa-download").tooltip("Download").on("click",()=>{this.downloadCSV()}));__publicField(this,"_buttonDownloadImage",new common.Button().faChar("fa-image").tooltip("Download Image").on("click",()=>{this.downloadPNG()}));__publicField(this,"_toggleLegend",new common.ToggleButton().faChar("fa-list-ul").tooltip("Legend").selected(!1).on("click",()=>{const selected=this._toggleLegend.selected();this.legendPosition()==="bottom"?this.showBottom(selected):this.legendPosition()==="right"&&this.showRight(selected),this.legendVisible(selected),this.render()}));__publicField(this,"_spacer",new common.Spacer);__publicField(this,"_titleBar",new common.TitleBar().buttons([this._toggleData,this._buttonDownload,this._buttonDownloadImage,this._spacer,this._toggleLegend]));__publicField(this,"_carousel",new Carousel);__publicField(this,"_table",new dgrid.Table);__publicField(this,"_widget");__publicField(this,"_hideLegendToggleList",["dgrid_Table"]);__publicField(this,"_prevdataVisible");__publicField(this,"_prevlegendVisible");__publicField(this,"_prevLegendPosition");__publicField(this,"_prevChartDataFamily");__publicField(this,"_prevChart");__publicField(this,"_prevButtons");this._tag="div"}fields(_){return arguments.length?(super.fields(_),this._legend.fields(_),this.refreshFields(),this):super.fields()}refreshFields(){return this._widget.fields(this._legend.filteredFields()),this._table.fields(this._legend.filteredFields()),this}columns(_,asDefault){return arguments.length?(super.columns(_,asDefault),this._legend.columns(_,asDefault),this.refreshColumns(),this):super.columns()}refreshColumns(){return this._widget.columns(this._legend.filteredColumns()),this._table.columns(this._legend.filteredColumns()),this}data(_){return arguments.length?(super.data(_),this._legend.data(_),this.refreshData(),this):super.data()}refreshData(){return this._widget.data(this._legend.filteredData()),this._table.data(this._legend.filteredData()),this}highlight(_){return arguments.length?(this._highlight=_,this):this._highlight}startProgress(){this._progressBar.start()}finishProgress(){this._progressBar.finish()}buttons(_){return arguments.length?(this._titleBar.buttons(_),this):this._titleBar.buttons()}downloadCSV(){const namePrefix=this.downloadTitle()?this.downloadTitle():this.title()?this.title():"data",nameSuffix=this.downloadTimestampSuffix()?"_"+common.Utility.timestamp():"";return common.Utility.downloadString("CSV",this._widget.export("CSV"),namePrefix+nameSuffix),this}downloadPNG(){const widget=this.widget();return widget instanceof common.SVGWidget&&(this.legendVisible()?widget.downloadPNG(this.title(),void 0,this._legend):widget.downloadPNG(this.title())),this}highlightColumn(column){if(column){const cssTag=`series-${this.cssTag(column)}`;this._centerWA.element().selectAll(".series").each(function(){const element=common.select(this),highlight=element.classed(cssTag);element.classed("highlight",highlight).classed("lowlight",!highlight)})}else this._centerWA.element().selectAll(".series").classed("highlight",!1).classed("lowlight",!1);return this}getResponsiveMode(){return this.enableAutoscaling()?this._autoScale?this.size().width<=this._resolutions.tiny.width||this.size().height<=this._resolutions.tiny.height?"tiny":this.size().width<=this._resolutions.small.width||this.size().height<=this._resolutions.small.height?"small":"regular":"regular":"none"}setOrigSize(){this._orig_size=JSON.parse(JSON.stringify(this.size()))}enter(domNode,element){super.enter(domNode,element),this._modal.target(this.target()).relativeTargetId(this.id()),this.top(this._titleBar),this.center(this._carousel),this._legend.targetWidget(this._widget).orientation("vertical").title("").visible(!1),this._progressBar.enter(domNode,element),this.setOrigSize()}preUpdateTiny(element){element.selectAll("div.body,div.title-text,div.icon-bar").style("display","none")}preUpdateSmall(element){const scale_x=this._orig_size.width/this._resolutions.small.width,scale_y=this._orig_size.height/this._resolutions.small.height;this._scale=Math.min(scale_x,scale_y);const x_is_smaller=this._scale===scale_x;this.size({width:x_is_smaller?this._resolutions.small.width:this._orig_size.width*(1/this._scale),height:x_is_smaller?this._orig_size.height*(1/this._scale):this._resolutions.small.height}),element.select("div.title-icon").style("position","static"),element.selectAll("lhs").style("display","none"),element.selectAll("div.body,div.title-text,div.icon-bar").style("display",""),element.selectAll("div.data-count").style("visibility","hidden"),element.style("transform",`scale(${this._scale})`)}preUpdateRegular(element){element.selectAll("div.body,div.title-text,div.icon-bar").style("display",""),element.selectAll("div.data-count").style("visibility","hidden"),element.select("div.title-icon").style("position","static"),element.style("transform","translate(0px,0px) scale(1)")}update(domNode,element){super.update(domNode,element)}preUpdate(domNode,element){switch(super.preUpdate(domNode,element),this._prevLegendPosition!==this.legendPosition()&&(this._legend.target()!==null&&this._legend.target(null),this._prevLegendPosition!==void 0?this.swap(this._prevLegendPosition,this.legendPosition()):this[this.legendPosition()](this._legend),this.legendPosition()==="right"?(this.rightOverflowX("hidden"),this.rightOverflowY("auto"),this.bottomOverflowX("visible"),this.bottomOverflowY("visible")):(this.rightOverflowX("visible"),this.rightOverflowY("visible"),this.bottomOverflowX("auto"),this.bottomOverflowY("hidden")),this._prevLegendPosition=this.legendPosition()),this._prevdataVisible!==this.dataVisible()&&(this._prevdataVisible=this.dataVisible(),this._toggleData.selected(this._prevdataVisible),this._legend.visible(this._prevlegendVisible&&!this._prevdataVisible),this._carousel.active(this._prevdataVisible?1:0)),this._prevlegendVisible!==this.legendVisible()&&(this._prevlegendVisible=this.legendVisible(),this._toggleLegend.selected(this._prevlegendVisible),this._legend.visible(this._prevlegendVisible&&!this._prevdataVisible)),this._legend.orientation(this.legendPosition()==="bottom"?"horizontal":"vertical"),this.showLeft(!this.left()),this.getResponsiveMode()){case"tiny":this.preUpdateTiny(element);break;case"small":this.preUpdateSmall(element);break;case"regular":this.preUpdateRegular(element);break}const chart=this._widget.classID()==="composite_MultiChart"?this._widget.chart():this._widget;if(this._legend.dataFamily(chart._dataFamily||"any"),this._prevChartDataFamily!==this._legend.dataFamily())switch(this._prevChartDataFamily=this._legend.dataFamily(),this._prevChartDataFamily){case"any":this._toggleLegend.selected(!1),this._legend.visible(!1);break}if(element.style("box-shadow",this.highlight()?`inset 0px 0px 0px ${this.highlightSize()}px ${this.highlightColor()}`:"none"),this._hideLegendToggleList.indexOf(chart.classID())!==-1?(this._spacer.visible(!1),this._toggleLegend.visible(!1)):(this._spacer.visible(!0),this._toggleLegend.visible(!0)),this._prevChart!==chart){this._prevChart=chart;const widgetIconBar=chart?chart._titleBar||chart._iconBar:void 0;if(widgetIconBar&&widgetIconBar instanceof common.IconBar){this._prevButtons=this._prevButtons||[...this.buttons()];const buttons=[...widgetIconBar.buttons(),new common.Spacer,...this._prevButtons];widgetIconBar.buttons([]).render(),this.buttons(buttons)}else this._prevButtons&&this.buttons(this._prevButtons)}const hiddenButtons=[];this.dataButtonVisible()||hiddenButtons.push(this._toggleData),this.downloadButtonVisible()||hiddenButtons.push(this._buttonDownload),this.downloadImageButtonVisible()||hiddenButtons.push(this._buttonDownloadImage),this.legendButtonVisible()||hiddenButtons.push(this._toggleLegend),this._buttonDownloadImage.enabled(this.widget()instanceof common.SVGWidget),this._titleBar.hiddenButtons(hiddenButtons).visible(this.titleVisible()),this.topOverlay(this.titleOverlay()||!this.titleVisible())}postUpdate(domNode,element){switch(super.postUpdate(domNode,element),this.getResponsiveMode()){case"tiny":this.postUpdateTiny(element);break;case"small":this.postUpdateSmall(element);break;case"regular":this.postUpdateRegular(element);break}}postUpdateTiny(element){element.selectAll("div.body,div.title-text,div.icon-bar").style("display","none"),element.selectAll("div.data-count").style("visibility","visible").style("font-size",this.titleIconFontSize()/3+"px").style("line-height",this.titleIconFontSize()/3+"px").style("left",this.titleIconFontSize()+"px").text(this.data().length),element.style("transform","translate(0px,0px) scale(1)");const iconDiv=element.selectAll("div.title-icon"),_node=iconDiv.node(),containerRect=element.node().parentElement.getBoundingClientRect();if(_node){const rect=iconDiv.node().getBoundingClientRect(),icon_top=containerRect.height/2;iconDiv.style("position","absolute").style("left",`calc(50% - ${rect.width/2}px)`).style("top",`${icon_top-rect.height/2}px`),element.selectAll("div.data-count").style("position","absolute").style("left",`calc(50% + ${rect.width/2}px)`).style("top",`${icon_top-rect.height/2}px`)}}postUpdateSmall(element){element.selectAll("lhs").style("display","none"),element.selectAll("div.title-icon").style("position","static"),element.selectAll("div.body,div.title-text,div.icon-bar").style("display",""),element.selectAll("div.data-count").style("visibility","hidden");const rect=element.node().getBoundingClientRect(),parentRect=element.node().parentElement.getBoundingClientRect();element.style("transform",`translate(${parentRect.x-rect.x}px, ${parentRect.y-rect.y}px) scale(${this._scale})`)}postUpdateRegular(element){element.selectAll("div.title-icon").style("position","static"),element.selectAll("div.body,div.title-text,div.icon-bar").style("display",""),element.selectAll("div.data-count").style("visibility","hidden")}exit(domNode,element){this._progressBar.exit(domNode,element),this.right(null),this._legend.target(null),this.center(null),this._carousel.target(null),this.top(null),this._titleBar.target(null),this._modal.target(null),delete this._prevChart,delete this._prevButtons,delete this._prevChartDataFamily,delete this._prevPos,delete this._prevdataVisible,delete this._prevlegendVisible,super.exit(domNode,element)}click(row,column,selected){}dblclick(row,column,selected){}vertex_click(row,col,sel,more){more&&more.vertex}vertex_dblclick(row,col,sel,more){more&&more.vertex}edge_click(row,col,sel,more){more&&more.edge}edge_dblclick(row,col,sel,more){more&&more.edge}}ChartPanel.prototype._class+=" layout_ChartPanel",ChartPanel.prototype.publishReset(),ChartPanel.prototype.publishProxy("title","_titleBar"),ChartPanel.prototype.publish("titleVisible",!0,"boolean"),ChartPanel.prototype.publish("titleOverlay",!1,"boolean"),ChartPanel.prototype.publishProxy("titleIcon","_titleBar"),ChartPanel.prototype.publishProxy("titleIconFont","_titleBar"),ChartPanel.prototype.publishProxy("titleFont","_titleBar"),ChartPanel.prototype.publishProxy("titleIconFontSize","_titleBar"),ChartPanel.prototype.publishProxy("titleFontSize","_titleBar"),ChartPanel.prototype.publishProxy("description","_titleBar"),ChartPanel.prototype.publishProxy("descriptionFont","_titleBar"),ChartPanel.prototype.publishProxy("descriptionFontSize","_titleBar"),ChartPanel.prototype.publish("dataVisible",!1,"boolean","Show data table"),ChartPanel.prototype.publish("dataButtonVisible",!0,"boolean","Show data table button"),ChartPanel.prototype.publish("downloadButtonVisible",!0,"boolean","Show data download button"),ChartPanel.prototype.publish("downloadImageButtonVisible",!1,"boolean","Show image download button"),ChartPanel.prototype.publish("downloadTitle","","string","File name when downloaded"),ChartPanel.prototype.publish("downloadTimestampSuffix",!0,"boolean","Use timestamp as file name suffix"),ChartPanel.prototype.publish("legendVisible",!1,"boolean","Show legend"),ChartPanel.prototype.publish("legendButtonVisible",!0,"boolean","Show legend button"),ChartPanel.prototype.publish("legendPosition","right","set","Position of legend",["right","bottom"]),ChartPanel.prototype.publishProxy("legend_labelMaxWidth","_legend","labelMaxWidth"),ChartPanel.prototype.publishProxy("legend_showSeriesTotal","_legend","showSeriesTotal"),ChartPanel.prototype.publishProxy("legend_showLegendTotal","_legend","showLegendTotal"),ChartPanel.prototype.publishProxy("legend_itemPadding","_legend","itemPadding"),ChartPanel.prototype.publishProxy("legend_shapeRadius","_legend","shapeRadius"),ChartPanel.prototype.publishProxy("legend_symbolType","_legend","symbolType"),ChartPanel.prototype.publishProxy("legend_labelAlign","_legend","labelAlign"),ChartPanel.prototype.publish("widget",null,"widget","Widget",void 0,{render:!1}),ChartPanel.prototype.publish("enableAutoscaling",!1,"boolean"),ChartPanel.prototype.publish("highlightSize",4,"number"),ChartPanel.prototype.publish("highlightColor","#e67e22","html-color"),ChartPanel.prototype.publishProxy("progress_halfLife","_progressBar","halfLife"),ChartPanel.prototype.publishProxy("progress_decay","_progressBar","decay"),ChartPanel.prototype.publishProxy("progress_size","_progressBar","size"),ChartPanel.prototype.publishProxy("progress_color","_progressBar","color"),ChartPanel.prototype.publishProxy("progress_blurBar","_progressBar","blurBar"),ChartPanel.prototype.publishProxy("progress_blurSize","_progressBar","blurSize"),ChartPanel.prototype.publishProxy("progress_blurColor","_progressBar","blurColor"),ChartPanel.prototype.publishProxy("progress_blurOpacity","_progressBar","blurOpacity"),ChartPanel.prototype.widget=function(_){if(!arguments.length)return this._widget;this._carousel.widgets([_,this._table]),this._widget=_,this._widget.fields(this._legend.filteredFields()).data(this._legend.filteredData());const context=this,tmpAny=this._widget;return tmpAny.click=function(){context.click.apply(context,arguments)},tmpAny.dblclick=function(){context.dblclick.apply(context,arguments)},tmpAny.vertex_click=function(){context.vertex_click.apply(context,arguments)},tmpAny.vertex_dblclick=function(){context.vertex_dblclick.apply(context,arguments)},tmpAny.edge_click=function(){context.edge_click.apply(context,arguments)},tmpAny.edge_dblclick=function(){context.edge_dblclick.apply(context,arguments)},this};class FlexGrid extends common.HTMLWidget{constructor(){super()}enter(domNode,element){super.enter(domNode,element),common.select(domNode.parentNode).style("height","100%").style("width","100%")}update(domNode,element){super.update(domNode,element);const context=this,cachedSizes=[];this.updateFlexParent(element);const listItems=element.selectAll(".FlexGrid-list-item").data(this.widgets(),w=>w.id());listItems.enter().append("div").classed("FlexGrid-list-item",!0).each(function(w){w.target(this)}).merge(listItems).style("min-height",this.itemMinHeight()+"px").style("min-width",this.itemMinWidth()+"px").style("flex-basis",(n,i)=>{const flexBasis=this.widgetsFlexBasis()[i];return typeof flexBasis<"u"?flexBasis:this.flexBasis()}).style("flex-grow",(n,i)=>{const flexGrow=this.widgetsFlexGrow()[i];return typeof flexGrow<"u"?flexGrow:this.flexGrow()}).style("border-width",this.borderWidth()+"px").style("border-color",this.itemBorderColor()).each(function(){this.firstChild.style.display="none"}).each(function(){const rect=this.getBoundingClientRect();cachedSizes.push([rect.width,rect.height])}).each(function(w,i){this.firstChild.style.display="block",w.resize({width:cachedSizes[i][0]-2*context.borderWidth(),height:cachedSizes[i][1]-2*context.borderWidth()})}),listItems.exit().remove()}exit(domNode,element){super.exit(domNode,element)}updateFlexParent(element){element.style("height","100%").style("flex-direction",this.orientation()==="horizontal"?"row":"column").style("flex-wrap",this.flexWrap()).style("align-items",this.alignItems()).style("align-content",this.alignContent()).style("overflow-x",()=>this.forceXScroll()||this.orientation()==="horizontal"&&this.flexWrap()==="nowrap"&&!this.disableScroll()?"scroll":"hidden").style("overflow-y",()=>this.forceYScroll()||this.orientation()==="vertical"&&this.flexWrap()==="nowrap"&&!this.disableScroll()?"scroll":"hidden")}}FlexGrid.prototype._class+=" layout_FlexGrid",FlexGrid.prototype.publish("itemBorderColor","transparent","html-color","Color of list item borders"),FlexGrid.prototype.publish("borderWidth",0,"number","Width of list item borders (pixels)"),FlexGrid.prototype.publish("orientation","horizontal","set","Controls the flex-direction of the list items",["horizontal","vertical"]),FlexGrid.prototype.publish("flexWrap","wrap","set","Controls the line wrap when overflow occurs",["nowrap","wrap","wrap-reverse"]),FlexGrid.prototype.publish("disableScroll",!1,"boolean","If false, scrollbar will show (when flexWrap is set to 'nowrap')",null,{disable:w=>w.flexWrap()!=="nowrap"}),FlexGrid.prototype.publish("forceXScroll",!1,"boolean","If true, horzontal scrollbar will show"),FlexGrid.prototype.publish("forceYScroll",!1,"boolean","If true, vertical scrollbar will show"),FlexGrid.prototype.publish("itemMinHeight",64,"number","Minimum height of a list item (pixels)"),FlexGrid.prototype.publish("itemMinWidth",64,"number","Minimum width of a list item (pixels)"),FlexGrid.prototype.publish("alignItems","stretch","set","Controls normal alignment of items",["flex-start","center","flex-end","stretch"]),FlexGrid.prototype.publish("alignContent","stretch","set","Controls normal alignment of item rows",["flex-start","center","flex-end","stretch","space-between","space-around"]),FlexGrid.prototype.publish("flexGrow",1,"number","Default flex-grow style for all list items"),FlexGrid.prototype.publish("flexBasis","10%","string","Default flex-basis style for all list items"),FlexGrid.prototype.publish("widgetsFlexGrow",[],"array","Array of flex-grow values keyed on the widgets array"),FlexGrid.prototype.publish("widgetsFlexBasis",[],"array","Array of flex-basis values keyed on the widgets array"),FlexGrid.prototype.publish("widgets",[],"widgetArray","Array of widgets to be rendered as list items");var commonjsGlobal=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function getDefaultExportFromCjs(x){return x&&x.__esModule&&Object.prototype.hasOwnProperty.call(x,"default")?x.default:x}var gridList$1={exports:{}};(function(module2,exports3){(function(root,factory){module2.exports=factory()})(commonjsGlobal,function(){var GridList2=function(items,options){this._options=options;for(var k2 in this.defaults)this._options.hasOwnProperty(k2)||(this._options[k2]=this.defaults[k2]);this.items=items,this._adjustSizeOfItems(),this.generateGrid()};GridList2.cloneItems=function(items,_items){var i,k2;for(_items===void 0&&(_items=[]),i=0;i<items.length;i++){_items[i]||(_items[i]={});for(k2 in items[i])_items[i][k2]=items[i][k2]}return _items},GridList2.prototype={defaults:{lanes:5,direction:"horizontal"},toString:function(){var widthOfGrid=this.grid.length,output=`
|
|
3
|
-
#|`,border=`
|
|
4
|
-
--`,item,i,j;for(i=0;i<widthOfGrid;i++)output+=" "+this._padNumber(i," "),border+="---";for(output+=border,i=0;i<this._options.lanes;i++)for(output+=`
|
|
5
|
-
`+this._padNumber(i," ")+"|",j=0;j<widthOfGrid;j++)output+=" ",item=this.grid[j][i],output+=item?this._padNumber(this.items.indexOf(item),"0"):"--";return output+=`
|
|
6
|
-
`,output},generateGrid:function(){var i;for(this._resetGrid(),i=0;i<this.items.length;i++)this._markItemPositionToGrid(this.items[i])},resizeGrid:function(lanes){var currentColumn=0;this._options.lanes=lanes,this._adjustSizeOfItems(),this._sortItemsByPosition(),this._resetGrid();for(var i=0;i<this.items.length;i++){var item=this.items[i],position=this._getItemPosition(item);this._updateItemPosition(item,this.findPositionForItem(item,{x:currentColumn,y:0})),currentColumn=Math.max(currentColumn,position.x)}this._pullItemsToLeft()},findPositionForItem:function(item,start,fixedRow){var x,y,position;for(x=start.x;x<this.grid.length;x++)if(fixedRow!==void 0){if(position=[x,fixedRow],this._itemFitsAtPosition(item,position))return position}else for(y=start.y;y<this._options.lanes;y++)if(position=[x,y],this._itemFitsAtPosition(item,position))return position;var newCol=this.grid.length,newRow=0;return fixedRow!==void 0&&this._itemFitsAtPosition(item,[newCol,fixedRow])&&(newRow=fixedRow),[newCol,newRow]},moveItemToPosition:function(item,newPosition){var position=this._getItemPosition({x:newPosition[0],y:newPosition[1],w:item.w,h:item.h});this._updateItemPosition(item,[position.x,position.y]),this._resolveCollisions(item)},resizeItem:function(item,size){var width=size.w||item.w,height=size.h||item.h;this._updateItemSize(item,width,height),this._resolveCollisions(item),this._pullItemsToLeft()},getChangedItems:function(initialItems,idAttribute){for(var changedItems=[],i=0;i<initialItems.length;i++){var item=this._getItemByAttribute(idAttribute,initialItems[i][idAttribute]);(item.x!==initialItems[i].x||item.y!==initialItems[i].y||item.w!==initialItems[i].w||item.h!==initialItems[i].h)&&changedItems.push(item)}return changedItems},_sortItemsByPosition:function(){this.items.sort((function(item1,item2){var position1=this._getItemPosition(item1),position2=this._getItemPosition(item2);return position1.x!=position2.x?position1.x-position2.x:position1.y!=position2.y?position1.y-position2.y:0}).bind(this))},_adjustSizeOfItems:function(){for(var i=0;i<this.items.length;i++){var item=this.items[i];item.autoSize===void 0&&(item.autoSize=item.w===0||item.h===0),item.autoSize&&(this._options.direction==="horizontal"?item.h=this._options.lanes:item.w=this._options.lanes)}},_resetGrid:function(){this.grid=[]},_itemFitsAtPosition:function(item,newPosition){var position=this._getItemPosition(item),x,y;if(newPosition[0]<0||newPosition[1]<0||newPosition[1]+position.h>this._options.lanes)return!1;for(x=newPosition[0];x<newPosition[0]+position.w;x++){var col=this.grid[x];if(col){for(y=newPosition[1];y<newPosition[1]+position.h;y++)if(col[y]&&col[y]!==item)return!1}}return!0},_updateItemPosition:function(item,position){item.x!==null&&item.y!==null&&this._deleteItemPositionFromGrid(item),this._setItemPosition(item,position),this._markItemPositionToGrid(item)},_updateItemSize:function(item,width,height){item.x!==null&&item.y!==null&&this._deleteItemPositionFromGrid(item),item.w=width,item.h=height,this._markItemPositionToGrid(item)},_markItemPositionToGrid:function(item){var position=this._getItemPosition(item),x,y;for(this._ensureColumns(position.x+position.w),x=position.x;x<position.x+position.w;x++)for(y=position.y;y<position.y+position.h;y++)this.grid[x][y]=item},_deleteItemPositionFromGrid:function(item){var position=this._getItemPosition(item),x,y;for(x=position.x;x<position.x+position.w;x++)if(this.grid[x])for(y=position.y;y<position.y+position.h;y++)this.grid[x][y]==item&&(this.grid[x][y]=null)},_ensureColumns:function(N){var i;for(i=0;i<N;i++)this.grid[i]||this.grid.push(new GridCol(this._options.lanes))},_getItemsCollidingWithItem:function(item){for(var collidingItems=[],i=0;i<this.items.length;i++)item!=this.items[i]&&this._itemsAreColliding(item,this.items[i])&&collidingItems.push(i);return collidingItems},_itemsAreColliding:function(item1,item2){var position1=this._getItemPosition(item1),position2=this._getItemPosition(item2);return!(position2.x>=position1.x+position1.w||position2.x+position2.w<=position1.x||position2.y>=position1.y+position1.h||position2.y+position2.h<=position1.y)},_resolveCollisions:function(item){this._tryToResolveCollisionsLocally(item)||this._pullItemsToLeft(item),this._pullItemsToLeft()},_tryToResolveCollisionsLocally:function(item){var collidingItems=this._getItemsCollidingWithItem(item);if(!collidingItems.length)return!0;var _gridList=new GridList2([],this._options),leftOfItem,rightOfItem,aboveOfItem,belowOfItem;GridList2.cloneItems(this.items,_gridList.items),_gridList.generateGrid();for(var i=0;i<collidingItems.length;i++){var collidingItem=_gridList.items[collidingItems[i]],collidingPosition=this._getItemPosition(collidingItem),position=this._getItemPosition(item);if(leftOfItem=[position.x-collidingPosition.w,collidingPosition.y],rightOfItem=[position.x+position.w,collidingPosition.y],aboveOfItem=[collidingPosition.x,position.y-collidingPosition.h],belowOfItem=[collidingPosition.x,position.y+position.h],_gridList._itemFitsAtPosition(collidingItem,leftOfItem))_gridList._updateItemPosition(collidingItem,leftOfItem);else if(_gridList._itemFitsAtPosition(collidingItem,aboveOfItem))_gridList._updateItemPosition(collidingItem,aboveOfItem);else if(_gridList._itemFitsAtPosition(collidingItem,belowOfItem))_gridList._updateItemPosition(collidingItem,belowOfItem);else if(_gridList._itemFitsAtPosition(collidingItem,rightOfItem))_gridList._updateItemPosition(collidingItem,rightOfItem);else return!1}return GridList2.cloneItems(_gridList.items,this.items),this.generateGrid(),!0},_pullItemsToLeft:function(fixedItem){if(this._sortItemsByPosition(),this._resetGrid(),fixedItem){var fixedPosition=this._getItemPosition(fixedItem);this._updateItemPosition(fixedItem,[fixedPosition.x,fixedPosition.y])}for(var i=0;i<this.items.length;i++){var item=this.items[i],position=this._getItemPosition(item);if(!(fixedItem&&item==fixedItem)){var x=this._findLeftMostPositionForItem(item),newPosition=this.findPositionForItem(item,{x,y:0},position.y);this._updateItemPosition(item,newPosition)}}},_findLeftMostPositionForItem:function(item){for(var tail=0,position=this._getItemPosition(item),i=0;i<this.grid.length;i++)for(var j=position.y;j<position.y+position.h;j++){var otherItem=this.grid[i][j];if(otherItem){var otherPosition=this._getItemPosition(otherItem);this.items.indexOf(otherItem)<this.items.indexOf(item)&&(tail=otherPosition.x+otherPosition.w)}}return tail},_getItemByAttribute:function(key,value){for(var i=0;i<this.items.length;i++)if(this.items[i][key]===value)return this.items[i];return null},_padNumber:function(nr,prefix){return nr>=10?nr:prefix+nr},_getItemPosition:function(item){return this._options.direction==="horizontal"?item:{x:item.y,y:item.x,w:item.h,h:item.w}},_setItemPosition:function(item,position){this._options.direction==="horizontal"?(item.x=position[0],item.y=position[1]):(item.x=position[1],item.y=position[0])}};var GridCol=function(lanes){for(var i=0;i<lanes;i++)this.push(null)};return GridCol.prototype=[],GridList2})})(gridList$1);var gridListExports=gridList$1.exports;const gridList=getDefaultExportFromCjs(gridListExports),_GridList=_mergeNamespaces({__proto__:null,default:gridList},[gridListExports]),GridList=_GridList&&gridList||_GridList;class Grid extends common.HTMLWidget{constructor(){super();__publicField(this,"divItems");__publicField(this,"gridList");__publicField(this,"items");__publicField(this,"itemsMap");__publicField(this,"origItems");__publicField(this,"cellWidth");__publicField(this,"cellHeight");__publicField(this,"dragItem");__publicField(this,"dragItemPos");__publicField(this,"_d3Drag");__publicField(this,"_d3DragResize");__publicField(this,"_selectionBag");__publicField(this,"_scrollBarWidth");this._tag="div",this._selectionBag=new common.Utility.Selection(this),this.content([])}getDimensions(){const size={width:0,height:0};return this.content().forEach(function(cell){size.width<cell.gridCol()+cell.gridColSpan()&&(size.width=cell.gridCol()+cell.gridColSpan()),size.height<cell.gridRow()+cell.gridRowSpan()&&(size.height=cell.gridRow()+cell.gridRowSpan())},this),size}clearContent(widget){this.content(this.content().filter(function(contentWidget){if(!widget)return contentWidget.target(null),!1;let w=contentWidget;for(;w;){if(widget===w)return contentWidget.target(null),!1;w=w.widget?w.widget():null}return!0}))}setContent(row,col,widget,title,rowSpan,colSpan){if(rowSpan=rowSpan||1,colSpan=colSpan||1,title=title||"",this.content(this.content().filter(function(contentWidget){return contentWidget.gridRow()===row&&contentWidget.gridCol()===col?(contentWidget.target(null),!1):!0})),widget){const cell=new Cell().gridRow(row).gridCol(col).widget(widget).title(title).gridRowSpan(rowSpan).gridColSpan(colSpan);this.content().push(cell)}return this}sortedContent(){return this.content().sort(function(l,r){return l.gridRow()===r.gridRow()?l.gridCol()-r.gridCol():l.gridRow()-r.gridRow()})}getCell(row,col){let retVal=null;return this.content().some(function(cell){return row>=cell.gridRow()&&row<cell.gridRow()+cell.gridRowSpan()&&col>=cell.gridCol()&&col<cell.gridCol()+cell.gridColSpan()?(retVal=cell,!0):!1}),retVal}getWidgetCell(id){let retVal=null;return this.content().some(function(cell){return cell.widget().id()===id?(retVal=cell,!0):!1}),retVal}getContent(id){let retVal=null;return this.content().some(function(cell){return cell.widget().id()===id?(retVal=cell.widget(),!0):!1}),retVal}cellToGridItem(cell){return{x:cell.gridCol(),y:cell.gridRow(),w:cell.gridColSpan(),h:cell.gridRowSpan(),id:cell.id(),cell}}gridItemToCell(item){item.cell.gridCol(item.x).gridRow(item.y).gridColSpan(item.w).gridRowSpan(item.h)}resetItemsPos(){this.origItems.forEach(function(origItem){const item=this.itemsMap[origItem.id];item.x=origItem.x,item.y=origItem.y},this)}initGridList(){this.itemsMap={},this.items=this.content().map(function(cell){const retVal=this.cellToGridItem(cell);return this.itemsMap[retVal.id]=retVal,retVal},this),this.origItems=this.content().map(this.cellToGridItem),this.gridList=new GridList(this.items,{direction:this.snapping(),lanes:this.snapping()==="horizontal"?this.snappingRows():this.snappingColumns()})}killGridList(){this.gridList=null,delete this.items,delete this.itemsMap}enter(domNode,element){super.enter(domNode,element),this._scrollBarWidth=common.Platform.getScrollbarWidth();const context=this;this._d3Drag=common.drag().subject(function(_d){const d=context.cellToGridItem(_d);return{x:d.x*context.cellWidth,y:d.y*context.cellHeight}}).on("start",function(_d){if(!context.designMode())return;common.d3Event().sourceEvent.stopPropagation(),context.initGridList();const d=context.itemsMap[_d.id()];context.dragItem=element.append("div").attr("class","dragging").style("transform",function(){return"translate("+d.x*context.cellWidth+"px, "+d.y*context.cellHeight+"px)"}).style("width",function(){return d.w*context.cellWidth-context.gutter()+"px"}).style("height",function(){return d.h*context.cellHeight-context.gutter()+"px"}),context.selectionBagClick(_d)}).on("drag",function(_d){if(!context.designMode())return;const event=common.d3Event();event.sourceEvent.stopPropagation();const d=context.itemsMap[_d.id()];event.x<0&&(event.x=0),event.x+d.w*context.cellWidth>context.snappingColumns()*context.cellWidth&&(event.x=context.snappingColumns()*context.cellWidth-d.w*context.cellWidth),event.y<0&&(event.y=0),event.y+d.h*context.cellWidth>context.snappingRows()*context.cellWidth&&(event.y=context.snappingRows()*context.cellWidth-d.h*context.cellWidth);const pos=[Math.max(0,Math.floor((event.x+context.cellWidth/2)/context.cellWidth)),Math.max(0,Math.floor((event.y+context.cellHeight/2)/context.cellHeight))];(d.x!==pos[0]||d.y!==pos[1])&&(context.snapping()!=="none"?(context.resetItemsPos(),context.gridList.moveItemToPosition(d,pos)):(d.x=pos[0],d.y=pos[1]),(_d.gridCol()!==d.x||_d.gridRow()!==d.y)&&(context.items.forEach(context.gridItemToCell),context.updateGrid(!1,100))),context.dragItem.style("transform",function(){return"translate("+event.x+"px, "+event.y+"px)"}).style("width",function(){return d.w*context.cellWidth+"px"}).style("height",function(){return d.h*context.cellHeight+"px"})}).on("end",function(){context.designMode()&&(common.d3Event().sourceEvent.stopPropagation(),context.dragItem.remove(),context.dragItem=null,context.killGridList())}),this._d3DragResize=common.drag().subject(function(_d){const d=context.cellToGridItem(_d);return{x:(d.x+d.w-1)*context.cellWidth,y:(d.y+d.h-1)*context.cellHeight}}).on("start",function(_d){if(!context.designMode())return;common.d3Event().sourceEvent.stopPropagation(),context.initGridList();const d=context.itemsMap[_d.id()];context.dragItem=element.append("div").attr("class","resizing").style("transform",function(){return"translate("+d.x*context.cellWidth+"px, "+d.y*context.cellHeight+"px)"}).style("width",function(){return d.w*context.cellWidth-context.gutter()+"px"}).style("height",function(){return d.h*context.cellHeight-context.gutter()+"px"}),context.dragItemPos={x:d.x,y:d.y}}).on("drag",function(_d){if(!context.designMode())return;const event=common.d3Event();event.sourceEvent.stopPropagation();const d=context.itemsMap[_d.id()],pos=[Math.max(0,Math.round(event.x/context.cellWidth)),Math.max(0,Math.round(event.y/context.cellHeight))],size={w:Math.max(1,pos[0]-d.x+1),h:Math.max(1,pos[1]-d.y+1)};(d.w!==size.w||d.h!==size.h)&&(context.snapping()!=="none"?(context.resetItemsPos(),context.gridList.resizeItem(d,size)):(d.w=size.w,d.h=size.h),(_d.gridColSpan()!==d.w||_d.gridRowSpan()!==d.h)&&(context.items.forEach(context.gridItemToCell),context.updateGrid(d.id,100))),context.dragItem.style("width",function(){return(-d.x+1)*context.cellWidth+event.x-context.gutter()+"px"}).style("height",function(){return(-d.y+1)*context.cellHeight+event.y-context.gutter()+"px"})}).on("end",function(){context.designMode()&&(common.d3Event().sourceEvent.stopPropagation(),context.dragItem.remove(),context.dragItem=null,context.killGridList())})}updateGrid(resize,transitionDuration=0,_noRender=!1){transitionDuration=transitionDuration||0;const context=this;this.divItems.classed("draggable",this.designMode()).transition().duration(transitionDuration).style("left",function(d){return d.gridCol()*context.cellWidth+context.gutter()/2+"px"}).style("top",function(d){return d.gridRow()*context.cellHeight+context.gutter()/2+"px"}).style("width",function(d){return d.gridColSpan()*context.cellWidth-context.gutter()+"px"}).style("height",function(d){return d.gridRowSpan()*context.cellHeight-context.gutter()+"px"}).on("end",function(d){d.surfaceShadow_default(context.surfaceShadow()).surfacePadding_default(context.surfacePadding()).surfaceBorderWidth_default(context.surfaceBorderWidth()).surfaceBackgroundColor_default(context.surfaceBackgroundColor()),(resize===!0||resize===d.id())&&d.resize().lazyRender()})}update(domNode,element2){super.update(domNode,element2),this._placeholderElement.style("overflow-x",this.fitTo()==="width"?"hidden":null),this._placeholderElement.style("overflow-y",this.fitTo()==="width"?"scroll":null);const dimensions=this.getDimensions(),clientWidth=this.width()-(this.fitTo()==="width"?this._scrollBarWidth:0);if(this.cellWidth=clientWidth/dimensions.width,this.cellHeight=this.fitTo()==="all"?this.height()/dimensions.height:this.cellWidth,this.designMode()){const cellLaneRatio=Math.min(this.width()/this.snappingColumns(),this.height()/this.snappingRows()),laneWidth=Math.floor(cellLaneRatio);this.cellWidth=laneWidth,this.cellHeight=this.cellWidth}const context=this,divItems=element2.selectAll("#"+this.id()+" > .ddCell").data(this.content(),function(d){return d.id()});this.divItems=divItems.enter().append("div").attr("class","ddCell").each(function(d){d.target(this),d.__grid_watch=d.monitor(function(key,newVal,oldVal){context._renderCount&&(key==="snapping"||key.indexOf("grid")===0)&&newVal!==oldVal&&(context.gridList||(context.initGridList(),context.snapping()!=="none"&&context.gridList.resizeGrid(context.snapping()==="horizontal"?context.snappingRows():context.snappingColumns()),context.items.forEach(context.gridItemToCell),context.updateGrid(d.id(),100),context.killGridList()))}),common.select(this).append("div").attr("class","resizeHandle").call(context._d3DragResize).append("div").attr("class","resizeHandleDisplay")}).merge(divItems),this.divItems.each(function(d){const element=common.select(this);context.designMode()?element.call(context._d3Drag):element.on("mousedown.drag",null).on("touchstart.drag",null)}),this.divItems.select(".resizeHandle").style("display",this.designMode()?null:"none"),this.updateGrid(!0),divItems.exit().each(function(d){d.target(null),d.__grid_watch&&d.__grid_watch.remove()}).remove();const lanesBackground=element2.selectAll("#"+this.id()+" > .laneBackground").data(this.designMode()?[""]:[]);lanesBackground.enter().insert("div",":first-child").attr("class","laneBackground").style("left","1px").style("top","1px").on("click",function(){context.selectionBagClear()}).merge(lanesBackground).style("width",this.snappingColumns()*this.cellWidth+"px").style("height",this.snappingRows()*this.cellHeight+"px"),lanesBackground.exit().each(function(){context.selectionBagClear()}).remove();const lanes=element2.selectAll("#"+this.id()+" > .lane").data(this.designMode()?[""]:[]);lanes.enter().append("div").attr("class","lane").style("left","1px").style("top","1px"),lanes.style("display",this.showLanes()?null:"none").style("width",this.snappingColumns()*this.cellWidth+"px").style("height",this.snappingRows()*this.cellHeight+"px").style("background-image","linear-gradient(to right, grey 1px, transparent 1px), linear-gradient(to bottom, grey 1px, transparent 1px)").style("background-size",this.cellWidth+"px "+this.cellHeight+"px"),lanes.exit().remove()}exit(domNode,element){this.content().forEach(w=>w.target(null)),super.exit(domNode,element)}_createSelectionObject(d){return{_id:d._id,element:()=>d._element,widget:d}}selection(_){return arguments.length?(this._selectionBag.set(_.map(function(row){return this._createSelectionObject(row)},this)),this):this._selectionBag.get().map(function(d){return d._id})}selectionBagClear(){this._selectionBag.isEmpty()||(this._selectionBag.clear(),this.postSelectionChange())}selectionBagClick(d){if(d!==null){const selectionObj=this._createSelectionObject(d);if(common.d3Event().sourceEvent.ctrlKey)this._selectionBag.isSelected(selectionObj)?(this._selectionBag.remove(selectionObj),this.postSelectionChange()):(this._selectionBag.append(selectionObj),this.postSelectionChange());else{const selected=this._selectionBag.get();selected.length===1&&selected[0]._id===selectionObj._id?this.selectionBagClear():this._selectionBag.set([selectionObj]),this.postSelectionChange()}}}postSelectionChange(){}applyLayout(layoutArr){this.divItems.each((d,i)=>{if(layoutArr[i]){const[x,y,w,h]=layoutArr[i];d.gridCol(x).gridRow(y).gridColSpan(w).gridRowSpan(h)}}),this.updateGrid(!0)}vizActivation(elem){}}Grid.prototype._class+=" layout_Grid",Grid.prototype.publish("designMode",!1,"boolean","Design Mode",null,{tags:["Basic"]}),Grid.prototype.publish("showLanes",!0,"boolean","Show snapping lanes when in design mode",null,{tags:["Basic"],disable:w=>!w.designMode()}),Grid.prototype.publish("fitTo","all","set","Sizing Strategy",["all","width"],{tags:["Basic"]}),Grid.prototype.publish("snapping","vertical","set","Snapping Strategy",["vertical","horizontal","none"]),Grid.prototype.publish("snappingColumns",12,"number","Snapping Columns"),Grid.prototype.publish("snappingRows",16,"number","Snapping Rows"),Grid.prototype.publish("gutter",6,"number","Gap Between Widgets",null,{tags:["Basic"]}),Grid.prototype.publish("surfaceShadow",!0,"boolean","3D Shadow"),Grid.prototype.publish("surfacePadding",null,"string","Cell Padding (px)",null,{tags:["Intermediate"]}),Grid.prototype.publish("surfaceBorderWidth",1,"number","Width (px) of Cell Border",null,{tags:["Intermediate"]}),Grid.prototype.publish("surfaceBackgroundColor",null,"html-color","Surface Background Color",null,{tags:["Advanced"]}),Grid.prototype.publish("content",[],"widgetArray","widgets",null,{tags:["Basic"],render:!1});class HorizontalList extends FlexGrid{constructor(){super(),this.orientation_default("horizontal"),this.flexWrap_default("nowrap")}}HorizontalList.prototype._class+=" layout_HorizontalList";class Layered extends common.HTMLWidget{constructor(){super();__publicField(this,"_contentContainer");__publicField(this,"_widgetPlacements");__publicField(this,"_widgetRatios");this._tag="div",this._widgetPlacements=[],this._widgetRatios=[]}addLayer(widget,placement="default",widthRatio=1,heightRatio=1){const widgets=this.widgets();return widgets.push(widget||new common.Text().text("No widget defined for layer.")),this.widgets(widgets),this._widgetPlacements.push(placement),this._widgetRatios.push([widthRatio,heightRatio]),this}enter(domNode,element){super.enter(domNode,element),this._contentContainer=element.append("div").attr("class","container")}update(domNode,element){super.update(domNode,element);const context=this;element.style("padding",this.surfacePadding()+"px");const content=this._contentContainer.selectAll(".content.id"+this.id()).data(this.widgets(),function(d){return d.id()});content.enter().append("div").attr("class","content id"+this.id()).each(function(widget,idx){widget.target(this)}).merge(content).each(function(widget,idx){const clientSize={width:context.clientWidth(),height:context.clientHeight()},widgetSize=context.widgetSize(idx,clientSize),widgetPosition=context.widgetPosition(idx,clientSize,widgetSize);this.style.top=widgetPosition.y+"px",this.style.left=widgetPosition.x+"px",widget.resize(widgetSize).render()}),content.exit().each(function(widget,idx){widget.target(null)}).remove(),content.order()}widgetSize(idx,clientSize){return this._widgetPlacements[idx]==="default"?{width:clientSize.width*this._widgetRatios[idx][0],height:clientSize.height*this._widgetRatios[idx][1]}:{width:clientSize.width*this._widgetRatios[idx][0],height:clientSize.height*this._widgetRatios[idx][1]}}widgetPosition(idx,clientSize,widgetSize){switch(this._widgetPlacements[idx]){default:return{x:0,y:0};case"top":return{x:clientSize.width/2-widgetSize.width/2,y:0};case"bottom":return{x:clientSize.width/2-widgetSize.width/2,y:clientSize.height-widgetSize.height};case"left":return{x:0,y:clientSize.height/2-widgetSize.height/2};case"right":return{x:clientSize.width-widgetSize.width,y:clientSize.height/2-widgetSize.height/2};case"center":return{x:clientSize.width/2-widgetSize.width/2,y:clientSize.height/2-widgetSize.height/2}}}}Layered.prototype._class+=" layout_Layered",Layered.prototype.publish("surfacePadding",0,"number","Padding"),Layered.prototype.publish("widgets",[],"widgetArray","widgets",null,{tags:["Private"]});class Popup extends common.HTMLWidget{constructor(){super();__publicField(this,"_surfaceButtons");__publicField(this,"_originalPosition");this._tag="div",this._surfaceButtons=[]}updateState(visible){visible=visible||!this.popupState(),this.popupState(visible).render()}enter(domNode,element){super.enter(domNode,element),this.widget().target(domNode),this._originalPosition=this.position()}update(domNode,element){super.update(domNode,element),element.style("visibility",this.popupState()?null:"hidden").style("opacity",this.popupState()?null:0).style("width",this.shrinkWrap()?this.widget().width()+"px":this._size.width+"px").style("height",this.shrinkWrap()?this.widget().height()+"px":this._size.height+"px"),this.widget().size().height===0&&this.widget().resize(this.size())}postUpdate(domNode,element){let left,top;switch(this.centerPopup()){case"container":this._placeholderElement&&(left=parseInt(this._placeholderElement.style("width"))/2-this.widget().width()/2,top=parseInt(this._placeholderElement.style("height"))/2-this.widget().height()/2),this.position("absolute");break;case"window":left=window.innerWidth/2-this.widget().width()/2,top=window.innerHeight/2-this.widget().height()/2,this.position("fixed");break;default:left=0,top=0,this.position(this._originalPosition);break}this.pos({x:left,y:top}),super.postUpdate(domNode,element),element.style("position",this.position()).style("left",this.left()+"px").style("right",this.right()+"px").style("top",this.top()+"px").style("bottom",this.bottom()+"px")}exit(domNode,element){this.widget()&&this.widget().target(null),super.exit(domNode,element)}click(obj){}}Popup.prototype._class+=" layout_Popup",Popup.prototype.publish("popupState",!1,"boolean","State of the popup, visible (true) or hidden (false)",null,{}),Popup.prototype.publish("shrinkWrap",!1,"boolean","The popup parent container either shrinks to the size of its contents (true) or expands to fit thge popup's parentDiv (false)",null,{}),Popup.prototype.publish("centerPopup","none","set","Center the widget in its container element (target) or in the window",["none","container","window"],{}),Popup.prototype.publish("top",null,"number","Top position property of popup",null,{}),Popup.prototype.publish("bottom",null,"number","Bottom position property of popup",null,{}),Popup.prototype.publish("left",null,"number","Left position property of popup",null,{}),Popup.prototype.publish("right",null,"number","Right position property of popup",null,{}),Popup.prototype.publish("position","relative","set","Value of the 'position' property",["absolute","relative","fixed","static","initial","inherit"],{tags:["Private"]}),Popup.prototype.publish("widget",null,"widget","Widget",null,{tags:["Private"]});class Tabbed extends common.HTMLWidget{constructor(){super();__publicField(this,"_tabContainer");__publicField(this,"_contentContainer");this._tag="div"}clearTabs(){return this.labels([]),this.widgets([]),this}addTab(widget,label,isActive,callback){const widgetSize=widget.size();widgetSize.width===0&&widgetSize.height===0&&widget.size({width:"100%",height:"100%"});const labels=this.labels(),widgets=this.widgets();isActive&&this.activeTabIdx(this.widgets().length),labels.push(label);const surface=new Surface().widget(widget||new common.Text().text("No widget defined for tab"));return widgets.push(surface),this.labels(labels),this.widgets(widgets),callback&&callback(surface),this}widgetSize(widgetDiv){const width=this.clientWidth();let height=this.clientHeight();const tcBox=this._tabContainer.node().getBoundingClientRect();return typeof tcBox.height<"u"&&(height-=tcBox.height),{width,height}}enter(domNode,element){super.enter(domNode,element),this._tabContainer=element.append("div"),this._contentContainer=element.append("div")}update(domNode,element){super.update(domNode,element);const context=this;element.style("padding",this.surfacePadding_exists()?this.surfacePadding()+"px":null);const tabs=this._tabContainer.selectAll(".tab-button.id"+this.id()).data(this.showTabs()?this.labels():[],function(d){return d});tabs.enter().append("span").attr("class","tab-button id"+this.id()).style("cursor","pointer").on("click",function(d,idx){context.click(context.widgets()[idx].widget(),d,idx),context.activeTabIdx(idx).render()}).merge(tabs).classed("active",function(d,idx){return context.activeTabIdx()===idx}).text(function(d){return d}),tabs.exit().remove();const content=this._contentContainer.selectAll(".tab-content.id"+this.id()).data(this.widgets(),function(d){return d.id()});switch(content.enter().append("div").attr("class","tab-content id"+this.id()).each(function(widget,idx){widget.target(this)}).merge(content).classed("active",function(d,idx){return context.activeTabIdx()===idx}).style("display",function(d,idx){return context.activeTabIdx()===idx?"block":"none"}).each(function(surface,idx){if(surface.visible(context.activeTabIdx()===idx),context.activeTabIdx()===idx){const wSize=context.widgetSize(common.select(this));surface.surfaceBorderWidth(context.showTabs()?null:0).surfacePadding(context.showTabs()?null:0).resize(wSize)}}),content.exit().each(function(widget,idx){widget.target(null)}).remove(),this.tabLocation()){case"bottom":this._tabContainer.attr("class","on_bottom").style("top",this._contentContainer.node().offsetHeight+this.surfacePadding()+"px").style("position","absolute"),this._contentContainer.style("top",this.surfacePadding_exists()?this.surfacePadding()+"px":null).style("position","absolute");break;default:this._tabContainer.attr("class","on_top").style("top",null).style("position","relative"),this._contentContainer.style("top",this._tabContainer.node().offsetHeight+this.surfacePadding()+"px").style("position","absolute");break}}click(widget,column,idx){}}Tabbed.prototype._class+=" layout_Tabbed",Tabbed.prototype.publish("showTabs",!0,"boolean","Show Tabs",null,{}),Tabbed.prototype.publish("surfacePadding",4,"number","Padding"),Tabbed.prototype.publish("activeTabIdx",0,"number","Index of active tab",null,{}),Tabbed.prototype.publish("labels",[],"array","Array of tab labels sharing an index with ",null,{tags:["Private"]}),Tabbed.prototype.publish("tabLocation","top","set","Position the tabs at the bottom of the widget",["top","bottom"],{tags:["Private"]}),Tabbed.prototype.publish("widgets",[],"widgetArray","widgets",null,{tags:["Private"]});class Toolbar extends common.HTMLWidget{constructor(){super(),this._tag="div"}enter(domNode,element){super.enter(domNode,element)}update(domNode,element){super.update(domNode,element);const context=this;element.attr("title",context.title()).style("background-color",this.backgroundColor());const title=element.selectAll("div.toolbar-title").data(this.title()?[this.title()]:[]);title.enter().append("div").classed("toolbar-title",!0).append("span"),title.selectAll("div.toolbar-title > span").style("font-size",this.fontSize_exists()?this.fontSize()+"px":null).style("color",this.fontColor_exists()?this.fontColor():null).style("font-family",this.fontFamily_exists()?this.fontFamily():null).style("font-weight",this.fontBold_exists()?this.fontBold()?"bold":"normal":null).style("background-color",this.backgroundColor_exists()?this.backgroundColor():null).text(context.title()),title.exit().remove();const childWidgets=element.selectAll("div.toolbar-child").data(this.widgets()!==null?this.widgets():[],function(d){return d.id()});childWidgets.enter().insert("div","div.toolbar-title").each(function(d,i){const widgetClass=context.widgetClasses()[i]?context.widgetClasses()[i]+" toolbar-child":"toolbar-child";common.select(this).classed(widgetClass,!0),d.target(this)}),childWidgets.exit().each(function(d){d.target(null)}).remove(),childWidgets.order()}render(callback){const context=this;return super.render(function(w){const toolbarBBox=context.element().node().getBoundingClientRect();let minX=toolbarBBox.left+toolbarBBox.width;context.element().selectAll("div.toolbar-child").each(function(d,i){const childBBox=this.getBoundingClientRect();minX>childBBox.left&&(minX=childBBox.left)}),context.element().select(".toolbar-title").style("width",minX-toolbarBBox.left-4+"px"),callback&&callback(w)})}exit(domNode,element){this.widgets().forEach(function(w){w.target(null)}),super.exit(domNode,element)}}Toolbar.prototype._class+=" layout_Toolbar",Toolbar.prototype.publish("title","","string","Title",null,{tags:["Intermediate"]}),Toolbar.prototype.publish("fontSize",null,"number","Title Font Size (px)",null,{tags:["Advanced"],optional:!0}),Toolbar.prototype.publish("fontColor",null,"html-color","Title Font Color",null,{tags:["Advanced"],optional:!0}),Toolbar.prototype.publish("fontFamily",null,"string","Title Font Family",null,{tags:["Advanced"],optional:!0}),Toolbar.prototype.publish("fontBold",!0,"boolean","Enable Bold Title Font",null,{tags:["Advanced"],optional:!0}),Toolbar.prototype.publish("backgroundColor",null,"html-color","Background Color",null,{tags:["Intermediate"],optional:!0}),Toolbar.prototype.publish("responsive",!0,"boolean","Adapts to pixel width",null,{tags:["Basic"]}),Toolbar.prototype.publish("widgets",[],"widgetArray","Child widgets of the toolbar",null,{tags:["Basic"]}),Toolbar.prototype.publish("widgetClasses",[],"array","Array of Html Element classes to be assigned to the child widgets (shares index with widgets param)",null,{tags:["Basic"]});class VerticalList extends FlexGrid{constructor(){super(),this.orientation_default("vertical"),this.flexWrap_default("nowrap")}}VerticalList.prototype._class+=" layout_VerticalList",exports2.AbsoluteSurface=AbsoluteSurface,exports2.Accordion=Accordion,exports2.BUILD_VERSION=BUILD_VERSION,exports2.Border=Border,exports2.Border2=Border2,exports2.Carousel=Carousel,exports2.Cell=Cell,exports2.ChartPanel=ChartPanel,exports2.FlexGrid=FlexGrid,exports2.Grid=Grid,exports2.HorizontalList=HorizontalList,exports2.Layered=Layered,exports2.Legend=Legend,exports2.Modal=Modal,exports2.PKG_NAME=PKG_NAME,exports2.PKG_VERSION=PKG_VERSION,exports2.Popup=Popup,exports2.Surface=Surface,exports2.Tabbed=Tabbed,exports2.Toolbar=Toolbar,exports2.VerticalList=VerticalList,exports2.WidgetDiv=WidgetDiv,Object.defineProperty(exports2,Symbol.toStringTag,{value:"Module"})});
|
|
1
|
+
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@hpcc-js/common"),require("@hpcc-js/dgrid"),require("@hpcc-js/api")):"function"==typeof define&&define.amd?define(["exports","@hpcc-js/common","@hpcc-js/dgrid","@hpcc-js/api"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self)["@hpcc-js/layout"]={},t["@hpcc-js/common"],t["@hpcc-js/dgrid"],t["@hpcc-js/api"])}(this,function(t,e,i,s){"use strict";var o=Object.defineProperty,l=(t,e)=>o(t,"name",{value:e,configurable:!0}),n=(t,e,i)=>((t,e,i)=>e in t?o(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i)(t,"symbol"!=typeof e?e+"":e,i);function r(t,e){for(var i=0;i<e.length;i++){const s=e[i];if("string"!=typeof s&&!Array.isArray(s))for(const e in s)if("default"!==e&&!(e in t)){const i=Object.getOwnPropertyDescriptor(s,e);i&&Object.defineProperty(t,e,i.get?i:{enumerable:!0,get:l(()=>s[e],"get")})}}return Object.freeze(Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}))}l(r,"_mergeNamespaces");const h=class _AbsoluteSurface extends e.HTMLWidget{constructor(){super(),this._tag="div"}enter(t,e){super.enter(t,e)}update(t,e){super.update(t,e);let i=0,s=0,o=this.clientWidth(),l=this.clientHeight();switch(this.units()){case"pixels":i=this.widgetX(),s=this.widgetY(),o=""===this.widgetWidth()?o-i:Number(this.widgetWidth()),l=""===this.widgetHeight()?l-s:Number(this.widgetHeight());break;case"percent":i=this.widgetX()*o/100,s=this.widgetY()*l/100,o=""===this.widgetWidth()?o-i:Number(this.widgetWidth())*o/100,l=""===this.widgetHeight()?l-s:Number(this.widgetHeight())*l/100}e.style("opacity",this.opacity());const n=e.selectAll("#"+this._id+" > .placeholder").data(this.widget()?[this.widget()]:[],function(t){return t._id});n.enter().append("div").attr("class","placeholder").each(function(t){t.target(this)}).merge(n).style("left",i+"px").style("top",s+"px").style("width",o+"px").style("bottom",l+"px").each(function(t){t.resize({width:o,height:l})}),n.exit().each(function(t){t.target(null)}).remove()}exit(t,e){this.widget()&&this.widget().target(null),super.exit(t,e)}};l(h,"AbsoluteSurface");let a=h;a.prototype._class+=" layout_AbsoluteSurface",a.prototype.publish("units","percent","set","Units",["pixels","percent"]),a.prototype.publish("widgetX",0,"number","Widget XPos"),a.prototype.publish("widgetY",0,"number","Widget YPos"),a.prototype.publish("widgetWidth","100","string","Widget Width, omit for full"),a.prototype.publish("widgetHeight","100","string","Widget Height, omit for full"),a.prototype.publish("widget",null,"widget","Widget",null,{tags:["Private"]}),a.prototype.publish("opacity",1,"number","Opacity");const d=class _Accordion extends e.HTMLWidget{constructor(){super(),n(this,"_isClosed"),n(this,"titleSpan"),n(this,"iconDiv"),n(this,"ul"),n(this,"icon"),this._tag="div",this._isClosed=!1}pushListItem(t,e=!1,i=!1){const s=this.content();return t._protected=i,e?s.unshift(t):s.push(t),this.content(s),this}clearListItems(){const t=[];for(const e in this.content())this.content()[e]._protected&&t.push(this.content()[e]);return this.content(t),this}collapseClick(t){t.classed("closed")?(this._isClosed=!1,t.classed("open",!0),t.classed("closed",!1)):(this._isClosed=!0,t.classed("open",!1),t.classed("closed",!0))}enter(t,i){super.enter(t,i);const s=this;this._isClosed=this.defaultCollapsed(),i.classed(this._isClosed?"closed":"open",!0),this.titleSpan=i.append("span").classed("collapsible-title",!0),this.iconDiv=i.append("div").classed("collapsible-icon",!0),this.ul=i.append("ul"),this.icon=(new e.FAChar).size({height:24,width:24}).target(this.iconDiv.node()),this.iconDiv.on("click",function(){s.collapseClick(i),s.render()}),this.titleSpan.on("click",function(){s.collapseClick(i),s.render()})}update(t,e){super.update(t,e);const i=this;this.titleSpan.text(i.title().length>0?i.title()+"":"Accordion ["+i._id+"]");const s=this.ul.selectAll("#"+i._id+" > ul > li").data(this.content(),function(t){return t._id});s.enter().append(function(t){const e=document.createElement("li");if(null!==t._target)return t._target;{const s=t.size();if(0===s.width||0===s.height){const e=i.size();t.size({width:e.width,height:e.width})}t.target(e)}return e}),s.exit().remove(),this.icon.text_colorFill(this.titleFontColor()).char(this._isClosed?this.closedIcon():this.openIcon()).render()}exit(t,e){super.exit(t,e)}};l(d,"Accordion");let p=d;p.prototype._class+=" layout_Accordion",p.prototype.publish("content",[],"widgetArray","Array of widgets",null,{tags:["Basic"]}),p.prototype.publish("title","","string","Title of collapsible section",null,{tags:["Private"]}),p.prototype.publish("openIcon","","string","Icon to display when list is open",null,{tags:["Private"]}),p.prototype.publish("closedIcon","","string","Icon to display when list is closed",null,{tags:["Private"]}),p.prototype.publish("titleFontColor","#FFFFFF","html-color","Title font color",null,{tags:["Private"]}),p.prototype.publish("titleBackgroundColor","#333333","html-color","Title background color",null,{tags:["Private"]}),p.prototype.publish("defaultCollapsed",!1,"boolean","Collapsed by default if true",null,{tags:["Private"]});const c=class _Surface extends e.HTMLWidget{constructor(){super(),n(this,"_surfaceButtons"),this._tag="div",this._surfaceButtons=[]}widgetSize(t,e){let i=this.clientWidth(),s=this.clientHeight();return this.title()&&(s-=this.calcHeight(t)),s-=this.calcFrameHeight(e),i-=this.calcFrameWidth(e),{width:i,height:s}}enter(t,e){super.enter(t,e)}update(t,i){super.update(t,i);const s=this;i.classed("shadow2",this.surfaceShadow()).style("border-width",this.surfaceBorderWidth_exists()?this.surfaceBorderWidth()+"px":null).style("border-color",this.surfaceBorderColor()).style("border-radius",this.surfaceBorderRadius_exists()?this.surfaceBorderRadius()+"px":null).style("background-color",this.surfaceBackgroundColor());const o=i.selectAll(".surfaceTitle").data(this.title()?[this.title()]:[]);o.enter().insert("h3","div").attr("class","surfaceTitle").merge(o).text(function(t){return t}).style("text-align",this.surfaceTitleAlignment()).style("color",this.surfaceTitleFontColor()).style("font-size",this.surfaceTitleFontSize_exists()?this.surfaceTitleFontSize()+"px":null).style("font-family",this.surfaceTitleFontFamily()).style("font-weight",this.surfaceTitleFontBold()?"bold":"normal").style("background-color",this.surfaceTitleBackgroundColor()).style("padding",this.surfaceTitlePadding_exists()?this.surfaceTitlePadding()+"px":null).style("title",this.altText_exists()?this.altText():null),o.exit().remove();const l=i.select(".surfaceTitle").append("div").attr("class","html-button-container").selectAll(".surface-button").data(this.buttonAnnotations());l.enter().append("button").classed("surface-button",!0).each(function(t,i){const o=s._surfaceButtons[i]=e.select(this).attr("class","surface-button"+(t.class?" "+t.class:"")).attr("id",t.id).style("padding",t.padding).style("width",t.width).style("height",t.height).style("cursor","pointer");"FontAwesome"===t.font?o.style("background","transparent").style("border","none").on("click",function(t){s.click(t)}).append("i").attr("class","fa").text(function(){return t.label}):o.text(function(){return t.label}).on("click",function(t){s.click(t)})}),l.exit().each(function(t,i){const o=e.select(this);delete s._surfaceButtons[i],o.remove()});const n=i.selectAll("#"+this._id+" > .surfaceWidget").data(this.widget()?[this.widget()]:[],function(t){return t._id});n.enter().append("div").attr("class","surfaceWidget").each(function(t){e.select(s.element().node().parentElement).classed("content-icon content-icon-"+t.classID().split("_")[1],!0),t.target(this)}).merge(n).style("padding",this.surfacePadding_exists()?this.surfacePadding()+"px":null).each(function(t){const o=s.widgetSize(i.select("h3"),e.select(this));o.width<0&&(o.width=0),o.height<0&&(o.height=0),t.resize({width:o.width,height:o.height})}),n.exit().each(function(t){t.target(null)}).remove()}exit(t,e){this.widget()&&this.widget().target(null),super.exit(t,e)}click(t){}};l(c,"Surface");let u=c;u.prototype._class+=" layout_Surface",u.prototype.publish("title","","string","Title",null,{tags:["Intermediate"]}),u.prototype.publish("altText",null,"string","Alt text",null,{optional:!0}),u.prototype.publish("surfaceTitlePadding",null,"number","Title Padding (px)",null,{tags:["Advanced"],disable:l(t=>!t.title(),"disable")}),u.prototype.publish("surfaceTitleFontSize",null,"number","Title Font Size (px)",null,{tags:["Advanced"],disable:l(t=>!t.title(),"disable")}),u.prototype.publish("surfaceTitleFontColor",null,"html-color","Title Font Color",null,{tags:["Advanced"],disable:l(t=>!t.title(),"disable")}),u.prototype.publish("surfaceTitleFontFamily",null,"string","Title Font Family",null,{tags:["Advanced"],disable:l(t=>!t.title(),"disable")}),u.prototype.publish("surfaceTitleFontBold",!0,"boolean","Enable Bold Title Font",null,{tags:["Advanced"],disable:l(t=>!t.title(),"disable")}),u.prototype.publish("surfaceTitleBackgroundColor",null,"html-color","Title Background Color",null,{tags:["Advanced"],disable:l(t=>!t.title(),"disable")}),u.prototype.publish("surfaceTitleAlignment","center","set","Title Alignment",["left","right","center"],{tags:["Basic"],disable:l(t=>!t.title(),"disable")}),u.prototype.publish("surfaceShadow",!1,"boolean","3D Shadow"),u.prototype.publish("surfacePadding",null,"string","Surface Padding (px)",null,{tags:["Intermediate"]}),u.prototype.publish("surfaceBackgroundColor",null,"html-color","Surface Background Color",null,{tags:["Advanced"]}),u.prototype.publish("surfaceBorderWidth",null,"number","Surface Border Width (px)",null,{tags:["Advanced"]}),u.prototype.publish("surfaceBorderColor",null,"html-color","Surface Border Color",null,{tags:["Advanced"]}),u.prototype.publish("surfaceBorderRadius",null,"number","Surface Border Radius (px)",null,{tags:["Advanced"]}),u.prototype.publish("buttonAnnotations",[],"array","Button Array",null,{tags:["Private"]}),u.prototype.publish("widget",null,"widget","Widget",null,{tags:["Basic"]});const g=class _Cell extends u{constructor(){super(),n(this,"_indicateTheseIds"),this._indicateTheseIds=[]}indicateTheseIds(t){return arguments.length?(this._indicateTheseIds=t,this):this._indicateTheseIds}enter(t,e){super.enter(t,e);const i=this;e.classed("layout_Surface",!0).on("mouseenter",function(){i.onMouseEnter()}).on("mouseleave",function(){i.onMouseLeave()})}update(t,e){super.update(t,e)}onMouseEnter(){const t=this.indicateTheseIds(),i=this.indicatorOpacity(),s=this.indicatorBorderColor(),o=this.indicatorGlowColor();for(let l=0;l<t.length;l++){const n=e.select("#"+t[l]),r=n.datum();n&&r&&n.append("div").attr("class","update-indicator").style("width",r.width()+"px").style("height",r.height()+"px").style("opacity",i).style("border-color",s).style("-webkit-box-shadow","inset 0px 0px 30px 0px "+o).style("-moz-box-shadow","inset 0px 0px 30px 0px "+o).style("box-shadow","inset 0px 0px 30px 0px "+o)}}onMouseLeave(){const t=this.indicateTheseIds();for(let i=0;i<t.length;i++)e.selectAll("#"+t[i]+" > div.update-indicator").remove()}};l(g,"Cell");let f=g;f.prototype._class+=" layout_Cell",f.prototype.publish("gridRow",0,"number","Grid Row Position",null,{tags:["Private"]}),f.prototype.publish("gridCol",0,"number","Grid Column Position",null,{tags:["Private"]}),f.prototype.publish("gridRowSpan",1,"number","Grid Row Span",null,{tags:["Private"]}),f.prototype.publish("gridColSpan",1,"number","Grid Column Span",null,{tags:["Private"]}),f.prototype.publish("indicatorGlowColor","#EEEE11","html-color","Glow color of update-indicator",null,{tags:["Basic"]}),f.prototype.publish("indicatorBorderColor","#F48A00","html-color","Border color of update-indicator",null,{tags:["Basic"]}),f.prototype.publish("indicatorOpacity",.8,"number","Opacity of update-indicator",null,{tags:["Basic"]});const _=class _Border extends e.HTMLWidget{constructor(){super(),n(this,"_colCount"),n(this,"_rowCount"),n(this,"_colSize"),n(this,"_rowSize"),n(this,"_shrinkWrapBoxes"),n(this,"_watch"),n(this,"_offsetX"),n(this,"_offsetY"),n(this,"_dragCell"),n(this,"_dragCellSize"),n(this,"_dragCellStartSize"),n(this,"_handleTop"),n(this,"_handleLeft"),n(this,"_dragPrevX"),n(this,"_dragPrevY"),n(this,"_cellSizes"),n(this,"contentDiv"),n(this,"_scrollBarWidth"),n(this,"_borderHandles"),n(this,"_sectionTypeArr"),n(this,"lazyPostUpdate",e.Utility.debounce(function(){this.postUpdate()},100)),this._tag="div",this._colCount=0,this._rowCount=0,this._colSize=0,this._rowSize=0,this._shrinkWrapBoxes={},this.content([]),this.sectionTypes([])}watchWidget(t){if(void 0===this._watch&&(this._watch={}),this._watch[t.id()]&&(this._watch[t.id()].remove(),delete this._watch[t.id()]),t){const e=this;this._watch[t.id()]=t.monitor(function(t,i,s){s!==i&&e.lazyPostUpdate()})}}applyLayoutType(){const t=this.borderLayoutObject();this.content().forEach(function(e,i){e._fixedLeft=t[this.sectionTypes()[i]].left,e._fixedTop=t[this.sectionTypes()[i]].top,e._fixedWidth=t[this.sectionTypes()[i]].width,e._fixedHeight=t[this.sectionTypes()[i]].height,e._dragHandles=this.cellSpecificDragHandles(this.sectionTypes()[i])},this)}cellSpecificDragHandles(t){switch(t){case"top":return["s"];case"right":return["w"];case"bottom":return["n"];case"left":return["e"];case"center":return[]}}borderLayoutObject(t){const e={},i=this;let s,o,l,n,r,h,a,d;const p=this.target().getBoundingClientRect();p.top,p.left,p.bottom,p.right,this.target()instanceof SVGElement?(parseFloat(this.target().getAttribute("width")),parseFloat(this.target().getAttribute("height"))):(p.width,p.height),-1!==this.sectionTypes().indexOf("top")&&(s=this.topSize(),o=this.topPercentage(),void 0!==this._shrinkWrapBoxes.top&&(s=this._shrinkWrapBoxes.top.height+this.gutter(),o=0)),-1!==this.sectionTypes().indexOf("bottom")&&(l=this.bottomSize(),n=this.bottomPercentage(),void 0!==this._shrinkWrapBoxes.bottom&&(l=this._shrinkWrapBoxes.bottom.height+this.gutter(),n=0)),-1!==this.sectionTypes().indexOf("left")&&(r=this.leftSize(),h=this.leftPercentage(),void 0!==this._shrinkWrapBoxes.left&&(r=this._shrinkWrapBoxes.left.width+this.gutter(),h=0)),-1!==this.sectionTypes().indexOf("right")&&(a=this.rightSize(),d=this.rightPercentage(),void 0!==this._shrinkWrapBoxes.right&&(a=this._shrinkWrapBoxes.right.width+this.gutter(),d=0));const c=y({width:{px:0,"%":100},height:{px:s,"%":o},top:{px:0,"%":0},left:{px:0,"%":0}}),u=y({width:{px:0,"%":100},height:{px:l,"%":n},top:{px:0,"%":100},left:{px:0,"%":0}});u.top-=u.height;const g=y({width:{px:r,"%":h},height:{px:-c.height-u.height,"%":100},top:{px:c.height,"%":0},left:{px:0,"%":0}}),f=y({width:{px:a,"%":d},height:{px:-c.height-u.height,"%":100},top:{px:c.height,"%":0},left:{px:0,"%":100}});f.left-=f.width;const _=y({width:{px:-f.width-g.width,"%":100},height:{px:-c.height-u.height,"%":100},top:{px:c.height,"%":0},left:{px:g.width,"%":0}});return e.top=c,e.bottom=u,e.right=f,e.left=g,e.center=_,e;function y(t){t.width.px=void 0!==t.width.px?t.width.px:0,t.width["%"]=void 0!==t.width["%"]?t.width["%"]:0,t.height.px=void 0!==t.height.px?t.height.px:0,t.height["%"]=void 0!==t.height["%"]?t.height["%"]:0;return{width:t.width.px+t.width["%"]/100*i.width(),height:t.height.px+t.height["%"]/100*i.height(),top:t.top.px+t.top["%"]/100*i.height()+i.gutter()/2,left:t.left.px+t.left["%"]/100*i.width()+i.gutter()/2}}}clearContent(t){if(t){const i=this.sectionTypes().indexOf(t);i>=0&&(this._watch&&this.content()[i]&&delete this._watch[this.content()[i].id()],this.content()[i].target(null),e.select("#"+this.id()+" > div.borderHandle_"+t).classed("borderHandleDisabled",!0),this.content().splice(i,1),this.sectionTypes().splice(i,1))}else this.content().forEach(function(t){return t.target(null),!1}),e.select("#"+this.id()+" > div.borderHandle").classed("borderHandleDisabled",!0),delete this._watch,this.content([]),this.sectionTypes([])}hasContent(t,e,i){return this.sectionTypes().indexOf(t)>=0}setContent(t,e,i){if(this.clearContent(t),i=void 0!==i?i:"",e){const s=(new f).surfaceBorderWidth(0).widget(e).title(i);this.watchWidget(e),this.content().push(s),this.sectionTypes().push(t)}return this}getCell(t){const e=this.sectionTypes().indexOf(t);return e>=0?this.content()[e]:null}getContent(t){const e=this.sectionTypes().indexOf(t);return e>=0?this.content()[e].widget():null}setLayoutOffsets(){this._offsetX=this._element.node().getBoundingClientRect().left+this.gutter()/2,this._offsetY=this._element.node().getBoundingClientRect().top+this.gutter()/2}dragStart(t){const i=e.d3Event();i.sourceEvent.stopPropagation();const s=this;this._dragCell=t,this._dragCellStartSize=this[t+"Size"](),this[t+"ShrinkWrap"]()&&(this[t+"Percentage"](0),this[t+"ShrinkWrap"](!1));const o=e.select("#"+s.id()+" > div.borderHandle_"+t);s._handleTop=parseFloat(o.style("top").split("px")[0]),s._handleLeft=parseFloat(o.style("left").split("px")[0]),this._dragPrevX=i.sourceEvent.clientX,this._dragPrevY=i.sourceEvent.clientY}dragTick(t){const i=this,s=e.d3Event(),o=this._dragPrevX-s.sourceEvent.clientX,n=this._dragPrevY-s.sourceEvent.clientY;switch(t){case"top":case"bottom":r(t,n);break;case"right":case"left":r(t,o)}function r(t,s){if(0===s)return;const o=e.selectAll("#"+i.id()+" > div.borderHandle"),l=e.select("#"+i.id()+" > div.borderHandle_"+t);l.classed("borderHandle_top")?(l.style("top",i._handleTop-s+"px"),i._cellSizes.topHeight=i._handleTop-s,i._cellSizes.leftHeight=i._cellSizes.height,i._cellSizes.leftHeight-=i._cellSizes.topHeight,i._cellSizes.leftHeight-=i._cellSizes.bottomHeight,i._cellSizes.rightHeight=i._cellSizes.leftHeight):l.classed("borderHandle_right")?(l.style("left",i._handleLeft-s+"px"),i._cellSizes.rightWidth=i._cellSizes.width-i._handleLeft+s):l.classed("borderHandle_bottom")?(l.style("top",i._handleTop-s+"px"),i._cellSizes.bottomHeight=i._cellSizes.height-i._handleTop+s,i._cellSizes.leftHeight=i._cellSizes.height,i._cellSizes.leftHeight-=i._cellSizes.bottomHeight,i._cellSizes.leftHeight-=i._cellSizes.topHeight,i._cellSizes.rightHeight=i._cellSizes.leftHeight):l.classed("borderHandle_left")&&(l.style("left",i._handleLeft-s+"px"),i._cellSizes.leftWidth=i._handleLeft-s),o.each(function(){const t=e.select(this);t.classed("borderHandle_top")?(t.style("width",i._cellSizes.width+"px"),t.style("top",i._cellSizes.topHeight-3+"px")):t.classed("borderHandle_right")?(t.style("left",i._cellSizes.width-i._cellSizes.rightWidth+"px"),t.style("top",i._cellSizes.topHeight+3+"px"),t.style("height",i._cellSizes.rightHeight+"px")):t.classed("borderHandle_bottom")?(t.style("width",i._cellSizes.width+"px"),t.style("top",i._cellSizes.height-i._cellSizes.bottomHeight-3+"px")):t.classed("borderHandle_left")&&(t.style("left",i._cellSizes.leftWidth+"px"),t.style("height",i._cellSizes.leftHeight+"px"),t.style("top",i._cellSizes.topHeight+3+"px"))})}l(r,"_moveHandles")}dragEnd(t){if(t){const i=e.d3Event(),s=this._dragPrevX-i.sourceEvent.clientX,o=this._dragPrevY-i.sourceEvent.clientY;switch(t){case"top":0!==o&&(this.topPercentage(0),this.topSize(0===this.topSize()?this.getContent("top").getBBox().height-o:this.topSize()-o));break;case"right":0!==s&&(this.rightPercentage(0),this.rightSize(0===this.rightSize()?this.getContent("right").getBBox().width+s:this.rightSize()+s));break;case"bottom":0!==o&&(this.bottomPercentage(0),this.bottomSize(0===this.bottomSize()?this.getContent("bottom").getBBox().height+o:this.bottomSize()+o));break;case"left":0!==s&&(this.leftPercentage(0),this.leftSize(0===this.leftSize()?this.getContent("left").getBBox().width-s:this.leftSize()-s))}this._dragPrevX=i.sourceEvent.clientX,this._dragPrevY=i.sourceEvent.clientY}this.render()}size(t){const i=e.HTMLWidget.prototype.size.apply(this,arguments);return arguments.length&&this.contentDiv&&this.contentDiv.style("width",this._size.width+"px").style("height",this._size.height+"px"),i}enter(t,i){super.enter(t,i);const s=this;i.style("position","relative"),this.contentDiv=i.append("div").classed("border-content",!0),this._scrollBarWidth=e.Platform.getScrollbarWidth(),this._borderHandles=["top","left","right","bottom"];i.selectAll("div.borderHandle").data(this._borderHandles).enter().append("div").classed("borderHandle",!0).each(function(t){e.select(this).classed("borderHandle_"+t,!0).classed("borderHandleDisabled",null===s.getContent(t))})}update(t,i){super.update(t,i),this._sectionTypeArr=this.sectionTypes();const s=this;i.classed("design-mode",this.designMode()),this.setLayoutOffsets();const o=this.contentDiv.selectAll(".cell_"+this._id).data(this.content(),function(t){return t._id}),l=o.enter().append("div").classed("cell_"+this._id,!0).style("position","absolute").each(function(t,i){e.select(this).classed("border-cell border-cell-"+s._sectionTypeArr[i],!0),t.target(this),e.select("#"+s.id()+" > div.borderHandle_"+s._sectionTypeArr[i]).classed("borderHandleDisabled",!1)}).merge(o);l.each(function(t,e){const i=s.sectionTypes()[e];void 0!==s[i+"ShrinkWrap"]&&s[i+"ShrinkWrap"]()?(t.render(),s._shrinkWrapBoxes[i]=t.widget().getBBox(!0)):delete s._shrinkWrapBoxes[i]});const n=e.drag().on("start",function(t,e){s.dragStart.call(s,t,e)}).on("drag",function(t,e){s.dragTick.call(s,t,e)}).on("end",function(t,e){s.dragEnd.call(s,t,e)});this.designMode()?i.selectAll("#"+this.id()+" > div.borderHandle").call(n):i.selectAll("#"+this.id()+" > div.borderHandle").on(".drag",null);const r=this.borderLayoutObject();this.content().forEach(function(t,e){t._fixedLeft=r[this.sectionTypes()[e]].left,t._fixedTop=r[this.sectionTypes()[e]].top,t._fixedWidth=r[this.sectionTypes()[e]].width,t._fixedHeight=r[this.sectionTypes()[e]].height,t._dragHandles=[]},this),l.style("left",function(t){return t._fixedLeft+"px"}).style("top",function(t){return t._fixedTop+"px"}).style("width",function(t){return t._fixedWidth-s.gutter()+"px"}).style("height",function(t){return t._fixedHeight-s.gutter()+"px"}).each(function(t){t._placeholderElement.attr("draggable",s.designMode()).selectAll(".dragHandle").attr("draggable",s.designMode()),t.surfacePadding(s.surfacePadding()).resize()}),o.exit().each(function(t){t.target(null)}).remove(),this.getCellSizes(),i.selectAll("#"+this.id()+" > div.borderHandle").each(function(){const t=e.select(this);t.classed("borderHandle_top")?(t.style("width",s._cellSizes.width+"px"),t.style("top",s._cellSizes.topHeight-3+"px")):t.classed("borderHandle_right")?(t.style("left",s._cellSizes.width-s._cellSizes.rightWidth+"px"),t.style("top",s._cellSizes.topHeight+3+"px"),t.style("height",s._cellSizes.rightHeight+"px")):t.classed("borderHandle_bottom")?(t.style("width",s._cellSizes.width+"px"),t.style("top",s._cellSizes.height-s._cellSizes.bottomHeight-3+"px")):t.classed("borderHandle_left")&&(t.style("left",s._cellSizes.leftWidth+"px"),t.style("height",s._cellSizes.leftHeight+"px"),t.style("top",s._cellSizes.topHeight+3+"px"))})}getCellSizes(){const t=this;t._cellSizes={};const i=this.element().node().getBoundingClientRect();t._cellSizes.width=i.width,t._cellSizes.height=i.height,this.element().selectAll("#"+this.id()+" > div > div.border-cell").each(function(){const i=e.select(this);if("function"==typeof i.node){const e=i.node().getBoundingClientRect();i.classed("border-cell-top")?t._cellSizes.topHeight=e.height:i.classed("border-cell-left")?(t._cellSizes.leftWidth=e.width,t._cellSizes.leftHeight=e.height):i.classed("border-cell-right")?(t._cellSizes.rightWidth=e.width,t._cellSizes.rightHeight=e.height):i.classed("border-cell-bottom")&&(t._cellSizes.bottomHeight=e.height)}});["height","width","topHeight","bottomHeight","leftHeight","rightHeight","leftWidth","rightWidth"].forEach(function(e){t._cellSizes[e]=void 0===t._cellSizes[e]?0:t._cellSizes[e]})}postUpdate(t,e){const i=this;this.content().forEach(function(t){if(null!==t._element.node()&&t.widget()){const e=t.widget().getBBox(!1,!0),s=t.widget().getBBox(!0,!0);e.width===s.width&&e.height===s.height||i.lazyRender()}})}exit(t,e){this.content().forEach(t=>t.target(null)),super.exit(t,e)}};l(_,"Border");let y=_;y.prototype._class+=" layout_Border",y.prototype.publish("designMode",!1,"boolean","Design Mode",null,{tags:["Basic"]}),y.prototype.publish("content",[],"widgetArray","widgets",null,{tags:["Intermediate"]}),y.prototype.publish("gutter",0,"number","Gap Between Widgets",null,{tags:["Basic"]}),y.prototype.publish("topShrinkWrap",!1,"boolean","'Top' Cell shrinks to fit content",null,{tags:["Intermediate"]}),y.prototype.publish("leftShrinkWrap",!1,"boolean","'Left' Cell shrinks to fit content",null,{tags:["Intermediate"]}),y.prototype.publish("rightShrinkWrap",!1,"boolean","'Right' Cell shrinks to fit content",null,{tags:["Intermediate"]}),y.prototype.publish("bottomShrinkWrap",!1,"boolean","'Bottom' Cell shrinks to fit content",null,{tags:["Intermediate"]}),y.prototype.publish("topSize",0,"number","Height of the 'Top' Cell (px)",null,{tags:["Private"]}),y.prototype.publish("leftSize",0,"number","Width of the 'Left' Cell (px)",null,{tags:["Private"]}),y.prototype.publish("rightSize",0,"number","Width of the 'Right' Cell (px)",null,{tags:["Private"]}),y.prototype.publish("bottomSize",0,"number","Height of the 'Bottom' Cell (px)",null,{tags:["Private"]}),y.prototype.publish("topPercentage",20,"number","Percentage (of parent) Height of the 'Top' Cell",null,{tags:["Private"]}),y.prototype.publish("leftPercentage",20,"number","Percentage (of parent) Width of the 'Left' Cell",null,{tags:["Private"]}),y.prototype.publish("rightPercentage",20,"number","Percentage (of parent) Width of the 'Right' Cell",null,{tags:["Private"]}),y.prototype.publish("bottomPercentage",20,"number","Percentage (of parent) Height of the 'Bottom' Cell",null,{tags:["Private"]}),y.prototype.publish("surfacePadding",0,"number","Cell Padding (px)",null,{tags:["Intermediate"]}),y.prototype.publish("sectionTypes",[],"array","Section Types sharing an index with 'content' - Used to determine position/size.",null,{tags:["Private"]});const b=class _WidgetDiv{constructor(t){n(this,"_div"),n(this,"_overlay",!1),n(this,"_overflowX","visible"),n(this,"_overflowY","visible"),n(this,"_widget"),this._div=t}overlay(t){return arguments.length?(this._overlay=t,this):this._overlay}overflowX(t){return arguments.length?(this._overflowX=t,this._div.style("overflow-x",t),this):this._overflowX}overflowY(t){return arguments.length?(this._overflowY=t,this._div.style("overflow-y",t),this):this._overflowY}element(){return this._div}node(){return this._div.node()}widget(t){return arguments.length?(this._widget!==t&&(this._widget&&this._widget.target(null),this._widget=t,this._widget&&this._widget.target(this._div.node())),this):this._widget}resize(t){return this._widget&&(this._div.style("width",`${t.width}px`).style("height",`${t.height}px`),this._widget.resize(t)),this}async render(t,i,s){let o=this.overflowX();this.overlay()||"visible"!==o||(o=null);let l=this.overflowY();return this.overlay()||"visible"!==l||(l=null),this._div.style("height",this.overlay()?"0px":null).style("overflow-x",o).style("overflow-y",l),this._widget?this._widget.renderPromise().then(o=>{if(t&&this._widget.visible()){const t=this._widget.getBBox();return t.width+=8,void 0!==i&&t.height>i&&(t.width+=e.Platform.getScrollbarWidth()),void 0!==s&&t.width>s&&(t.height+=e.Platform.getScrollbarWidth()),this.overlay()?t.height=0:t.height+=4,t}return t?{x:0,y:0,width:0,height:0}:void 0}):Promise.resolve(t?{x:0,y:0,width:0,height:0}:void 0)}};l(b,"WidgetDiv");let w=b;const m=class _Border2 extends e.HTMLWidget{constructor(){super(),n(this,"_bodyElement"),n(this,"_topWA"),n(this,"_leftWA"),n(this,"_centerWA"),n(this,"_rightWA"),n(this,"_bottomWA"),n(this,"_topPrevOverflow"),n(this,"_leftPrevOverflow"),n(this,"_rightPrevOverflow"),n(this,"_bottomPrevOverflow"),this._tag="div"}enter(t,e){super.enter(t,e);const i=e.append("header");this._bodyElement=e.append("div").attr("class","body");const s=this._bodyElement.append("div").attr("class","center"),o=this._bodyElement.append("div").attr("class","lhs"),l=this._bodyElement.append("div").attr("class","rhs"),n=e.append("div").attr("class","footer");this._topWA=new w(i),this._centerWA=new w(s),this._leftWA=new w(o),this._rightWA=new w(l),this._bottomWA=new w(n)}update(t,e){super.update(t,e),this._topWA.element().style("display",this.showTop()?null:"none"),this._rightWA.element().style("display",this.showRight()?null:"none"),this._bottomWA.element().style("display",this.showBottom()?null:"none"),this._leftWA.element().style("display",this.showLeft()?null:"none"),this.topOverflowX()!==this._topWA.overflowX()&&this._topWA.overflowX(this.topOverflowX()),this.rightOverflowX()!==this._rightWA.overflowX()&&this._rightWA.overflowX(this.rightOverflowX()),this.bottomOverflowX()!==this._bottomWA.overflowX()&&this._bottomWA.overflowX(this.bottomOverflowX()),this.leftOverflowX()!==this._leftWA.overflowX()&&this._leftWA.overflowX(this.leftOverflowX()),this.topOverflowY()!==this._topWA.overflowY()&&this._topWA.overflowY(this.topOverflowY()),this.rightOverflowY()!==this._rightWA.overflowY()&&this._rightWA.overflowY(this.rightOverflowY()),this.bottomOverflowY()!==this._bottomWA.overflowY()&&this._bottomWA.overflowY(this.bottomOverflowY()),this.leftOverflowY()!==this._leftWA.overflowY()&&this._leftWA.overflowY(this.leftOverflowY()),this.element().style("width",`${this.width()}px`).style("height",`${this.height()}px`)}targetNull(t){t&&t.target(null)}exit(t,e){this.targetNull(this.center()),this.targetNull(this.bottom()),this.targetNull(this.right()),this.targetNull(this.left()),this.targetNull(this.top()),super.exit(t,e)}swap(t,e){const i=this[t](),s=this[e]();return this.targetNull(i),this.targetNull(s),this[`_${t}WA`].widget(null),this[`_${e}WA`].widget(null),this[t](s),this[e](i),this}render(t){return super.render(e=>{this._topWA?this._topWA.widget(this.top()).overlay(this.topOverlay()).render(!0).then(async e=>{const i=await this._bottomWA.widget(this.bottom()).render(!0,void 0,this.width()),s=this.height()-(e.height+i.height),o=await this._leftWA.widget(this.left()).render(!0,s),l=await this._rightWA.widget(this.right()).render(!0,s);this.bottomHeight_exists()&&(i.height=this.bottomHeight());const n=this.width()-(o.width+l.width),r=this.height()-(e.height+i.height),h=this.centerOverflowX(),a=this.centerOverflowY(),d=-1!==["auto","scroll"].indexOf(h),p=-1!==["auto","scroll"].indexOf(a);(d||p)&&this._centerWA.overflowX(this.centerOverflowX()).overflowY(this.centerOverflowY()).widget(this.center()).resize({width:n,height:r}).render(),this._bodyElement.style("height",`${r}px`);const c=[this._topWA.overflowX(this.topOverflowX()).overflowY(this.topOverflowY()).resize({width:this.width(),height:e.height}).render(),this._leftWA.overflowX(this.leftOverflowX()).overflowY(this.leftOverflowY()).resize({width:o.width,height:r}).render(),this._rightWA.overflowX(this.rightOverflowX()).overflowY(this.rightOverflowY()).resize({width:l.width,height:r}).render(),this._centerWA.overflowX(this.centerOverflowX()).overflowY(this.centerOverflowY()).widget(this.center()).resize({width:n,height:r}).render(),this._bottomWA.overflowX(this.bottomOverflowX()).overflowY(this.bottomOverflowY()).resize({width:this.width(),height:i.height}).render()];Promise.all(c).then(e=>{t&&t(this)})}):t&&t(this)})}};l(m,"Border2");let v=m;v.prototype._class+=" layout_Border2",v.prototype.publish("showTop",!0,"boolean","If true, top widget adapter will display"),v.prototype.publish("showRight",!0,"boolean","If true, right widget adapter will display"),v.prototype.publish("showBottom",!0,"boolean","If true, bottom widget adapter will display"),v.prototype.publish("showLeft",!0,"boolean","If true, left widget adapter will display"),v.prototype.publish("topOverflowX","visible","set","Sets the overflow-x css style for the top widget adapter",["hidden","scroll","visible","auto"]),v.prototype.publish("rightOverflowX","visible","set","Sets the overflow-x css style for the right widget adapter",["hidden","scroll","visible","auto"]),v.prototype.publish("bottomOverflowX","visible","set","Sets the overflow-x css style for the bottom widget adapter",["hidden","scroll","visible","auto"]),v.prototype.publish("leftOverflowX","visible","set","Sets the overflow-x css style for the left widget adapter",["hidden","scroll","visible","auto"]),v.prototype.publish("centerOverflowX","visible","set","Sets the overflow-x css style for the center widget adapter",["hidden","scroll","visible","auto"]),v.prototype.publish("topOverflowY","visible","set","Sets the overflow-y css style for the top widget adapter",["hidden","scroll","visible","auto"]),v.prototype.publish("rightOverflowY","visible","set","Sets the overflow-y css style for the right widget adapter",["hidden","scroll","visible","auto"]),v.prototype.publish("bottomOverflowY","visible","set","Sets the overflow-y css style for the bottom widget adapter",["hidden","scroll","visible","auto"]),v.prototype.publish("leftOverflowY","visible","set","Sets the overflow-y css style for the left widget adapter",["hidden","scroll","visible","auto"]),v.prototype.publish("centerOverflowY","visible","set","Sets the overflow-y css style for the center widget adapter",["hidden","scroll","visible","auto"]),v.prototype.publish("top",null,"widget","Top Widget",void 0,{render:!1}),v.prototype.publish("topOverlay",!1,"boolean","Overlay Top Widget"),v.prototype.publish("left",null,"widget","Left Widget",void 0,{render:!1}),v.prototype.publish("center",null,"widget","Center Widget",void 0,{render:!1}),v.prototype.publish("right",null,"widget","Right Widget",void 0,{render:!1}),v.prototype.publish("bottom",null,"widget","Bottom Widget",void 0,{render:!1}),v.prototype.publish("bottomHeight",null,"number","Bottom Fixed Height",void 0,{optional:!0});const x=class _Carousel extends e.HTMLWidget{constructor(){super(...arguments),n(this,"_prevActive",0),n(this,"_root")}activeWidget(){return this.widgets()[this.active()]}enter(t,e){super.enter(t,e),this._root=e.append("div").attr("id",`${this.id()}_root`)}update(t,i){super.update(t,i);const s=this.active(),o=this.width();this._root.style("width",`${o}px`).style("height",`${this.height()}px`);const l=this._root.selectAll(`#${this.id()}_root > .carouselItem`).data(this.widgets(),t=>t.id()),n=l.enter().append("div").attr("class","carouselItem").each(function(t){t.target(this)}).merge(l).style("left",(t,e)=>(e-this._prevActive)*o+"px").style("width",`${o}px`);this._prevActive!==s&&(n.style("display",(t,e)=>e===this._prevActive||e===s?null:"none").transition().duration(this.transitionDuration()).style("left",(t,e)=>(e-s)*o+"px").on("end",function(t,i){e.select(this).style("display",()=>i===s?null:"none")}),this._prevActive=s),l.exit().each(function(t){t.target(null)}).remove()}exit(t,e){this.widgets().forEach(t=>t.target(null)),super.exit(t,e)}render(t){return super.render(e=>{if(!this.visible()||this.isDOMHidden())t&&t(e);else{const i=this.activeWidget();i&&i.resize(this.size()).render(i=>{t&&t(e)})}})}};l(x,"Carousel");let S=x;S.prototype._class+=" layout_Carousel",S.prototype.publish("widgets",[],"widgetArray","Widgets",null,{render:!1}),S.prototype.publish("active",0,"number","Active widget"),S.prototype.publish("transitionDuration",500,"number","Transition duration");var C=Math.PI,T=2*C,P=1e-6,z=T-P;function W(){this._x0=this._y0=this._x1=this._y1=null,this._=""}function B(){return new W}function I(t){return l(function(){return t},"constant")}l(W,"Path"),l(B,"path"),W.prototype=B.prototype={constructor:W,moveTo:l(function(t,e){this._+="M"+(this._x0=this._x1=+t)+","+(this._y0=this._y1=+e)},"moveTo"),closePath:l(function(){null!==this._x1&&(this._x1=this._x0,this._y1=this._y0,this._+="Z")},"closePath"),lineTo:l(function(t,e){this._+="L"+(this._x1=+t)+","+(this._y1=+e)},"lineTo"),quadraticCurveTo:l(function(t,e,i,s){this._+="Q"+ +t+","+ +e+","+(this._x1=+i)+","+(this._y1=+s)},"quadraticCurveTo"),bezierCurveTo:l(function(t,e,i,s,o,l){this._+="C"+ +t+","+ +e+","+ +i+","+ +s+","+(this._x1=+o)+","+(this._y1=+l)},"bezierCurveTo"),arcTo:l(function(t,e,i,s,o){t=+t,e=+e,i=+i,s=+s,o=+o;var l=this._x1,n=this._y1,r=i-t,h=s-e,a=l-t,d=n-e,p=a*a+d*d;if(o<0)throw new Error("negative radius: "+o);if(null===this._x1)this._+="M"+(this._x1=t)+","+(this._y1=e);else if(p>P)if(Math.abs(d*r-h*a)>P&&o){var c=i-l,u=s-n,g=r*r+h*h,f=c*c+u*u,_=Math.sqrt(g),y=Math.sqrt(p),b=o*Math.tan((C-Math.acos((g+p-f)/(2*_*y)))/2),w=b/y,m=b/_;Math.abs(w-1)>P&&(this._+="L"+(t+w*a)+","+(e+w*d)),this._+="A"+o+","+o+",0,0,"+ +(d*c>a*u)+","+(this._x1=t+m*r)+","+(this._y1=e+m*h)}else this._+="L"+(this._x1=t)+","+(this._y1=e);else;},"arcTo"),arc:l(function(t,e,i,s,o,l){t=+t,e=+e,l=!!l;var n=(i=+i)*Math.cos(s),r=i*Math.sin(s),h=t+n,a=e+r,d=1^l,p=l?s-o:o-s;if(i<0)throw new Error("negative radius: "+i);null===this._x1?this._+="M"+h+","+a:(Math.abs(this._x1-h)>P||Math.abs(this._y1-a)>P)&&(this._+="L"+h+","+a),i&&(p<0&&(p=p%T+T),p>z?this._+="A"+i+","+i+",0,1,"+d+","+(t-n)+","+(e-r)+"A"+i+","+i+",0,1,"+d+","+(this._x1=h)+","+(this._y1=a):p>P&&(this._+="A"+i+","+i+",0,"+ +(p>=C)+","+d+","+(this._x1=t+i*Math.cos(o))+","+(this._y1=e+i*Math.sin(o))))},"arc"),rect:l(function(t,e,i,s){this._+="M"+(this._x0=this._x1=+t)+","+(this._y0=this._y1=+e)+"h"+ +i+"v"+ +s+"h"+-i+"Z"},"rect"),toString:l(function(){return this._},"toString")},l(I,"constant");var A=Math.PI,H=2*A;const M={draw:l(function(t,e){var i=Math.sqrt(e/A);t.moveTo(i,0),t.arc(0,0,i,0,H)},"draw")},F={draw:l(function(t,e){var i=Math.sqrt(e/5)/2;t.moveTo(-3*i,-i),t.lineTo(-i,-i),t.lineTo(-i,-3*i),t.lineTo(i,-3*i),t.lineTo(i,-i),t.lineTo(3*i,-i),t.lineTo(3*i,i),t.lineTo(i,i),t.lineTo(i,3*i),t.lineTo(-i,3*i),t.lineTo(-i,i),t.lineTo(-3*i,i),t.closePath()},"draw")};var k=Math.sqrt(1/3),O=2*k;const L={draw:l(function(t,e){var i=Math.sqrt(e/O),s=i*k;t.moveTo(0,-i),t.lineTo(s,0),t.lineTo(0,i),t.lineTo(-s,0),t.closePath()},"draw")};var D=Math.sin(A/10)/Math.sin(7*A/10),R=Math.sin(H/10)*D,E=-Math.cos(H/10)*D;const G={draw:l(function(t,e){var i=Math.sqrt(.8908130915292852*e),s=R*i,o=E*i;t.moveTo(0,-i),t.lineTo(s,o);for(var l=1;l<5;++l){var n=H*l/5,r=Math.cos(n),h=Math.sin(n);t.lineTo(h*i,-r*i),t.lineTo(r*s-h*o,h*s+r*o)}t.closePath()},"draw")},X={draw:l(function(t,e){var i=Math.sqrt(e),s=-i/2;t.rect(s,s,i,i)},"draw")};var Y=Math.sqrt(3);const V={draw:l(function(t,e){var i=-Math.sqrt(e/(3*Y));t.moveTo(0,2*i),t.lineTo(-Y*i,-i),t.lineTo(Y*i,-i),t.closePath()},"draw")};var N=-.5,j=Math.sqrt(3)/2,$=1/Math.sqrt(12),U=3*($/2+1);const q={draw:l(function(t,e){var i=Math.sqrt(e/U),s=i/2,o=i*$,l=s,n=i*$+i,r=-l,h=n;t.moveTo(s,o),t.lineTo(l,n),t.lineTo(r,h),t.lineTo(N*s-j*o,j*s+N*o),t.lineTo(N*l-j*n,j*l+N*n),t.lineTo(N*r-j*h,j*r+N*h),t.lineTo(N*s+j*o,N*o-j*s),t.lineTo(N*l+j*n,N*n-j*l),t.lineTo(N*r+j*h,N*h-j*r),t.closePath()},"draw")};function K(){var t=I(M),e=I(64),i=null;function s(){var s;if(i||(i=s=B()),t.apply(this,arguments).draw(i,+e.apply(this,arguments)),s)return i=null,s+""||null}return l(s,"symbol"),s.type=function(e){return arguments.length?(t="function"==typeof e?e:I(e),s):t},s.size=function(t){return arguments.length?(e="function"==typeof t?t:I(+t),s):e},s.context=function(t){return arguments.length?(i=null==t?null:t,s):i},s}l(K,"d3Symbol");var J="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Z=l(function(t){return t},"d3_identity"),Q=l(function(t){for(var e=[],i=0,s=t.length;i<s;i++)e[i]=t[s-i-1];return e},"d3_reverse"),tt=l(function(t,i){t.each(function(){var t,s=e.select(this),o=s.text().split(/\s+/).reverse(),l=[];s.attr("y");for(var n=parseFloat(s.attr("dy"))||0,r=s.text(null).append("tspan").attr("x",0).attr("dy",n+"em");t=o.pop();)l.push(t),r.text(l.join(" ")),r.node().getComputedTextLength()>i&&l.length>1&&(l.pop(),r.text(l.join(" ")),l=[t],r=s.append("tspan").attr("x",0).attr("dy",1.2+n+"em").text(t))})},"d3_textWrapping"),et=l(function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=arguments[1],i=arguments[2],s=arguments[3],o=arguments[4];if("object"===(void 0===e?"undefined":J(e))){if(0===e.length)return t;for(var l=e.length;l<t.length;l++)e.push(t[l]);return e}if("function"==typeof e){for(var n=[],r=t.length,h=0;h<r;h++)n.push(e({i:h,genLength:r,generatedLabels:t,domain:i,range:s,labelDelimiter:o}));return n}return t},"d3_mergeLabels"),it=l(function(t,e,i){var s=[];if(e.length>1)s=e;else for(var o=t.domain(),n=(o[o.length-1]-o[0])/(e-1),r=0;r<e;r++)s.push(o[0]+r*n);var h=s.map(i);return{data:s,labels:h,feature:l(function(e){return t(e)},"feature")}},"d3_linearLegend"),st=l(function(t,e,i){var s=t.range().map(function(s){var o=t.invertExtent(s);return e(o[0])+" "+i+" "+e(o[1])});return{data:t.range(),labels:s,feature:Z}},"d3_quantLegend"),ot=l(function(t){return{data:t.domain(),labels:t.domain(),feature:l(function(e){return t(e)},"feature")}},"d3_ordinalLegend"),lt=l(function(t,e,i){t.call("cellover",i,e)},"d3_cellOver"),nt=l(function(t,e,i){t.call("cellout",i,e)},"d3_cellOut"),rt=l(function(t,e,i){t.call("cellclick",i,e)},"d3_cellClick"),ht={d3_drawShapes:l(function(t,e,i,s,o,l){"rect"===t?e.attr("height",i).attr("width",s):"circle"===t?e.attr("r",o):"line"===t?e.attr("x1",0).attr("x2",s).attr("y1",0).attr("y2",0):"path"===t&&e.attr("d",l)},"d3_drawShapes"),d3_addText:l(function(t,e,i,s,o){e.append("text").attr("class",s+"label");var l=t.selectAll("g."+s+"cell text."+s+"label").data(i).text(Z);return o&&t.selectAll("g."+s+"cell text."+s+"label").call(tt,o),l},"d3_addText"),d3_calcType:l(function(t,e,i,s,o,l){var n=t.invertExtent?st(t,o,l):t.ticks?it(t,i,o):ot(t),r=t.range&&t.range()||t.domain();return n.labels=et(n.labels,s,t.domain(),r,l),e&&(n.labels=Q(n.labels),n.data=Q(n.data)),n},"d3_calcType"),d3_filterCells:l(function(t,e){var i=t.data.map(function(e,i){return{data:e,label:t.labels[i]}}).filter(e),s=i.map(function(t){return t.data}),o=i.map(function(t){return t.label});return t.data=t.data.filter(function(t){return-1!==s.indexOf(t)}),t.labels=t.labels.filter(function(t){return-1!==o.indexOf(t)}),t},"d3_filterCells"),d3_placement:l(function(t,e,i,s,o,l){e.attr("transform",i),s.attr("transform",o),"horizontal"===t&&s.style("text-anchor",l)},"d3_placement"),d3_addEvents:l(function(t,e){t.on("mouseover.legend",function(t){lt(e,t,this)}).on("mouseout.legend",function(t){nt(e,t,this)}).on("click.legend",function(t){rt(e,t,this)})},"d3_addEvents"),d3_title:l(function(t,e,i,s){if(""!==e){t.selectAll("text."+i+"legendTitle").data([e]).enter().append("text").attr("class",i+"legendTitle"),t.selectAll("text."+i+"legendTitle").text(e),s&&t.selectAll("text."+i+"legendTitle").call(tt,s);var o=t.select("."+i+"legendCells"),l=t.select("."+i+"legendTitle").nodes().map(function(t){return t.getBBox().height})[0],n=-o.nodes().map(function(t){return t.getBBox().x})[0];o.attr("transform","translate("+n+","+l+")")}},"d3_title"),d3_defaultLocale:{format:e.format,formatPrefix:e.formatPrefix},d3_defaultFormatSpecifier:".01f",d3_defaultDelimiter:"to"};function at(){var t=e.scaleLinear(),i="rect",s=15,o=15,n=10,r=2,h=[5],a=void 0,d=[],p="",c=!1,u="",g=ht.d3_defaultLocale,f=ht.d3_defaultFormatSpecifier,_=10,y="middle",b=ht.d3_defaultDelimiter,w=void 0,m="vertical",v=!1,x=void 0,S=void 0,C=e.dispatch("cellover","cellout","cellclick");function T(T){var P=ht.d3_calcType(t,v,h,d,g.format(f),b);T.selectAll("g").data([t]).enter().append("g").attr("class",p+"legendCells"),a&&ht.d3_filterCells(P,a);var z=T.select("."+p+"legendCells").selectAll("."+p+"cell").data(P.data),W=z.enter().append("g").attr("class",p+"cell");W.append(i).attr("class",p+"swatch");var B=T.selectAll("g."+p+"cell "+i+"."+p+"swatch").data(P.data);ht.d3_addEvents(W,C),z.exit().transition().style("opacity",0).remove(),B.exit().transition().style("opacity",0).remove(),B=B.merge(B),ht.d3_drawShapes(i,B,o,s,n,x);var I=ht.d3_addText(T,W,P.labels,p,w);z=W.merge(z);var A=I.nodes().map(function(t){return t.getBBox()}),H=B.nodes().map(function(t){return t.getBBox()});c?B.attr("class",function(t){return p+"swatch "+P.feature(t)}):"line"==i?B.style("stroke",P.feature):B.style("fill",P.feature);var M,F=void 0,k=void 0,O="start"==y?0:"middle"==y?.5:1;"vertical"===m?(M=A.map(function(t,e){return Math.max(t.height,H[e].height)}),F=l(function(t,i){return"translate(0, "+(e.sum(M.slice(0,i))+i*r)+")"},"cellTrans"),k=l(function(t,e){return"translate( "+(H[e].width+H[e].x+_)+", "+(H[e].y+H[e].height/2+5)+")"},"textTrans")):"horizontal"===m&&(F=l(function(t,e){return"translate("+e*(H[e].width+r)+",0)"},"cellTrans"),k=l(function(t,e){return"translate("+(H[e].width*O+H[e].x)+",\n "+(H[e].height+H[e].y+_+8)+")"},"textTrans")),ht.d3_placement(m,z,F,I,k,y),ht.d3_title(T,u,p,S),z.transition().style("opacity",1)}return l(T,"legend"),T.scale=function(e){return arguments.length?(t=e,T):t},T.cells=function(t){return arguments.length?((t.length>1||t>=2)&&(h=t),T):h},T.cellFilter=function(t){return arguments.length?(a=t,T):a},T.shape=function(t,e){return arguments.length?(("rect"==t||"circle"==t||"line"==t||"path"==t&&"string"==typeof e)&&(i=t,x=e),T):i},T.shapeWidth=function(t){return arguments.length?(s=+t,T):s},T.shapeHeight=function(t){return arguments.length?(o=+t,T):o},T.shapeRadius=function(t){return arguments.length?(n=+t,T):n},T.shapePadding=function(t){return arguments.length?(r=+t,T):r},T.labels=function(t){return arguments.length?(d=t,T):d},T.labelAlign=function(t){return arguments.length?("start"!=t&&"end"!=t&&"middle"!=t||(y=t),T):y},T.locale=function(t){return arguments.length?(g=e.formatLocale(t),T):g},T.labelFormat=function(t){return arguments.length?(f=e.formatSpecifier(t),T):T.locale().format(f)},T.labelOffset=function(t){return arguments.length?(_=+t,T):_},T.labelDelimiter=function(t){return arguments.length?(b=t,T):b},T.labelWrap=function(t){return arguments.length?(w=t,T):w},T.useClass=function(t){return arguments.length?(!0!==t&&!1!==t||(c=t),T):c},T.orient=function(t){return arguments.length?("horizontal"!=(t=t.toLowerCase())&&"vertical"!=t||(m=t),T):m},T.ascending=function(t){return arguments.length?(v=!!t,T):v},T.classPrefix=function(t){return arguments.length?(p=t,T):p},T.title=function(t){return arguments.length?(u=t,T):u},T.titleWidth=function(t){return arguments.length?(S=t,T):S},T.textWrap=function(t){return arguments.length?(textWrap=t,T):textWrap},T.on=function(){var t=C.on.apply(C,arguments);return t===C?T:t},T}l(at,"color");const dt=class _Legend extends e.SVGWidget{constructor(t){super(),n(this,"_owner"),n(this,"_targetWidget"),n(this,"_targetWidgetMonitor"),n(this,"_legendOrdinal"),n(this,"_disabled",[]),n(this,"_symbolTypeMap",{circle:M,cross:F,diamond:L,square:X,star:G,triangle:V,wye:q}),n(this,"_g"),n(this,"_containerSize"),this._owner=t,this._drawStartPos="origin";const e=this;this._legendOrdinal=at().shape("path",K().type(M).size(150)()).shapePadding(10).shapeRadius(10).on("cellclick",function(t){e.onClick(t,this)}).on("cellover",t=>{e.onOver(t,this)}).on("cellout",t=>{e.onOut(t,this)})}isDisabled(t){return void 0!==t&&("string"==typeof t?0===t.indexOf("__")||this._disabled.indexOf(t)>=0:t instanceof e.Database.Field?0===t.id().indexOf("__")||this._disabled.indexOf(t.id())>=0:this._disabled.indexOf(t)>=0)}filteredFields(){switch(this.dataFamily()){case"2D":return this.fields();case"ND":return this.fields().filter(t=>!this.isDisabled(t))}return this.fields()}filteredColumns(){switch(this.dataFamily()){case"2D":return this.columns();case"ND":return this.columns().filter(t=>!this.isDisabled(t))}return this.columns()}filteredData(){switch(this.dataFamily()){case"2D":return this.data().filter(t=>!this.isDisabled(t[0]));case"ND":const t={};let e=!1;return this.columns().forEach((i,s)=>{const o=this.isDisabled(i);t[s]=o,o&&(e=!0)}),e?this.data().map(e=>e.filter((e,i)=>!t[i])):this.data()}return this.data()}isRainbow(){const t=this.getWidget();return t&&t._palette&&"rainbow"===t._palette.type()}targetWidget(t){if(!arguments.length)return this._targetWidget;if(this._targetWidget=t,this._targetWidgetMonitor&&(this._targetWidgetMonitor.remove(),delete this._targetWidgetMonitor),this._targetWidget){const t=this;this._targetWidgetMonitor=this._targetWidget.monitor(function(e,i,s,o){switch(e){case"chart":case"columns":case"data":case"paletteID":t.lazyRender()}})}return this}getWidget(){return this._targetWidget&&"composite_MultiChart"===this._targetWidget.classID()?this._targetWidget.chart():this._targetWidget}getPalette(){const t=this.getWidget();if(t&&t._palette)switch(t._palette.type()){case"ordinal":return e.Palette.ordinal(t._palette.id());case"rainbow":return e.Palette.rainbow(t._palette.id())}return e.Palette.ordinal("default")}getPaletteType(){return this.getPalette().type()}fillColorFunc(){const t=this.getWidget();if(t&&t.fillColor)return t._palette&&t.paletteID&&t._palette.name!==t.paletteID()&&(t._palette=t._palette.switch(t.paletteID())),(e,i,s)=>t.fillColor(e,i,s);const i=e.Palette.ordinal(t&&t.paletteID&&t.paletteID()||"default");return(t,e,s)=>i(e)}fillColor(t,e,i){return this.fillColorFunc()(t,e,i)}enter(t,e){super.enter(t,e),this._g=e.append("g").attr("class","legendOrdinal")}calcMetaData(){let t=[],i=0,s=0;const o=this.columns().length;if(this._targetWidget){const l=this.columns();switch(this.getPaletteType()){case"ordinal":const n=this.fillColorFunc();let r=0;switch(this.dataFamily()){case"2D":t=this.data().map(function(t,e){r=this.data()[e].slice(1,o).reduce((t,e)=>t+e,0);const l=this.isDisabled(t[0]);l||(i+=r);const h=t[0]+(!l&&this.showSeriesTotal()?` (${r})`:""),a=this.textSize(h);return s<a.width&&(s=a.width),[n(t,t[0],!1),t[0],h]},this);break;case"ND":t=this.columns().filter(t=>0!==t.indexOf("__")).filter(function(t,e){return e>0}).map(function(t,e){r=this.data().reduce((t,i)=>t+i[e+1],0);const o=this.isDisabled(l[e+1]),h=t+(!o&&this.showSeriesTotal()?` (${r})`:"");o||(i+=r);const a=this.textSize(h);return s<a.width&&(s=a.width),[n(void 0,t,!1),t,h]},this);break;default:t=this.columns().map(function(t){return[n(void 0,t,!1),t]},this)}break;case"rainbow":const h=this.getPalette(),a=e.format(this.rainbowFormat()),d=this.getWidget(),p=this.rainbowBins(),c=d._dataMinWeight,u=d._dataMaxWeight,g=(u-c)/(p-1);t.push([h(c,c,u),a(c)]);for(let e=1;e<p-1;++e){let i=g*e;Math.floor(i)>parseInt(t[0][1])&&(i=Math.floor(i)),t.push([h(i,c,u),a(i)])}t.push([h(u,c,u),a(u)])}}return{dataArr:t,total:i,maxLabelWidth:s}}update(t,i){super.update(t,i);const{dataArr:s,maxLabelWidth:o,total:l}=this.calcMetaData(),n=this.shapeRadius(),r=this.radiusToSymbolSize(n);let h=this.itemPadding();"horizontal"===this.orientation()&&(h+=o-2*n);const a=e.scaleOrdinal().domain(s.map(t=>t[1])).range(s.map(t=>t[0]));this._legendOrdinal.shape("path",K().type(this._symbolTypeMap[this.symbolType()]).size(r)()).orient(this.orientation()).title(this.title()).labelWrap(this.labelMaxWidth()).labelAlign(this.labelAlign()).shapePadding(h).scale(a).labels(t=>s[t.i][2]),this._g.call(this._legendOrdinal),this.updateDisabled(i,s);const d=this._g.select(".legendCells").node().getBBox();let p=Math.abs(d.x),c=Math.abs(d.y)+1;if("horizontal"===this.orientation()){if("start"===this.labelAlign()?p+=1:"end"===this.labelAlign()&&(p-=1),this.width()>d.width){p+=(this.width()-d.width)/2}}else if("vertical"===this.orientation()&&(p+=1,this._containerSize.height>d.height)){c+=(this.height()-d.height)/2}this._g.attr("transform",`translate(${p}, ${c})`),this.pos({x:0,y:0}),this._legendOrdinal.labelOffset(this.itemPadding());const u=this._g.selectAll(".legendTotal").data(s.length&&this.showLegendTotal()?[l]:[]),g=`Total: ${l}`,f=-p,_=d.height+this.itemPadding()+1;this.enableOverflowScroll(!1),this.enableOverflow(!0),u.enter().append("text").classed("legendTotal",!0).merge(u).attr("transform",`translate(${f}, ${_})`).text(g),u.exit().remove()}updateDisabled(t,e){t.style("cursor","pointer").selectAll("path.swatch").filter((t,i)=>i<e.length).style("stroke",(t,i)=>e[i][0]).style("fill",(t,i)=>this._disabled.indexOf(t)<0?e[i][0]:"white")}postUpdate(t,e){let i;this._boundingBox&&(i=this._boundingBox.width,this._boundingBox.width=this._size.width),super.postUpdate(t,e),void 0!==i&&(this._boundingBox.width=i),this._parentRelativeDiv.style("overflow","hidden")}exit(t,e){super.exit(t,e)}radiusToSymbolSize(t){const e=Math.pow(t,2)*Math.PI;switch(this.symbolType()){case"star":return.45*e;case"triangle":return.65*e;case"cross":case"diamond":case"wye":return.75*e;case"circle":return e;case"square":return 1.3*e}}onClick(t,e){if("ordinal"===this.getPaletteType())switch(this.dataFamily()){case"2D":case"ND":const e=this._disabled.indexOf(t);e<0?this._disabled.push(t):this._disabled.splice(e,1),this._owner.refreshColumns(),this._owner.refreshData(),this._owner.render()}}onOver(t,e){if(s.instanceOfIHighlight(this._owner)&&"ordinal"===this.getPaletteType())switch(this.dataFamily()){case"2D":case"ND":this._disabled.indexOf(t)<0&&this._owner.highlightColumn(t)}}onOut(t,e){if(s.instanceOfIHighlight(this._owner)&&"ordinal"===this.getPaletteType())switch(this.dataFamily()){case"2D":case"ND":this._owner.highlightColumn()}}onDblClick(t,e){}onMouseOver(t,e){}resize(t){let e;if(this.fitToContent()){this._containerSize=t;const i=this.getBBox();t.width>i.width&&(i.width=t.width),t.height>i.height&&(i.height=t.height),e=super.resize.apply(this,[{...i}])}else e=super.resize.apply(this,arguments);return e}};l(dt,"Legend");let pt=dt;pt.prototype._class+=" layout_Legend",pt.prototype.publish("title","","string","Title"),pt.prototype.publish("symbolType","circle","set","Shape of each legend item",["circle","cross","diamond","square","star","triangle","wye"]),pt.prototype.publish("labelMaxWidth",null,"number","Max Label Width (pixels)",null,{optional:!0}),pt.prototype.publish("orientation","vertical","set","Orientation of Legend rows",["vertical","horizontal"],{tags:["Private"]}),pt.prototype.publish("dataFamily","ND","set","Type of data",["1D","2D","ND","map","graph","any"],{tags:["Private"]}),pt.prototype.publish("rainbowFormat",",","string","Rainbow number formatting",null,{tags:["Private"],optional:!0,disable:l(t=>!t.isRainbow(),"disable")}),pt.prototype.publish("rainbowBins",8,"number","Number of rainbow bins",null,{tags:["Private"],disable:l(t=>!t.isRainbow(),"disable")}),pt.prototype.publish("showSeriesTotal",!1,"boolean","Show value next to series"),pt.prototype.publish("showLegendTotal",!1,"boolean","Show a total of the series values under the legend",null),pt.prototype.publish("itemPadding",8,"number","Padding between legend items (pixels)"),pt.prototype.publish("shapeRadius",7,"number","Radius of legend shape (pixels)"),pt.prototype.publish("fitToContent",!0,"boolean","If true, resize will simply reapply the bounding box dimensions"),pt.prototype.publish("labelAlign","start","set","Horizontal alignment of legend item label (for horizontal orientation only)",["start","middle","end"],{optional:!0,disable:l(t=>"vertical"===t.orientation(),"disable")});const ct=class _Modal extends e.HTMLWidget{constructor(){super(),n(this,"_widget"),n(this,"_relativeTarget"),n(this,"_fade"),n(this,"_modal"),n(this,"_modalHeader"),n(this,"_modalBody"),n(this,"_modalHeaderAnnotations"),n(this,"_modalHeaderCloseButton"),n(this,"_close"),this._tag="div"}closeModal(){this.visible(!1)}getRelativeTarget(){let t;return this.relativeTargetId()&&(t=document.getElementById(this.relativeTargetId()),t)?t:!t&&(t=this.locateAncestor("layout_Grid"),t&&t.element)?t.element().node():document.body}setModalSize(){null!==this.fixedHeight()&&null!==this.fixedWidth()?this._modal.style("height",this.fixedHeight()).style("width",this.fixedWidth()).style("min-height",null).style("min-width",null).style("max-height",null).style("max-width",null):(this.minHeight()||this.minWidth())&&this._modal.style("min-height",this.minHeight()).style("min-width",this.minWidth()).style("max-height",this.maxHeight()).style("max-width",this.maxWidth());const t=this._modal.node().getBoundingClientRect(),e=this._modalHeader.node().getBoundingClientRect();return this._modalBody.style("height",t.height-e.height+"px").style("width",t.width),t}setFadePosition(t){this._fade.style("top",t.top+"px").style("left",t.left+"px").style("width",t.width+"px").style("height",t.height+"px")}setModalPosition(t){const e=this.setModalSize();if(null!==this.fixedTop()&&null!==this.fixedLeft())this._modal.style("top",`calc(${this.fixedTop()} + ${t.top}px)`).style("left",`calc(${this.fixedLeft()} + ${t.left}px)`);else if(null!==this.fixedHeight()&&null!==this.fixedWidth())this._modal.style("top",t.top+t.height/2-e.height/2+"px").style("left",t.left+t.width/2-e.width/2+"px");else if(this.minHeight()||this.minWidth()){const e=this._modal.node().getBoundingClientRect();this._modal.style("top",t.top+t.height/2-e.height/2+"px").style("left",t.left+t.width/2-e.width/2+"px")}}resize(t){return super.resize(),this._modal&&this.setModalSize(),this}resizeBodySync(t,e){const i=this._modalHeader.node().getBoundingClientRect();return this._modal.style("width",t+"px").style("height",e+i.height+"px").style("min-width",t+"px").style("min-height",e+i.height+"px"),this._modalHeader.style("width",t+"px"),this._modalBody.style("width",t+"px").style("height",e+"px"),this.minWidth(t+"px").minHeight(e+i.height+"px").resize({height:e+i.height,width:t})}enter(t,e){super.enter(t,e),this._fade=e.append("div").classed("layout_Modal-fade",!0).classed("layout_Modal-fadeClickable",this.enableClickFadeToClose()).classed("layout_Modal-fade-hidden",!this.showFade());const i=2*this.titleFontSize();this._modal=e.append("div").classed("layout_Modal-content",!0),this._modalHeader=this._modal.append("div").classed("layout_Modal-header",!0).style("color",this.titleFontColor()).style("font-size",this.titleFontSize()+"px").style("height",i+"px"),this._modalBody=this._modal.append("div").classed("layout_Modal-body",!0).style("height",`calc( 100% - ${i}px )`).style("overflow-x",this.overflowX()).style("overflow-y",this.overflowY()),this._modalHeader.append("div").classed("layout_Modal-title",!0).style("line-height",this.titleFontSize()+"px").style("top",this.titleFontSize()/2+"px").style("left",this.titleFontSize()/2+"px").text(this.formattedTitle()),this._modalHeaderAnnotations=this._modalHeader.append("div").classed("layout_Modal-annotations",!0),this._modalHeaderCloseButton=this._modalHeaderAnnotations.append("div").classed("layout_Modal-closeButton",!0).html('<i class="fa fa-close"></i>'),this._modalHeaderAnnotations.style("line-height",this.titleFontSize()+"px").style("right",this.titleFontSize()/2+"px").style("top",this.titleFontSize()/2+"px"),this._modalHeaderCloseButton.on("click",()=>{this.closeModal()}),this._fade.on("click",t=>{this.enableClickFadeToClose()&&this.closeModal()})}update(t,e){super.update(t,e),e.style("display",this.show()?null:"none"),this._fade.classed("layout_Modal-fade-hidden",!this.showFade()),this._relativeTarget=this.getRelativeTarget(),this.setModalSize();const i=this._relativeTarget.getBoundingClientRect();this.setFadePosition(i),this.setModalPosition(i),this.show()?(this._widget.target()||this._widget.target(this._modalBody.node()),this._widget.resize().render()):this._widget.target(null).render()}exit(t,e){this._widget&&this._widget.target(null),super.exit(t,e)}formattedTitle(){const t=this.title_exists()?this.title().trim():"";return t.length>0&&"("===t.slice(0,1)&&")"===t.slice(-1)?t.slice(1,-1):this.title()}};l(ct,"Modal");let ut=ct;ut.prototype._class+=" layout_Modal",ut.prototype.publish("title",null,"string","title"),ut.prototype.publish("widget",null,"widget","widget"),ut.prototype.publish("titleFontSize",18,"number","titleFontSize (in pixels)"),ut.prototype.publish("titleFontColor","#ffffff","html-color","titleFontColor"),ut.prototype.publish("relativeTargetId",null,"string","relativeTargetId"),ut.prototype.publish("show",!0,"boolean","show"),ut.prototype.publish("showFade",!0,"boolean","showFade"),ut.prototype.publish("enableClickFadeToClose",!0,"boolean","enableClickFadeToClose"),ut.prototype.publish("minWidth","400px","string","minWidth"),ut.prototype.publish("minHeight","400px","string","minHeight"),ut.prototype.publish("maxWidth","800px","string","maxWidth"),ut.prototype.publish("maxHeight","800px","string","maxHeight"),ut.prototype.publish("fixedWidth",null,"string","fixedWidth"),ut.prototype.publish("fixedHeight",null,"string","fixedHeight"),ut.prototype.publish("fixedTop",null,"string","fixedTop"),ut.prototype.publish("fixedLeft",null,"string","fixedLeft"),ut.prototype.publish("overflowX","hidden","string","overflowX"),ut.prototype.publish("overflowY","scroll","string","overflowY");const gt=class _ChartPanel extends v{constructor(){super(),n(this,"_legend",new pt(this).enableOverflow(!0)),n(this,"_progressBar",new e.ProgressBar),n(this,"_autoScale",!1),n(this,"_resolutions",{tiny:{width:100,height:100},small:{width:300,height:300}}),n(this,"_modal",new ut),n(this,"_highlight"),n(this,"_scale"),n(this,"_orig_size"),n(this,"_toggleInfo",(new e.ToggleButton).faChar("fa-info-circle").tooltip(".Description").selected(!1).on("enabled",()=>""!==this.description()).on("click",()=>{if(this._toggleInfo.selected()){this._modal.title(this.title()).widget((new e.Text).text(this.description())).show(!0).render();const t=this._modal._close;this._modal._close=()=>{this._toggleInfo.selected(!1).render(),this._modal._close=t}}}).on("mouseMove",()=>{}).on("mouseOut",()=>{})),n(this,"_toggleData",(new e.ToggleButton).faChar("fa-table").tooltip("Data").on("click",()=>{this.dataVisible(this._toggleData.selected()),this.render()})),n(this,"_buttonDownload",(new e.Button).faChar("fa-download").tooltip("Download").on("click",()=>{this.downloadCSV()})),n(this,"_buttonDownloadImage",(new e.Button).faChar("fa-image").tooltip("Download Image").on("click",()=>{this.downloadPNG()})),n(this,"_toggleLegend",(new e.ToggleButton).faChar("fa-list-ul").tooltip("Legend").selected(!1).on("click",()=>{const t=this._toggleLegend.selected();"bottom"===this.legendPosition()?this.showBottom(t):"right"===this.legendPosition()&&this.showRight(t),this.legendVisible(t),this.render()})),n(this,"_spacer",new e.Spacer),n(this,"_titleBar",(new e.TitleBar).buttons([this._toggleData,this._buttonDownload,this._buttonDownloadImage,this._spacer,this._toggleLegend])),n(this,"_carousel",new S),n(this,"_table",new i.Table),n(this,"_widget"),n(this,"_hideLegendToggleList",["dgrid_Table"]),n(this,"_prevdataVisible"),n(this,"_prevlegendVisible"),n(this,"_prevLegendPosition"),n(this,"_prevChartDataFamily"),n(this,"_prevChart"),n(this,"_prevButtons"),this._tag="div"}fields(t){return arguments.length?(super.fields(t),this._legend.fields(t),this.refreshFields(),this):super.fields()}refreshFields(){return this._widget.fields(this._legend.filteredFields()),this._table.fields(this._legend.filteredFields()),this}columns(t,e){return arguments.length?(super.columns(t,e),this._legend.columns(t,e),this.refreshColumns(),this):super.columns()}refreshColumns(){return this._widget.columns(this._legend.filteredColumns()),this._table.columns(this._legend.filteredColumns()),this}data(t){return arguments.length?(super.data(t),this._legend.data(t),this.refreshData(),this):super.data()}refreshData(){return this._widget.data(this._legend.filteredData()),this._table.data(this._legend.filteredData()),this}highlight(t){return arguments.length?(this._highlight=t,this):this._highlight}startProgress(){this._progressBar.start()}finishProgress(){this._progressBar.finish()}buttons(t){return arguments.length?(this._titleBar.buttons(t),this):this._titleBar.buttons()}downloadCSV(){const t=this.downloadTitle()?this.downloadTitle():this.title()?this.title():"data",i=this.downloadTimestampSuffix()?"_"+e.Utility.timestamp():"";return e.Utility.downloadString("CSV",this._widget.export("CSV"),t+i),this}downloadPNG(){const t=this.widget();return t instanceof e.SVGWidget&&(this.legendVisible()?t.downloadPNG(this.title(),void 0,this._legend):t.downloadPNG(this.title())),this}highlightColumn(t){if(t){const i=`series-${this.cssTag(t)}`;this._centerWA.element().selectAll(".series").each(function(){const t=e.select(this),s=t.classed(i);t.classed("highlight",s).classed("lowlight",!s)})}else this._centerWA.element().selectAll(".series").classed("highlight",!1).classed("lowlight",!1);return this}getResponsiveMode(){return this.enableAutoscaling()?this._autoScale?this.size().width<=this._resolutions.tiny.width||this.size().height<=this._resolutions.tiny.height?"tiny":this.size().width<=this._resolutions.small.width||this.size().height<=this._resolutions.small.height?"small":"regular":"regular":"none"}setOrigSize(){this._orig_size=JSON.parse(JSON.stringify(this.size()))}enter(t,e){super.enter(t,e),this._modal.target(this.target()).relativeTargetId(this.id()),this.top(this._titleBar),this.center(this._carousel),this._legend.targetWidget(this._widget).orientation("vertical").title("").visible(!1),this._progressBar.enter(t,e),this.setOrigSize()}preUpdateTiny(t){t.selectAll("div.body,div.title-text,div.icon-bar").style("display","none")}preUpdateSmall(t){const e=this._orig_size.width/this._resolutions.small.width,i=this._orig_size.height/this._resolutions.small.height;this._scale=Math.min(e,i);const s=this._scale===e;this.size({width:s?this._resolutions.small.width:this._orig_size.width*(1/this._scale),height:s?this._orig_size.height*(1/this._scale):this._resolutions.small.height}),t.select("div.title-icon").style("position","static"),t.selectAll("lhs").style("display","none"),t.selectAll("div.body,div.title-text,div.icon-bar").style("display",""),t.selectAll("div.data-count").style("visibility","hidden"),t.style("transform",`scale(${this._scale})`)}preUpdateRegular(t){t.selectAll("div.body,div.title-text,div.icon-bar").style("display",""),t.selectAll("div.data-count").style("visibility","hidden"),t.select("div.title-icon").style("position","static"),t.style("transform","translate(0px,0px) scale(1)")}update(t,e){super.update(t,e)}preUpdate(t,i){switch(super.preUpdate(t,i),this._prevLegendPosition!==this.legendPosition()&&(null!==this._legend.target()&&this._legend.target(null),void 0!==this._prevLegendPosition?this.swap(this._prevLegendPosition,this.legendPosition()):this[this.legendPosition()](this._legend),"right"===this.legendPosition()?(this.rightOverflowX("hidden"),this.rightOverflowY("auto"),this.bottomOverflowX("visible"),this.bottomOverflowY("visible")):(this.rightOverflowX("visible"),this.rightOverflowY("visible"),this.bottomOverflowX("auto"),this.bottomOverflowY("hidden")),this._prevLegendPosition=this.legendPosition()),this._prevdataVisible!==this.dataVisible()&&(this._prevdataVisible=this.dataVisible(),this._toggleData.selected(this._prevdataVisible),this._legend.visible(this._prevlegendVisible&&!this._prevdataVisible),this._carousel.active(this._prevdataVisible?1:0)),this._prevlegendVisible!==this.legendVisible()&&(this._prevlegendVisible=this.legendVisible(),this._toggleLegend.selected(this._prevlegendVisible),this._legend.visible(this._prevlegendVisible&&!this._prevdataVisible)),this._legend.orientation("bottom"===this.legendPosition()?"horizontal":"vertical"),this.showLeft(!this.left()),this.getResponsiveMode()){case"tiny":this.preUpdateTiny(i);break;case"small":this.preUpdateSmall(i);break;case"regular":this.preUpdateRegular(i)}const s="composite_MultiChart"===this._widget.classID()?this._widget.chart():this._widget;if(this._legend.dataFamily(s._dataFamily||"any"),this._prevChartDataFamily!==this._legend.dataFamily()&&(this._prevChartDataFamily=this._legend.dataFamily(),"any"===this._prevChartDataFamily))this._toggleLegend.selected(!1),this._legend.visible(!1);if(i.style("box-shadow",this.highlight()?`inset 0px 0px 0px ${this.highlightSize()}px ${this.highlightColor()}`:"none"),-1!==this._hideLegendToggleList.indexOf(s.classID())?(this._spacer.visible(!1),this._toggleLegend.visible(!1)):(this._spacer.visible(!0),this._toggleLegend.visible(!0)),this._prevChart!==s){this._prevChart=s;const t=s?s._titleBar||s._iconBar:void 0;if(t&&t instanceof e.IconBar){this._prevButtons=this._prevButtons||[...this.buttons()];const i=[...t.buttons(),new e.Spacer,...this._prevButtons];t.buttons([]).render(),this.buttons(i)}else this._prevButtons&&this.buttons(this._prevButtons)}const o=[];this.dataButtonVisible()||o.push(this._toggleData),this.downloadButtonVisible()||o.push(this._buttonDownload),this.downloadImageButtonVisible()||o.push(this._buttonDownloadImage),this.legendButtonVisible()||o.push(this._toggleLegend),this._buttonDownloadImage.enabled(this.widget()instanceof e.SVGWidget),this._titleBar.hiddenButtons(o).visible(this.titleVisible()),this.topOverlay(this.titleOverlay()||!this.titleVisible())}postUpdate(t,e){switch(super.postUpdate(t,e),this.getResponsiveMode()){case"tiny":this.postUpdateTiny(e);break;case"small":this.postUpdateSmall(e);break;case"regular":this.postUpdateRegular(e)}}postUpdateTiny(t){t.selectAll("div.body,div.title-text,div.icon-bar").style("display","none"),t.selectAll("div.data-count").style("visibility","visible").style("font-size",this.titleIconFontSize()/3+"px").style("line-height",this.titleIconFontSize()/3+"px").style("left",this.titleIconFontSize()+"px").text(this.data().length),t.style("transform","translate(0px,0px) scale(1)");const e=t.selectAll("div.title-icon"),i=e.node(),s=t.node().parentElement.getBoundingClientRect();if(i){const i=e.node().getBoundingClientRect(),o=s.height/2;e.style("position","absolute").style("left",`calc(50% - ${i.width/2}px)`).style("top",o-i.height/2+"px"),t.selectAll("div.data-count").style("position","absolute").style("left",`calc(50% + ${i.width/2}px)`).style("top",o-i.height/2+"px")}}postUpdateSmall(t){t.selectAll("lhs").style("display","none"),t.selectAll("div.title-icon").style("position","static"),t.selectAll("div.body,div.title-text,div.icon-bar").style("display",""),t.selectAll("div.data-count").style("visibility","hidden");const e=t.node().getBoundingClientRect(),i=t.node().parentElement.getBoundingClientRect();t.style("transform",`translate(${i.x-e.x}px, ${i.y-e.y}px) scale(${this._scale})`)}postUpdateRegular(t){t.selectAll("div.title-icon").style("position","static"),t.selectAll("div.body,div.title-text,div.icon-bar").style("display",""),t.selectAll("div.data-count").style("visibility","hidden")}exit(t,e){this._progressBar.exit(t,e),this.right(null),this._legend.target(null),this.center(null),this._carousel.target(null),this.top(null),this._titleBar.target(null),this._modal.target(null),delete this._prevChart,delete this._prevButtons,delete this._prevChartDataFamily,delete this._prevPos,delete this._prevdataVisible,delete this._prevlegendVisible,super.exit(t,e)}click(t,e,i){}dblclick(t,e,i){}vertex_click(t,e,i,s){s&&s.vertex}vertex_dblclick(t,e,i,s){s&&s.vertex}edge_click(t,e,i,s){s&&s.edge}edge_dblclick(t,e,i,s){s&&s.edge}};l(gt,"ChartPanel");let ft=gt;ft.prototype._class+=" layout_ChartPanel",ft.prototype.publishReset(),ft.prototype.publishProxy("title","_titleBar"),ft.prototype.publish("titleVisible",!0,"boolean"),ft.prototype.publish("titleOverlay",!1,"boolean"),ft.prototype.publishProxy("titleIcon","_titleBar"),ft.prototype.publishProxy("titleIconFont","_titleBar"),ft.prototype.publishProxy("titleFont","_titleBar"),ft.prototype.publishProxy("titleIconFontSize","_titleBar"),ft.prototype.publishProxy("titleFontSize","_titleBar"),ft.prototype.publishProxy("description","_titleBar"),ft.prototype.publishProxy("descriptionFont","_titleBar"),ft.prototype.publishProxy("descriptionFontSize","_titleBar"),ft.prototype.publish("dataVisible",!1,"boolean","Show data table"),ft.prototype.publish("dataButtonVisible",!0,"boolean","Show data table button"),ft.prototype.publish("downloadButtonVisible",!0,"boolean","Show data download button"),ft.prototype.publish("downloadImageButtonVisible",!1,"boolean","Show image download button"),ft.prototype.publish("downloadTitle","","string","File name when downloaded"),ft.prototype.publish("downloadTimestampSuffix",!0,"boolean","Use timestamp as file name suffix"),ft.prototype.publish("legendVisible",!1,"boolean","Show legend"),ft.prototype.publish("legendButtonVisible",!0,"boolean","Show legend button"),ft.prototype.publish("legendPosition","right","set","Position of legend",["right","bottom"]),ft.prototype.publishProxy("legend_labelMaxWidth","_legend","labelMaxWidth"),ft.prototype.publishProxy("legend_showSeriesTotal","_legend","showSeriesTotal"),ft.prototype.publishProxy("legend_showLegendTotal","_legend","showLegendTotal"),ft.prototype.publishProxy("legend_itemPadding","_legend","itemPadding"),ft.prototype.publishProxy("legend_shapeRadius","_legend","shapeRadius"),ft.prototype.publishProxy("legend_symbolType","_legend","symbolType"),ft.prototype.publishProxy("legend_labelAlign","_legend","labelAlign"),ft.prototype.publish("widget",null,"widget","Widget",void 0,{render:!1}),ft.prototype.publish("enableAutoscaling",!1,"boolean"),ft.prototype.publish("highlightSize",4,"number"),ft.prototype.publish("highlightColor","#e67e22","html-color"),ft.prototype.publishProxy("progress_halfLife","_progressBar","halfLife"),ft.prototype.publishProxy("progress_decay","_progressBar","decay"),ft.prototype.publishProxy("progress_size","_progressBar","size"),ft.prototype.publishProxy("progress_color","_progressBar","color"),ft.prototype.publishProxy("progress_blurBar","_progressBar","blurBar"),ft.prototype.publishProxy("progress_blurSize","_progressBar","blurSize"),ft.prototype.publishProxy("progress_blurColor","_progressBar","blurColor"),ft.prototype.publishProxy("progress_blurOpacity","_progressBar","blurOpacity"),ft.prototype.widget=function(t){if(!arguments.length)return this._widget;this._carousel.widgets([t,this._table]),this._widget=t,this._widget.fields(this._legend.filteredFields()).data(this._legend.filteredData());const e=this,i=this._widget;return i.click=function(){e.click.apply(e,arguments)},i.dblclick=function(){e.dblclick.apply(e,arguments)},i.vertex_click=function(){e.vertex_click.apply(e,arguments)},i.vertex_dblclick=function(){e.vertex_dblclick.apply(e,arguments)},i.edge_click=function(){e.edge_click.apply(e,arguments)},i.edge_dblclick=function(){e.edge_dblclick.apply(e,arguments)},this};const _t=class _FlexGrid extends e.HTMLWidget{constructor(){super()}enter(t,i){super.enter(t,i),e.select(t.parentNode).style("height","100%").style("width","100%")}update(t,e){super.update(t,e);const i=this,s=[];this.updateFlexParent(e);const o=e.selectAll(".FlexGrid-list-item").data(this.widgets(),t=>t.id());o.enter().append("div").classed("FlexGrid-list-item",!0).each(function(t){t.target(this)}).merge(o).style("min-height",this.itemMinHeight()+"px").style("min-width",this.itemMinWidth()+"px").style("flex-basis",(t,e)=>{const i=this.widgetsFlexBasis()[e];return void 0!==i?i:this.flexBasis()}).style("flex-grow",(t,e)=>{const i=this.widgetsFlexGrow()[e];return void 0!==i?i:this.flexGrow()}).style("border-width",this.borderWidth()+"px").style("border-color",this.itemBorderColor()).each(function(){this.firstChild.style.display="none"}).each(function(){const t=this.getBoundingClientRect();s.push([t.width,t.height])}).each(function(t,e){this.firstChild.style.display="block",t.resize({width:s[e][0]-2*i.borderWidth(),height:s[e][1]-2*i.borderWidth()})}),o.exit().remove()}exit(t,e){super.exit(t,e)}updateFlexParent(t){t.style("height","100%").style("flex-direction","horizontal"===this.orientation()?"row":"column").style("flex-wrap",this.flexWrap()).style("align-items",this.alignItems()).style("align-content",this.alignContent()).style("overflow-x",()=>this.forceXScroll()||"horizontal"===this.orientation()&&"nowrap"===this.flexWrap()&&!this.disableScroll()?"scroll":"hidden").style("overflow-y",()=>this.forceYScroll()||"vertical"===this.orientation()&&"nowrap"===this.flexWrap()&&!this.disableScroll()?"scroll":"hidden")}};l(_t,"FlexGrid");let yt=_t;yt.prototype._class+=" layout_FlexGrid",yt.prototype.publish("itemBorderColor","transparent","html-color","Color of list item borders"),yt.prototype.publish("borderWidth",0,"number","Width of list item borders (pixels)"),yt.prototype.publish("orientation","horizontal","set","Controls the flex-direction of the list items",["horizontal","vertical"]),yt.prototype.publish("flexWrap","wrap","set","Controls the line wrap when overflow occurs",["nowrap","wrap","wrap-reverse"]),yt.prototype.publish("disableScroll",!1,"boolean","If false, scrollbar will show (when flexWrap is set to 'nowrap')",null,{disable:l(t=>"nowrap"!==t.flexWrap(),"disable")}),yt.prototype.publish("forceXScroll",!1,"boolean","If true, horzontal scrollbar will show"),yt.prototype.publish("forceYScroll",!1,"boolean","If true, vertical scrollbar will show"),yt.prototype.publish("itemMinHeight",64,"number","Minimum height of a list item (pixels)"),yt.prototype.publish("itemMinWidth",64,"number","Minimum width of a list item (pixels)"),yt.prototype.publish("alignItems","stretch","set","Controls normal alignment of items",["flex-start","center","flex-end","stretch"]),yt.prototype.publish("alignContent","stretch","set","Controls normal alignment of item rows",["flex-start","center","flex-end","stretch","space-between","space-around"]),yt.prototype.publish("flexGrow",1,"number","Default flex-grow style for all list items"),yt.prototype.publish("flexBasis","10%","string","Default flex-basis style for all list items"),yt.prototype.publish("widgetsFlexGrow",[],"array","Array of flex-grow values keyed on the widgets array"),yt.prototype.publish("widgetsFlexBasis",[],"array","Array of flex-basis values keyed on the widgets array"),yt.prototype.publish("widgets",[],"widgetArray","Array of widgets to be rendered as list items");"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self&&self;function bt(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}l(bt,"getDefaultExportFromCjs");var wt={exports:{}};wt.exports=function(){var t=l(function(t,e){for(var i in this._options=e,this.defaults)this._options.hasOwnProperty(i)||(this._options[i]=this.defaults[i]);this.items=t,this._adjustSizeOfItems(),this.generateGrid()},"GridList");t.cloneItems=function(t,e){var i,s;for(void 0===e&&(e=[]),i=0;i<t.length;i++)for(s in e[i]||(e[i]={}),t[i])e[i][s]=t[i][s];return e},t.prototype={defaults:{lanes:5,direction:"horizontal"},toString:l(function(){var t,e,i,s=this.grid.length,o="\n #|",l="\n --";for(e=0;e<s;e++)o+=" "+this._padNumber(e," "),l+="---";for(o+=l,e=0;e<this._options.lanes;e++)for(o+="\n"+this._padNumber(e," ")+"|",i=0;i<s;i++)o+=" ",o+=(t=this.grid[i][e])?this._padNumber(this.items.indexOf(t),"0"):"--";return o+="\n"},"toString"),generateGrid:l(function(){var t;for(this._resetGrid(),t=0;t<this.items.length;t++)this._markItemPositionToGrid(this.items[t])},"generateGrid"),resizeGrid:l(function(t){var e=0;this._options.lanes=t,this._adjustSizeOfItems(),this._sortItemsByPosition(),this._resetGrid();for(var i=0;i<this.items.length;i++){var s=this.items[i],o=this._getItemPosition(s);this._updateItemPosition(s,this.findPositionForItem(s,{x:e,y:0})),e=Math.max(e,o.x)}this._pullItemsToLeft()},"resizeGrid"),findPositionForItem:l(function(t,e,i){var s,o,l;for(s=e.x;s<this.grid.length;s++)if(void 0!==i){if(l=[s,i],this._itemFitsAtPosition(t,l))return l}else for(o=e.y;o<this._options.lanes;o++)if(l=[s,o],this._itemFitsAtPosition(t,l))return l;var n=this.grid.length,r=0;return void 0!==i&&this._itemFitsAtPosition(t,[n,i])&&(r=i),[n,r]},"findPositionForItem"),moveItemToPosition:l(function(t,e){var i=this._getItemPosition({x:e[0],y:e[1],w:t.w,h:t.h});this._updateItemPosition(t,[i.x,i.y]),this._resolveCollisions(t)},"moveItemToPosition"),resizeItem:l(function(t,e){var i=e.w||t.w,s=e.h||t.h;this._updateItemSize(t,i,s),this._resolveCollisions(t),this._pullItemsToLeft()},"resizeItem"),getChangedItems:l(function(t,e){for(var i=[],s=0;s<t.length;s++){var o=this._getItemByAttribute(e,t[s][e]);o.x===t[s].x&&o.y===t[s].y&&o.w===t[s].w&&o.h===t[s].h||i.push(o)}return i},"getChangedItems"),_sortItemsByPosition:l(function(){this.items.sort(function(t,e){var i=this._getItemPosition(t),s=this._getItemPosition(e);return i.x!=s.x?i.x-s.x:i.y!=s.y?i.y-s.y:0}.bind(this))},"_sortItemsByPosition"),_adjustSizeOfItems:l(function(){for(var t=0;t<this.items.length;t++){var e=this.items[t];void 0===e.autoSize&&(e.autoSize=0===e.w||0===e.h),e.autoSize&&("horizontal"===this._options.direction?e.h=this._options.lanes:e.w=this._options.lanes)}},"_adjustSizeOfItems"),_resetGrid:l(function(){this.grid=[]},"_resetGrid"),_itemFitsAtPosition:l(function(t,e){var i,s,o=this._getItemPosition(t);if(e[0]<0||e[1]<0)return!1;if(e[1]+o.h>this._options.lanes)return!1;for(i=e[0];i<e[0]+o.w;i++){var l=this.grid[i];if(l)for(s=e[1];s<e[1]+o.h;s++)if(l[s]&&l[s]!==t)return!1}return!0},"_itemFitsAtPosition"),_updateItemPosition:l(function(t,e){null!==t.x&&null!==t.y&&this._deleteItemPositionFromGrid(t),this._setItemPosition(t,e),this._markItemPositionToGrid(t)},"_updateItemPosition"),_updateItemSize:l(function(t,e,i){null!==t.x&&null!==t.y&&this._deleteItemPositionFromGrid(t),t.w=e,t.h=i,this._markItemPositionToGrid(t)},"_updateItemSize"),_markItemPositionToGrid:l(function(t){var e,i,s=this._getItemPosition(t);for(this._ensureColumns(s.x+s.w),e=s.x;e<s.x+s.w;e++)for(i=s.y;i<s.y+s.h;i++)this.grid[e][i]=t},"_markItemPositionToGrid"),_deleteItemPositionFromGrid:l(function(t){var e,i,s=this._getItemPosition(t);for(e=s.x;e<s.x+s.w;e++)if(this.grid[e])for(i=s.y;i<s.y+s.h;i++)this.grid[e][i]==t&&(this.grid[e][i]=null)},"_deleteItemPositionFromGrid"),_ensureColumns:l(function(t){var i;for(i=0;i<t;i++)this.grid[i]||this.grid.push(new e(this._options.lanes))},"_ensureColumns"),_getItemsCollidingWithItem:l(function(t){for(var e=[],i=0;i<this.items.length;i++)t!=this.items[i]&&this._itemsAreColliding(t,this.items[i])&&e.push(i);return e},"_getItemsCollidingWithItem"),_itemsAreColliding:l(function(t,e){var i=this._getItemPosition(t),s=this._getItemPosition(e);return!(s.x>=i.x+i.w||s.x+s.w<=i.x||s.y>=i.y+i.h||s.y+s.h<=i.y)},"_itemsAreColliding"),_resolveCollisions:l(function(t){this._tryToResolveCollisionsLocally(t)||this._pullItemsToLeft(t),this._pullItemsToLeft()},"_resolveCollisions"),_tryToResolveCollisionsLocally:l(function(e){var i=this._getItemsCollidingWithItem(e);if(!i.length)return!0;var s,o,l,n,r=new t([],this._options);t.cloneItems(this.items,r.items),r.generateGrid();for(var h=0;h<i.length;h++){var a=r.items[i[h]],d=this._getItemPosition(a),p=this._getItemPosition(e);if(s=[p.x-d.w,d.y],o=[p.x+p.w,d.y],l=[d.x,p.y-d.h],n=[d.x,p.y+p.h],r._itemFitsAtPosition(a,s))r._updateItemPosition(a,s);else if(r._itemFitsAtPosition(a,l))r._updateItemPosition(a,l);else if(r._itemFitsAtPosition(a,n))r._updateItemPosition(a,n);else{if(!r._itemFitsAtPosition(a,o))return!1;r._updateItemPosition(a,o)}}return t.cloneItems(r.items,this.items),this.generateGrid(),!0},"_tryToResolveCollisionsLocally"),_pullItemsToLeft:l(function(t){if(this._sortItemsByPosition(),this._resetGrid(),t){var e=this._getItemPosition(t);this._updateItemPosition(t,[e.x,e.y])}for(var i=0;i<this.items.length;i++){var s=this.items[i],o=this._getItemPosition(s);if(!t||s!=t){var l=this._findLeftMostPositionForItem(s),n=this.findPositionForItem(s,{x:l,y:0},o.y);this._updateItemPosition(s,n)}}},"_pullItemsToLeft"),_findLeftMostPositionForItem:l(function(t){for(var e=0,i=this._getItemPosition(t),s=0;s<this.grid.length;s++)for(var o=i.y;o<i.y+i.h;o++){var l=this.grid[s][o];if(l){var n=this._getItemPosition(l);this.items.indexOf(l)<this.items.indexOf(t)&&(e=n.x+n.w)}}return e},"_findLeftMostPositionForItem"),_getItemByAttribute:l(function(t,e){for(var i=0;i<this.items.length;i++)if(this.items[i][t]===e)return this.items[i];return null},"_getItemByAttribute"),_padNumber:l(function(t,e){return t>=10?t:e+t},"_padNumber"),_getItemPosition:l(function(t){return"horizontal"===this._options.direction?t:{x:t.y,y:t.x,w:t.h,h:t.w}},"_getItemPosition"),_setItemPosition:l(function(t,e){"horizontal"===this._options.direction?(t.x=e[0],t.y=e[1]):(t.x=e[1],t.y=e[0])},"_setItemPosition")};var e=l(function(t){for(var e=0;e<t;e++)this.push(null)},"GridCol");return e.prototype=[],t}();var mt=wt.exports;const vt=bt(mt),xt=r({__proto__:null,default:vt},[mt]),St=xt&&vt||xt,Ct=class _Grid extends e.HTMLWidget{constructor(){super(),n(this,"divItems"),n(this,"gridList"),n(this,"items"),n(this,"itemsMap"),n(this,"origItems"),n(this,"cellWidth"),n(this,"cellHeight"),n(this,"dragItem"),n(this,"dragItemPos"),n(this,"_d3Drag"),n(this,"_d3DragResize"),n(this,"_selectionBag"),n(this,"_scrollBarWidth"),this._tag="div",this._selectionBag=new e.Utility.Selection(this),this.content([])}getDimensions(){const t={width:0,height:0};return this.content().forEach(function(e){t.width<e.gridCol()+e.gridColSpan()&&(t.width=e.gridCol()+e.gridColSpan()),t.height<e.gridRow()+e.gridRowSpan()&&(t.height=e.gridRow()+e.gridRowSpan())},this),t}clearContent(t){this.content(this.content().filter(function(e){if(!t)return e.target(null),!1;let i=e;for(;i;){if(t===i)return e.target(null),!1;i=i.widget?i.widget():null}return!0}))}setContent(t,e,i,s,o,l){if(o=o||1,l=l||1,s=s||"",this.content(this.content().filter(function(i){return i.gridRow()!==t||i.gridCol()!==e||(i.target(null),!1)})),i){const n=(new f).gridRow(t).gridCol(e).widget(i).title(s).gridRowSpan(o).gridColSpan(l);this.content().push(n)}return this}sortedContent(){return this.content().sort(function(t,e){return t.gridRow()===e.gridRow()?t.gridCol()-e.gridCol():t.gridRow()-e.gridRow()})}getCell(t,e){let i=null;return this.content().some(function(s){return t>=s.gridRow()&&t<s.gridRow()+s.gridRowSpan()&&e>=s.gridCol()&&e<s.gridCol()+s.gridColSpan()&&(i=s,!0)}),i}getWidgetCell(t){let e=null;return this.content().some(function(i){return i.widget().id()===t&&(e=i,!0)}),e}getContent(t){let e=null;return this.content().some(function(i){return i.widget().id()===t&&(e=i.widget(),!0)}),e}cellToGridItem(t){return{x:t.gridCol(),y:t.gridRow(),w:t.gridColSpan(),h:t.gridRowSpan(),id:t.id(),cell:t}}gridItemToCell(t){t.cell.gridCol(t.x).gridRow(t.y).gridColSpan(t.w).gridRowSpan(t.h)}resetItemsPos(){this.origItems.forEach(function(t){const e=this.itemsMap[t.id];e.x=t.x,e.y=t.y},this)}initGridList(){this.itemsMap={},this.items=this.content().map(function(t){const e=this.cellToGridItem(t);return this.itemsMap[e.id]=e,e},this),this.origItems=this.content().map(this.cellToGridItem),this.gridList=new St(this.items,{direction:this.snapping(),lanes:"horizontal"===this.snapping()?this.snappingRows():this.snappingColumns()})}killGridList(){this.gridList=null,delete this.items,delete this.itemsMap}enter(t,i){super.enter(t,i),this._scrollBarWidth=e.Platform.getScrollbarWidth();const s=this;this._d3Drag=e.drag().subject(function(t){const e=s.cellToGridItem(t);return{x:e.x*s.cellWidth,y:e.y*s.cellHeight}}).on("start",function(t){if(!s.designMode())return;e.d3Event().sourceEvent.stopPropagation(),s.initGridList();const o=s.itemsMap[t.id()];s.dragItem=i.append("div").attr("class","dragging").style("transform",function(){return"translate("+o.x*s.cellWidth+"px, "+o.y*s.cellHeight+"px)"}).style("width",function(){return o.w*s.cellWidth-s.gutter()+"px"}).style("height",function(){return o.h*s.cellHeight-s.gutter()+"px"}),s.selectionBagClick(t)}).on("drag",function(t){if(!s.designMode())return;const i=e.d3Event();i.sourceEvent.stopPropagation();const o=s.itemsMap[t.id()];i.x<0&&(i.x=0),i.x+o.w*s.cellWidth>s.snappingColumns()*s.cellWidth&&(i.x=s.snappingColumns()*s.cellWidth-o.w*s.cellWidth),i.y<0&&(i.y=0),i.y+o.h*s.cellWidth>s.snappingRows()*s.cellWidth&&(i.y=s.snappingRows()*s.cellWidth-o.h*s.cellWidth);const l=[Math.max(0,Math.floor((i.x+s.cellWidth/2)/s.cellWidth)),Math.max(0,Math.floor((i.y+s.cellHeight/2)/s.cellHeight))];o.x===l[0]&&o.y===l[1]||("none"!==s.snapping()?(s.resetItemsPos(),s.gridList.moveItemToPosition(o,l)):(o.x=l[0],o.y=l[1]),t.gridCol()===o.x&&t.gridRow()===o.y||(s.items.forEach(s.gridItemToCell),s.updateGrid(!1,100))),s.dragItem.style("transform",function(){return"translate("+i.x+"px, "+i.y+"px)"}).style("width",function(){return o.w*s.cellWidth+"px"}).style("height",function(){return o.h*s.cellHeight+"px"})}).on("end",function(){s.designMode()&&(e.d3Event().sourceEvent.stopPropagation(),s.dragItem.remove(),s.dragItem=null,s.killGridList())}),this._d3DragResize=e.drag().subject(function(t){const e=s.cellToGridItem(t);return{x:(e.x+e.w-1)*s.cellWidth,y:(e.y+e.h-1)*s.cellHeight}}).on("start",function(t){if(!s.designMode())return;e.d3Event().sourceEvent.stopPropagation(),s.initGridList();const o=s.itemsMap[t.id()];s.dragItem=i.append("div").attr("class","resizing").style("transform",function(){return"translate("+o.x*s.cellWidth+"px, "+o.y*s.cellHeight+"px)"}).style("width",function(){return o.w*s.cellWidth-s.gutter()+"px"}).style("height",function(){return o.h*s.cellHeight-s.gutter()+"px"}),s.dragItemPos={x:o.x,y:o.y}}).on("drag",function(t){if(!s.designMode())return;const i=e.d3Event();i.sourceEvent.stopPropagation();const o=s.itemsMap[t.id()],l=[Math.max(0,Math.round(i.x/s.cellWidth)),Math.max(0,Math.round(i.y/s.cellHeight))],n={w:Math.max(1,l[0]-o.x+1),h:Math.max(1,l[1]-o.y+1)};o.w===n.w&&o.h===n.h||("none"!==s.snapping()?(s.resetItemsPos(),s.gridList.resizeItem(o,n)):(o.w=n.w,o.h=n.h),t.gridColSpan()===o.w&&t.gridRowSpan()===o.h||(s.items.forEach(s.gridItemToCell),s.updateGrid(o.id,100))),s.dragItem.style("width",function(){return(1-o.x)*s.cellWidth+i.x-s.gutter()+"px"}).style("height",function(){return(1-o.y)*s.cellHeight+i.y-s.gutter()+"px"})}).on("end",function(){s.designMode()&&(e.d3Event().sourceEvent.stopPropagation(),s.dragItem.remove(),s.dragItem=null,s.killGridList())})}updateGrid(t,e=0,i=!1){e=e||0;const s=this;this.divItems.classed("draggable",this.designMode()).transition().duration(e).style("left",function(t){return t.gridCol()*s.cellWidth+s.gutter()/2+"px"}).style("top",function(t){return t.gridRow()*s.cellHeight+s.gutter()/2+"px"}).style("width",function(t){return t.gridColSpan()*s.cellWidth-s.gutter()+"px"}).style("height",function(t){return t.gridRowSpan()*s.cellHeight-s.gutter()+"px"}).on("end",function(e){e.surfaceShadow_default(s.surfaceShadow()).surfacePadding_default(s.surfacePadding()).surfaceBorderWidth_default(s.surfaceBorderWidth()).surfaceBackgroundColor_default(s.surfaceBackgroundColor()),!0!==t&&t!==e.id()||e.resize().lazyRender()})}update(t,i){super.update(t,i),this._placeholderElement.style("overflow-x","width"===this.fitTo()?"hidden":null),this._placeholderElement.style("overflow-y","width"===this.fitTo()?"scroll":null);const s=this.getDimensions(),o=this.width()-("width"===this.fitTo()?this._scrollBarWidth:0);if(this.cellWidth=o/s.width,this.cellHeight="all"===this.fitTo()?this.height()/s.height:this.cellWidth,this.designMode()){const t=Math.min(this.width()/this.snappingColumns(),this.height()/this.snappingRows()),e=Math.floor(t);this.cellWidth=e,this.cellHeight=this.cellWidth}const l=this,n=i.selectAll("#"+this.id()+" > .ddCell").data(this.content(),function(t){return t.id()});this.divItems=n.enter().append("div").attr("class","ddCell").each(function(t){t.target(this),t.__grid_watch=t.monitor(function(e,i,s){!l._renderCount||"snapping"!==e&&0!==e.indexOf("grid")||i===s||l.gridList||(l.initGridList(),"none"!==l.snapping()&&l.gridList.resizeGrid("horizontal"===l.snapping()?l.snappingRows():l.snappingColumns()),l.items.forEach(l.gridItemToCell),l.updateGrid(t.id(),100),l.killGridList())});e.select(this).append("div").attr("class","resizeHandle").call(l._d3DragResize).append("div").attr("class","resizeHandleDisplay")}).merge(n),this.divItems.each(function(t){const i=e.select(this);l.designMode()?i.call(l._d3Drag):i.on("mousedown.drag",null).on("touchstart.drag",null)}),this.divItems.select(".resizeHandle").style("display",this.designMode()?null:"none"),this.updateGrid(!0),n.exit().each(function(t){t.target(null),t.__grid_watch&&t.__grid_watch.remove()}).remove();const r=i.selectAll("#"+this.id()+" > .laneBackground").data(this.designMode()?[""]:[]);r.enter().insert("div",":first-child").attr("class","laneBackground").style("left","1px").style("top","1px").on("click",function(){l.selectionBagClear()}).merge(r).style("width",this.snappingColumns()*this.cellWidth+"px").style("height",this.snappingRows()*this.cellHeight+"px"),r.exit().each(function(){l.selectionBagClear()}).remove();const h=i.selectAll("#"+this.id()+" > .lane").data(this.designMode()?[""]:[]);h.enter().append("div").attr("class","lane").style("left","1px").style("top","1px"),h.style("display",this.showLanes()?null:"none").style("width",this.snappingColumns()*this.cellWidth+"px").style("height",this.snappingRows()*this.cellHeight+"px").style("background-image","linear-gradient(to right, grey 1px, transparent 1px), linear-gradient(to bottom, grey 1px, transparent 1px)").style("background-size",this.cellWidth+"px "+this.cellHeight+"px"),h.exit().remove()}exit(t,e){this.content().forEach(t=>t.target(null)),super.exit(t,e)}_createSelectionObject(t){return{_id:t._id,element:l(()=>t._element,"element"),widget:t}}selection(t){return arguments.length?(this._selectionBag.set(t.map(function(t){return this._createSelectionObject(t)},this)),this):this._selectionBag.get().map(function(t){return t._id})}selectionBagClear(){this._selectionBag.isEmpty()||(this._selectionBag.clear(),this.postSelectionChange())}selectionBagClick(t){if(null!==t){const i=this._createSelectionObject(t);if(e.d3Event().sourceEvent.ctrlKey)this._selectionBag.isSelected(i)?(this._selectionBag.remove(i),this.postSelectionChange()):(this._selectionBag.append(i),this.postSelectionChange());else{const t=this._selectionBag.get();1===t.length&&t[0]._id===i._id?this.selectionBagClear():this._selectionBag.set([i]),this.postSelectionChange()}}}postSelectionChange(){}applyLayout(t){this.divItems.each((e,i)=>{if(t[i]){const[s,o,l,n]=t[i];e.gridCol(s).gridRow(o).gridColSpan(l).gridRowSpan(n)}}),this.updateGrid(!0)}vizActivation(t){}};l(Ct,"Grid");let Tt=Ct;Tt.prototype._class+=" layout_Grid",Tt.prototype.publish("designMode",!1,"boolean","Design Mode",null,{tags:["Basic"]}),Tt.prototype.publish("showLanes",!0,"boolean","Show snapping lanes when in design mode",null,{tags:["Basic"],disable:l(t=>!t.designMode(),"disable")}),Tt.prototype.publish("fitTo","all","set","Sizing Strategy",["all","width"],{tags:["Basic"]}),Tt.prototype.publish("snapping","vertical","set","Snapping Strategy",["vertical","horizontal","none"]),Tt.prototype.publish("snappingColumns",12,"number","Snapping Columns"),Tt.prototype.publish("snappingRows",16,"number","Snapping Rows"),Tt.prototype.publish("gutter",6,"number","Gap Between Widgets",null,{tags:["Basic"]}),Tt.prototype.publish("surfaceShadow",!0,"boolean","3D Shadow"),Tt.prototype.publish("surfacePadding",null,"string","Cell Padding (px)",null,{tags:["Intermediate"]}),Tt.prototype.publish("surfaceBorderWidth",1,"number","Width (px) of Cell Border",null,{tags:["Intermediate"]}),Tt.prototype.publish("surfaceBackgroundColor",null,"html-color","Surface Background Color",null,{tags:["Advanced"]}),Tt.prototype.publish("content",[],"widgetArray","widgets",null,{tags:["Basic"],render:!1});const Pt=class _HorizontalList extends yt{constructor(){super(),this.orientation_default("horizontal"),this.flexWrap_default("nowrap")}};l(Pt,"HorizontalList");let zt=Pt;zt.prototype._class+=" layout_HorizontalList";const Wt=class _Layered extends e.HTMLWidget{constructor(){super(),n(this,"_contentContainer"),n(this,"_widgetPlacements"),n(this,"_widgetRatios"),this._tag="div",this._widgetPlacements=[],this._widgetRatios=[]}addLayer(t,i="default",s=1,o=1){const l=this.widgets();return l.push(t||(new e.Text).text("No widget defined for layer.")),this.widgets(l),this._widgetPlacements.push(i),this._widgetRatios.push([s,o]),this}enter(t,e){super.enter(t,e),this._contentContainer=e.append("div").attr("class","container")}update(t,e){super.update(t,e);const i=this;e.style("padding",this.surfacePadding()+"px");const s=this._contentContainer.selectAll(".content.id"+this.id()).data(this.widgets(),function(t){return t.id()});s.enter().append("div").attr("class","content id"+this.id()).each(function(t,e){t.target(this)}).merge(s).each(function(t,e){const s={width:i.clientWidth(),height:i.clientHeight()},o=i.widgetSize(e,s),l=i.widgetPosition(e,s,o);this.style.top=l.y+"px",this.style.left=l.x+"px",t.resize(o).render()}),s.exit().each(function(t,e){t.target(null)}).remove(),s.order()}widgetSize(t,e){return this._widgetPlacements[t],{width:e.width*this._widgetRatios[t][0],height:e.height*this._widgetRatios[t][1]}}widgetPosition(t,e,i){switch(this._widgetPlacements[t]){default:return{x:0,y:0};case"top":return{x:e.width/2-i.width/2,y:0};case"bottom":return{x:e.width/2-i.width/2,y:e.height-i.height};case"left":return{x:0,y:e.height/2-i.height/2};case"right":return{x:e.width-i.width,y:e.height/2-i.height/2};case"center":return{x:e.width/2-i.width/2,y:e.height/2-i.height/2}}}};l(Wt,"Layered");let Bt=Wt;Bt.prototype._class+=" layout_Layered",Bt.prototype.publish("surfacePadding",0,"number","Padding"),Bt.prototype.publish("widgets",[],"widgetArray","widgets",null,{tags:["Private"]});const It=class _Popup extends e.HTMLWidget{constructor(){super(),n(this,"_surfaceButtons"),n(this,"_originalPosition"),this._tag="div",this._surfaceButtons=[]}updateState(t){t=t||!this.popupState(),this.popupState(t).render()}enter(t,e){super.enter(t,e),this.widget().target(t),this._originalPosition=this.position()}update(t,e){super.update(t,e),e.style("visibility",this.popupState()?null:"hidden").style("opacity",this.popupState()?null:0).style("width",this.shrinkWrap()?this.widget().width()+"px":this._size.width+"px").style("height",this.shrinkWrap()?this.widget().height()+"px":this._size.height+"px"),0===this.widget().size().height&&this.widget().resize(this.size())}postUpdate(t,e){let i,s;switch(this.centerPopup()){case"container":this._placeholderElement&&(i=parseInt(this._placeholderElement.style("width"))/2-this.widget().width()/2,s=parseInt(this._placeholderElement.style("height"))/2-this.widget().height()/2),this.position("absolute");break;case"window":i=window.innerWidth/2-this.widget().width()/2,s=window.innerHeight/2-this.widget().height()/2,this.position("fixed");break;default:i=0,s=0,this.position(this._originalPosition)}this.pos({x:i,y:s}),super.postUpdate(t,e),e.style("position",this.position()).style("left",this.left()+"px").style("right",this.right()+"px").style("top",this.top()+"px").style("bottom",this.bottom()+"px")}exit(t,e){this.widget()&&this.widget().target(null),super.exit(t,e)}click(t){}};l(It,"Popup");let At=It;At.prototype._class+=" layout_Popup",At.prototype.publish("popupState",!1,"boolean","State of the popup, visible (true) or hidden (false)",null,{}),At.prototype.publish("shrinkWrap",!1,"boolean","The popup parent container either shrinks to the size of its contents (true) or expands to fit thge popup's parentDiv (false)",null,{}),At.prototype.publish("centerPopup","none","set","Center the widget in its container element (target) or in the window",["none","container","window"],{}),At.prototype.publish("top",null,"number","Top position property of popup",null,{}),At.prototype.publish("bottom",null,"number","Bottom position property of popup",null,{}),At.prototype.publish("left",null,"number","Left position property of popup",null,{}),At.prototype.publish("right",null,"number","Right position property of popup",null,{}),At.prototype.publish("position","relative","set","Value of the 'position' property",["absolute","relative","fixed","static","initial","inherit"],{tags:["Private"]}),At.prototype.publish("widget",null,"widget","Widget",null,{tags:["Private"]});const Ht=class _Tabbed extends e.HTMLWidget{constructor(){super(),n(this,"_tabContainer"),n(this,"_contentContainer"),this._tag="div"}clearTabs(){return this.labels([]),this.widgets([]),this}addTab(t,i,s,o){const l=t.size();0===l.width&&0===l.height&&t.size({width:"100%",height:"100%"});const n=this.labels(),r=this.widgets();s&&this.activeTabIdx(this.widgets().length),n.push(i);const h=(new u).widget(t||(new e.Text).text("No widget defined for tab"));return r.push(h),this.labels(n),this.widgets(r),o&&o(h),this}widgetSize(t){const e=this.clientWidth();let i=this.clientHeight();const s=this._tabContainer.node().getBoundingClientRect();return void 0!==s.height&&(i-=s.height),{width:e,height:i}}enter(t,e){super.enter(t,e),this._tabContainer=e.append("div"),this._contentContainer=e.append("div")}update(t,i){super.update(t,i);const s=this;i.style("padding",this.surfacePadding_exists()?this.surfacePadding()+"px":null);const o=this._tabContainer.selectAll(".tab-button.id"+this.id()).data(this.showTabs()?this.labels():[],function(t){return t});o.enter().append("span").attr("class","tab-button id"+this.id()).style("cursor","pointer").on("click",function(t,e){s.click(s.widgets()[e].widget(),t,e),s.activeTabIdx(e).render()}).merge(o).classed("active",function(t,e){return s.activeTabIdx()===e}).text(function(t){return t}),o.exit().remove();const l=this._contentContainer.selectAll(".tab-content.id"+this.id()).data(this.widgets(),function(t){return t.id()});if(l.enter().append("div").attr("class","tab-content id"+this.id()).each(function(t,e){t.target(this)}).merge(l).classed("active",function(t,e){return s.activeTabIdx()===e}).style("display",function(t,e){return s.activeTabIdx()===e?"block":"none"}).each(function(t,i){if(t.visible(s.activeTabIdx()===i),s.activeTabIdx()===i){const i=s.widgetSize(e.select(this));t.surfaceBorderWidth(s.showTabs()?null:0).surfacePadding(s.showTabs()?null:0).resize(i)}}),l.exit().each(function(t,e){t.target(null)}).remove(),"bottom"===this.tabLocation())this._tabContainer.attr("class","on_bottom").style("top",this._contentContainer.node().offsetHeight+this.surfacePadding()+"px").style("position","absolute"),this._contentContainer.style("top",this.surfacePadding_exists()?this.surfacePadding()+"px":null).style("position","absolute");else this._tabContainer.attr("class","on_top").style("top",null).style("position","relative"),this._contentContainer.style("top",this._tabContainer.node().offsetHeight+this.surfacePadding()+"px").style("position","absolute")}click(t,e,i){}};l(Ht,"Tabbed");let Mt=Ht;Mt.prototype._class+=" layout_Tabbed",Mt.prototype.publish("showTabs",!0,"boolean","Show Tabs",null,{}),Mt.prototype.publish("surfacePadding",4,"number","Padding"),Mt.prototype.publish("activeTabIdx",0,"number","Index of active tab",null,{}),Mt.prototype.publish("labels",[],"array","Array of tab labels sharing an index with ",null,{tags:["Private"]}),Mt.prototype.publish("tabLocation","top","set","Position the tabs at the bottom of the widget",["top","bottom"],{tags:["Private"]}),Mt.prototype.publish("widgets",[],"widgetArray","widgets",null,{tags:["Private"]});const Ft=class _Toolbar extends e.HTMLWidget{constructor(){super(),this._tag="div"}enter(t,e){super.enter(t,e)}update(t,i){super.update(t,i);const s=this;i.attr("title",s.title()).style("background-color",this.backgroundColor());const o=i.selectAll("div.toolbar-title").data(this.title()?[this.title()]:[]);o.enter().append("div").classed("toolbar-title",!0).append("span"),o.selectAll("div.toolbar-title > span").style("font-size",this.fontSize_exists()?this.fontSize()+"px":null).style("color",this.fontColor_exists()?this.fontColor():null).style("font-family",this.fontFamily_exists()?this.fontFamily():null).style("font-weight",this.fontBold_exists()?this.fontBold()?"bold":"normal":null).style("background-color",this.backgroundColor_exists()?this.backgroundColor():null).text(s.title()),o.exit().remove();const l=i.selectAll("div.toolbar-child").data(null!==this.widgets()?this.widgets():[],function(t){return t.id()});l.enter().insert("div","div.toolbar-title").each(function(t,i){const o=s.widgetClasses()[i]?s.widgetClasses()[i]+" toolbar-child":"toolbar-child";e.select(this).classed(o,!0),t.target(this)}),l.exit().each(function(t){t.target(null)}).remove(),l.order()}render(t){const e=this;return super.render(function(i){const s=e.element().node().getBoundingClientRect();let o=s.left+s.width;e.element().selectAll("div.toolbar-child").each(function(t,e){const i=this.getBoundingClientRect();o>i.left&&(o=i.left)}),e.element().select(".toolbar-title").style("width",o-s.left-4+"px"),t&&t(i)})}exit(t,e){this.widgets().forEach(function(t){t.target(null)}),super.exit(t,e)}};l(Ft,"Toolbar");let kt=Ft;kt.prototype._class+=" layout_Toolbar",kt.prototype.publish("title","","string","Title",null,{tags:["Intermediate"]}),kt.prototype.publish("fontSize",null,"number","Title Font Size (px)",null,{tags:["Advanced"],optional:!0}),kt.prototype.publish("fontColor",null,"html-color","Title Font Color",null,{tags:["Advanced"],optional:!0}),kt.prototype.publish("fontFamily",null,"string","Title Font Family",null,{tags:["Advanced"],optional:!0}),kt.prototype.publish("fontBold",!0,"boolean","Enable Bold Title Font",null,{tags:["Advanced"],optional:!0}),kt.prototype.publish("backgroundColor",null,"html-color","Background Color",null,{tags:["Intermediate"],optional:!0}),kt.prototype.publish("responsive",!0,"boolean","Adapts to pixel width",null,{tags:["Basic"]}),kt.prototype.publish("widgets",[],"widgetArray","Child widgets of the toolbar",null,{tags:["Basic"]}),kt.prototype.publish("widgetClasses",[],"array","Array of Html Element classes to be assigned to the child widgets (shares index with widgets param)",null,{tags:["Basic"]});const Ot=class _VerticalList extends yt{constructor(){super(),this.orientation_default("vertical"),this.flexWrap_default("nowrap")}};l(Ot,"VerticalList");let Lt=Ot;Lt.prototype._class+=" layout_VerticalList",t.AbsoluteSurface=a,t.Accordion=p,t.BUILD_VERSION="3.2.1",t.Border=y,t.Border2=v,t.Carousel=S,t.Cell=f,t.ChartPanel=ft,t.FlexGrid=yt,t.Grid=Tt,t.HorizontalList=zt,t.Layered=Bt,t.Legend=pt,t.Modal=ut,t.PKG_NAME="@hpcc-js/layout",t.PKG_VERSION="3.1.1",t.Popup=At,t.Surface=u,t.Tabbed=Mt,t.Toolbar=kt,t.VerticalList=Lt,t.WidgetDiv=w,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});
|
|
7
2
|
//# sourceMappingURL=index.umd.cjs.map
|
|
8
|
-
(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode('.layout_AbsoluteSurface{pointer-events:none!important}.layout_AbsoluteSurface>.placeholder{position:relative;overflow:hidden;pointer-events:all}.layout_Accordion>ul{position:relative}.layout_Accordion.open>span{font-style:italic}.layout_Accordion.closed>ul{height:0px;overflow:hidden}.layout_Accordion.open>ul{display:block}.layout_Accordion>.collapsible-icon,.layout_Accordion>.collapsible-title{cursor:pointer;box-sizing:border-box}.layout_Accordion>.collapsible-title{display:block;width:100%}.layout_Accordion>.collapsible-title{font-size:13px;color:#fff;padding:4px 8px;height:26px;-webkit-box-shadow:inset 0px -1px 1px 0px rgba(0,0,0,.2);-moz-box-shadow:inset 0px -1px 1px 0px rgba(0,0,0,.2);box-shadow:inset 0 -1px 1px #0003}.layout_Accordion li{background-color:#fff}.layout_Accordion>ul,.layout_Accordion>.collapsible-title{background-color:#333}.layout_Accordion .layout_Accordion>ul,.layout_Accordion .layout_Accordion>.collapsible-title{background-color:#555}.layout_Accordion .layout_Accordion .layout_Accordion>ul,.layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title{background-color:#777}.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul,.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title{background-color:#999}.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul,.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title{background-color:#bbb}.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul,.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title{background-color:#ccc}.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul,.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title{background-color:#ddd}.layout_Accordion>ul,.layout_Accordion>span{padding-left:0}.layout_Accordion .layout_Accordion>ul,.layout_Accordion .layout_Accordion>span{padding-left:12px}.layout_Accordion>.collapsible-title:before{padding:4px 8px;position:absolute;left:0;top:0}.layout_Accordion>.collapsible-icon{position:absolute;top:0;right:0;width:24px;height:24px;color:#fff}.layout_Surface{box-sizing:border-box;margin:0;border:1px solid #e5e5e5;overflow:hidden;height:100%;width:100%}.layout_Surface.shadow2{box-shadow:0 2px 2px #00000024,0 3px 1px -2px #0003,0 1px 5px #0000001f}.layout_Surface>h3{margin:0;padding:2px;background-color:#e5e5e5}.layout_Surface .html-button-container{position:absolute;right:0;top:3px}.layout_Surface>div{padding:8px}.layout_Surface .html-button-container .surface-button{margin-right:5px}.layout_Surface .html-button-container .surface-button i{opacity:.8}.layout_Surface .html-button-container .surface-button:hover{opacity:1}.layout_Surface .html-button-container .surface-button:active{opacity:.5}div[draggable=true].hideDragCellContent.content-icon:before{content:"";font-family:FontAwesome;position:absolute;top:calc(50% - 74px);left:calc(50% - 56px);font-size:100px}div[draggable=true].hideDragCellContent.content-icon-Line:before{content:""}div[draggable=true].hideDragCellContent.content-icon-Pie:before{top:calc(50% - 72px);left:calc(50% - 45px);content:""}div[draggable=true].hideDragCellContent.content-icon-Area:before{content:""}div[draggable=true].hideDragCellContent.content-icon-Gauge:before{content:""}div[draggable=true].hideDragCellContent.content-icon-Table:before{content:""}div[draggable=true].hideDragCellContent.content-icon-Form:before{content:""}div[draggable=true].hideDragCellContent.content-icon-Grid:before,div[draggable=true].hideDragCellContent.content-icon-Graph:before,div[draggable=true].hideDragCellContent.content-icon-Border:before,div[draggable=true].hideDragCellContent.content-icon-Tabbed:before,div[draggable=true].hideDragCellContent.content-icon-Accordion:before,div[draggable=true].hideDragCellContent.content-icon-MultiChart:before,div[draggable=true].hideDragCellContent.content-icon-MultiChartSurface:before{content:""}div[draggable=true].hideDragCellContent.content-icon-ChoroplethStates:before,div[draggable=true].hideDragCellContent.content-icon-ChoroplethStatesHeat:before,div[draggable=true].hideDragCellContent.content-icon-ChoroplethCounties:before,div[draggable=true].hideDragCellContent.content-icon-ChoroplethCountries:before,div[draggable=true].hideDragCellContent.content-icon-GMap:before,div[draggable=true].hideDragCellContent.content-icon-GMapHeat:before,div[draggable=true].hideDragCellContent.content-icon-GMapGraph:before{content:""}div[draggable=true].hideDragCellContent.content-icon-Text:before,div[draggable=true].hideDragCellContent.content-icon-TextBox:before,div[draggable=true].hideDragCellContent.content-icon-FAChar:before{content:""}.layout_Cell .update-indicator{box-sizing:border-box;position:absolute;top:0;left:0;padding:0;z-index:1000;border-width:0px;border-style:solid;pointer-events:none}.layout_Border{width:100%;height:100%}.layout_Border>.border-content{width:100%;height:100%;position:relative}.layout_Border>.borderHandle{width:6px;height:6px;background-color:#444;opacity:.3;position:absolute;visibility:hidden}.layout_Border.design-mode>.borderHandle{visibility:visible}.layout_Border>.borderHandle:hover{background-color:#666}.layout_Border>.borderHandle.borderHandleDisabled{display:none}.layout_Border>.borderHandle_top,.layout_Border>.borderHandle_bottom{cursor:ns-resize}.layout_Border>.borderHandle_left,.layout_Border>.borderHandle_right{cursor:ew-resize}.layout_Border .cell{border-radius:5px;border:1px solid #e5e5e5;display:inline-block;overflow:hidden}.layout_Border .cell h2{margin:0;padding-top:4px;-webkit-margin:0px;text-align:center}.layout_Border .layout_BorderCell.over{border:2px dashed #000}.layout_Border .dragItem{z-index:-1;opacity:.33}.layout_Border .notDragItem{z-index:-1;opacity:1}.layout_Border div[draggable=true]{opacity:.75;cursor:default}.layout_Border div[draggable=true] .dragHandle{opacity:1}.layout_Border div[draggable=true] .dragHandle_n,.layout_Border div[draggable=true] .dragHandle_e,.layout_Border div[draggable=true] .dragHandle_s,.layout_Border div[draggable=true] .dragHandle_w{background-color:#aaa}.layout_Border div[draggable=true] .dragHandle_nw,.layout_Border div[draggable=true] .dragHandle_ne,.layout_Border div[draggable=true] .dragHandle_se,.layout_Border div[draggable=true] .dragHandle_sw{background-color:#333}.layout_Border div[draggable=true] .dragHandle_nw{cursor:nw-resize}.layout_Border div[draggable=true] .dragHandle_n{cursor:n-resize}.layout_Border div[draggable=true] .dragHandle_ne{cursor:ne-resize}.layout_Border div[draggable=true] .dragHandle_e{cursor:e-resize}.layout_Border div[draggable=true] .dragHandle_se{cursor:se-resize}.layout_Border div[draggable=true] .dragHandle_s{cursor:s-resize}.layout_Border div[draggable=true] .dragHandle_sw{cursor:sw-resize}.layout_Border div[draggable=true] .dragHandle_w{cursor:w-resize}.layout_Border div[draggable=false]>div>.dragHandle{display:none}.layout_Border .grid-drop-target{position:fixed;box-sizing:border-box;border:2px dashed #7f8c8d;border-radius:0;background:repeating-linear-gradient(-45deg,#0000,#0000 4px,#6464641a 4px,#6464641a 8px)}.layout_Border .grid-drop-target.drop-target-over{border:2px dashed #179BD7;background:repeating-linear-gradient(-45deg,#0000,#0000 6px,#119bd71a 6px,#119bd71a 12px)}.layout_Border2{display:flex;flex-direction:column}.layout_Border2>.body{margin:0;padding:0;display:flex;flex-flow:row}.layout_Border2>.body>.center{flex:1}.layout_Border2>.header{display:block}.layout_Border2>.footer{display:block}.layout_Carousel>div{position:relative;overflow:hidden}.layout_Carousel>div>.carouselItem{position:absolute}.layout_Modal-header{background-color:#3f51b5;overflow:hidden}.layout_Modal-body{background-color:#fff;overflow-y:scroll;overflow-x:hidden}.layout_Modal-title,.layout_Modal-annotations{position:absolute}.layout_Modal-closeButton{cursor:pointer}.layout_Modal-closeButton:hover{opacity:.7}.layout_Modal-closeButton:active{opacity:.5}.layout_Modal-fade{position:fixed;background-color:#000;opacity:.5;z-index:10000}.layout_Modal-content{position:fixed;background-color:#fff;z-index:10100}.layout_Modal-fade-hidden{display:none}.layout_Modal-fadeClickable{cursor:pointer}.layout_ChartPanel .series.highlight{stroke-width:2px;opacity:1}.layout_ChartPanel .series.lowlight{opacity:.3!important}.layout_FlexGrid{display:flex}.FlexGrid-list-item{overflow:hidden;border-style:solid;flex-grow:1}.layout_Grid>.ddCell{position:absolute}.layout_Grid>.laneBackground{position:absolute;border-style:solid;border-width:1px;background:#f5f5f5}.layout_Grid>.lane{position:absolute;border-style:none;opacity:.25;border-radius:0;pointer-events:none}.layout_Grid>.ddCell.draggable{border-style:solid;border-width:1px;background-color:#f8f8ff;border-radius:0;cursor:move}.layout_Grid>.ddCell.draggable>.resizeHandle{bottom:0;right:0;width:8px;height:8px;border-style:none;position:absolute;cursor:nwse-resize}.layout_Grid>.ddCell.draggable .resizeHandleDisplay{bottom:2px;right:2px;width:4px;height:4px;border-style:solid;border-left-width:0px;border-top-width:0px;border-right-width:2px;border-bottom-width:2px;border-color:#a9a9a9;background-color:none;position:absolute}.layout_Grid>.ddCell.draggable .resizeHandleDisplay:hover{border-color:orange}.layout_Grid>.dragging{border-style:solid;border-width:1px;border-color:gray;border-radius:0;position:absolute;background:repeating-linear-gradient(-45deg,#0000,#0000 4px,#6464641a 4px,#6464641a 8px)}.layout_Grid>.resizing{border-style:solid;border-width:1px;border-color:gray;background-color:orange;border-radius:0;position:absolute;opacity:.3;background:repeating-linear-gradient(-45deg,#0000,#0000 4px,orange 4px,orange 8px)}.layout_Grid>.ddCell.draggable .common_Widget.selected{border-style:solid;border-width:1px;border-color:red;background-color:gray;border-radius:0;position:absolute;background:repeating-linear-gradient(-45deg,#0000,#0000 4px,#6400001a 4px,#6400001a 8px)}.layout_Grid #drag-me:before{content:"#" attr(id);font-weight:700}.layout_Layered{pointer-events:none}.layout_Layered>.container>.content{position:absolute}.layout_Layered>.container>.content>div>.common_Widget,.layout_Layered>.container>.content>div>svg>.common_Widget{pointer-events:all}.layout_Tabbed .tab-button{position:relative;top:1px;display:inline-block;border-left:1px solid #ddd;border-top:1px solid #ddd;border-right:1px solid #ddd;background-color:transparent;margin-right:4px;padding:2px 2px 4px;background-color:#ccc}.layout_Tabbed .tab-button.active{background-color:#fff;z-index:999}.layout_Tabbed .on_bottom .tab-button{border-bottom:1px solid #ddd;border-top:none;top:-1px}.layout_Toolbar{height:100%;background-color:#ddd;white-space:nowrap;overflow:hidden}.layout_Toolbar .toolbar-title{display:inline-block;position:relative;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);margin-left:4px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layout_Toolbar .toolbar-child{position:relative;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);float:right;margin-left:4px;margin-right:4px;line-height:16px}')),document.head.appendChild(o)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
|
|
3
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode('.layout_AbsoluteSurface{pointer-events:none!important}.layout_AbsoluteSurface>.placeholder{position:relative;overflow:hidden;pointer-events:all}.layout_Accordion>ul{position:relative}.layout_Accordion.open>span{font-style:italic}.layout_Accordion.closed>ul{height:0px;overflow:hidden}.layout_Accordion.open>ul{display:block}.layout_Accordion>.collapsible-icon,.layout_Accordion>.collapsible-title{cursor:pointer;box-sizing:border-box}.layout_Accordion>.collapsible-title{display:block;width:100%}.layout_Accordion>.collapsible-title{font-size:13px;color:#fff;padding:4px 8px;height:26px;-webkit-box-shadow:inset 0px -1px 1px 0px rgba(0,0,0,.2);-moz-box-shadow:inset 0px -1px 1px 0px rgba(0,0,0,.2);box-shadow:inset 0 -1px 1px #0003}.layout_Accordion li{background-color:#fff}.layout_Accordion>ul,.layout_Accordion>.collapsible-title{background-color:#333}.layout_Accordion .layout_Accordion>ul,.layout_Accordion .layout_Accordion>.collapsible-title{background-color:#555}.layout_Accordion .layout_Accordion .layout_Accordion>ul,.layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title{background-color:#777}.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul,.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title{background-color:#999}.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul,.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title{background-color:#bbb}.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul,.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title{background-color:#ccc}.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul,.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title{background-color:#ddd}.layout_Accordion>ul,.layout_Accordion>span{padding-left:0}.layout_Accordion .layout_Accordion>ul,.layout_Accordion .layout_Accordion>span{padding-left:12px}.layout_Accordion>.collapsible-title:before{padding:4px 8px;position:absolute;left:0;top:0}.layout_Accordion>.collapsible-icon{position:absolute;top:0;right:0;width:24px;height:24px;color:#fff}.layout_Surface{box-sizing:border-box;margin:0;border:1px solid #e5e5e5;overflow:hidden;height:100%;width:100%}.layout_Surface.shadow2{box-shadow:0 2px 2px #00000024,0 3px 1px -2px #0003,0 1px 5px #0000001f}.layout_Surface>h3{margin:0;padding:2px;background-color:#e5e5e5}.layout_Surface .html-button-container{position:absolute;right:0;top:3px}.layout_Surface>div{padding:8px}.layout_Surface .html-button-container .surface-button{margin-right:5px}.layout_Surface .html-button-container .surface-button i{opacity:.8}.layout_Surface .html-button-container .surface-button:hover{opacity:1}.layout_Surface .html-button-container .surface-button:active{opacity:.5}div[draggable=true].hideDragCellContent.content-icon:before{content:"";font-family:FontAwesome;position:absolute;top:calc(50% - 74px);left:calc(50% - 56px);font-size:100px}div[draggable=true].hideDragCellContent.content-icon-Line:before{content:""}div[draggable=true].hideDragCellContent.content-icon-Pie:before{top:calc(50% - 72px);left:calc(50% - 45px);content:""}div[draggable=true].hideDragCellContent.content-icon-Area:before{content:""}div[draggable=true].hideDragCellContent.content-icon-Gauge:before{content:""}div[draggable=true].hideDragCellContent.content-icon-Table:before{content:""}div[draggable=true].hideDragCellContent.content-icon-Form:before{content:""}div[draggable=true].hideDragCellContent.content-icon-Grid:before,div[draggable=true].hideDragCellContent.content-icon-Graph:before,div[draggable=true].hideDragCellContent.content-icon-Border:before,div[draggable=true].hideDragCellContent.content-icon-Tabbed:before,div[draggable=true].hideDragCellContent.content-icon-Accordion:before,div[draggable=true].hideDragCellContent.content-icon-MultiChart:before,div[draggable=true].hideDragCellContent.content-icon-MultiChartSurface:before{content:""}div[draggable=true].hideDragCellContent.content-icon-ChoroplethStates:before,div[draggable=true].hideDragCellContent.content-icon-ChoroplethStatesHeat:before,div[draggable=true].hideDragCellContent.content-icon-ChoroplethCounties:before,div[draggable=true].hideDragCellContent.content-icon-ChoroplethCountries:before,div[draggable=true].hideDragCellContent.content-icon-GMap:before,div[draggable=true].hideDragCellContent.content-icon-GMapHeat:before,div[draggable=true].hideDragCellContent.content-icon-GMapGraph:before{content:""}div[draggable=true].hideDragCellContent.content-icon-Text:before,div[draggable=true].hideDragCellContent.content-icon-TextBox:before,div[draggable=true].hideDragCellContent.content-icon-FAChar:before{content:""}.layout_Cell .update-indicator{box-sizing:border-box;position:absolute;top:0;left:0;padding:0;z-index:1000;border-width:0px;border-style:solid;pointer-events:none}.layout_Border{width:100%;height:100%}.layout_Border>.border-content{width:100%;height:100%;position:relative}.layout_Border>.borderHandle{width:6px;height:6px;background-color:#444;opacity:.3;position:absolute;visibility:hidden}.layout_Border.design-mode>.borderHandle{visibility:visible}.layout_Border>.borderHandle:hover{background-color:#666}.layout_Border>.borderHandle.borderHandleDisabled{display:none}.layout_Border>.borderHandle_top,.layout_Border>.borderHandle_bottom{cursor:ns-resize}.layout_Border>.borderHandle_left,.layout_Border>.borderHandle_right{cursor:ew-resize}.layout_Border .cell{border-radius:5px;border:1px solid #e5e5e5;display:inline-block;overflow:hidden}.layout_Border .cell h2{margin:0;padding-top:4px;-webkit-margin:0px;text-align:center}.layout_Border .layout_BorderCell.over{border:2px dashed #000}.layout_Border .dragItem{z-index:-1;opacity:.33}.layout_Border .notDragItem{z-index:-1;opacity:1}.layout_Border div[draggable=true]{opacity:.75;cursor:default}.layout_Border div[draggable=true] .dragHandle{opacity:1}.layout_Border div[draggable=true] .dragHandle_n,.layout_Border div[draggable=true] .dragHandle_e,.layout_Border div[draggable=true] .dragHandle_s,.layout_Border div[draggable=true] .dragHandle_w{background-color:#aaa}.layout_Border div[draggable=true] .dragHandle_nw,.layout_Border div[draggable=true] .dragHandle_ne,.layout_Border div[draggable=true] .dragHandle_se,.layout_Border div[draggable=true] .dragHandle_sw{background-color:#333}.layout_Border div[draggable=true] .dragHandle_nw{cursor:nw-resize}.layout_Border div[draggable=true] .dragHandle_n{cursor:n-resize}.layout_Border div[draggable=true] .dragHandle_ne{cursor:ne-resize}.layout_Border div[draggable=true] .dragHandle_e{cursor:e-resize}.layout_Border div[draggable=true] .dragHandle_se{cursor:se-resize}.layout_Border div[draggable=true] .dragHandle_s{cursor:s-resize}.layout_Border div[draggable=true] .dragHandle_sw{cursor:sw-resize}.layout_Border div[draggable=true] .dragHandle_w{cursor:w-resize}.layout_Border div[draggable=false]>div>.dragHandle{display:none}.layout_Border .grid-drop-target{position:fixed;box-sizing:border-box;border:2px dashed #7f8c8d;border-radius:0;background:repeating-linear-gradient(-45deg,#0000,#0000 4px,#6464641a 4px,#6464641a 8px)}.layout_Border .grid-drop-target.drop-target-over{border:2px dashed #179BD7;background:repeating-linear-gradient(-45deg,#0000,#0000 6px,#119bd71a 6px,#119bd71a 12px)}.layout_Border2{display:flex;flex-direction:column}.layout_Border2>.body{margin:0;padding:0;display:flex;flex-flow:row}.layout_Border2>.body>.center{flex:1}.layout_Border2>.header{display:block}.layout_Border2>.footer{display:block}.layout_Carousel>div{position:relative;overflow:hidden}.layout_Carousel>div>.carouselItem{position:absolute}.layout_Modal-header{background-color:#3f51b5;overflow:hidden}.layout_Modal-body{background-color:#fff;overflow-y:scroll;overflow-x:hidden}.layout_Modal-title,.layout_Modal-annotations{position:absolute}.layout_Modal-closeButton{cursor:pointer}.layout_Modal-closeButton:hover{opacity:.7}.layout_Modal-closeButton:active{opacity:.5}.layout_Modal-fade{position:fixed;background-color:#000;opacity:.5;z-index:10000}.layout_Modal-content{position:fixed;background-color:#fff;z-index:10100}.layout_Modal-fade-hidden{display:none}.layout_Modal-fadeClickable{cursor:pointer}.layout_ChartPanel .series.highlight{stroke-width:2px;opacity:1}.layout_ChartPanel .series.lowlight{opacity:.3!important}.layout_FlexGrid{display:flex}.FlexGrid-list-item{overflow:hidden;border-style:solid;flex-grow:1}.layout_Grid>.ddCell{position:absolute}.layout_Grid>.laneBackground{position:absolute;border-style:solid;border-width:1px;background:#f5f5f5}.layout_Grid>.lane{position:absolute;border-style:none;opacity:.25;border-radius:0;pointer-events:none}.layout_Grid>.ddCell.draggable{border-style:solid;border-width:1px;background-color:#f8f8ff;border-radius:0;cursor:move}.layout_Grid>.ddCell.draggable>.resizeHandle{bottom:0;right:0;width:8px;height:8px;border-style:none;position:absolute;cursor:nwse-resize}.layout_Grid>.ddCell.draggable .resizeHandleDisplay{bottom:2px;right:2px;width:4px;height:4px;border-style:solid;border-left-width:0px;border-top-width:0px;border-right-width:2px;border-bottom-width:2px;border-color:#a9a9a9;background-color:none;position:absolute}.layout_Grid>.ddCell.draggable .resizeHandleDisplay:hover{border-color:orange}.layout_Grid>.dragging{border-style:solid;border-width:1px;border-color:gray;border-radius:0;position:absolute;background:repeating-linear-gradient(-45deg,#0000,#0000 4px,#6464641a 4px,#6464641a 8px)}.layout_Grid>.resizing{border-style:solid;border-width:1px;border-color:gray;background-color:orange;border-radius:0;position:absolute;opacity:.3;background:repeating-linear-gradient(-45deg,#0000,#0000 4px,orange 4px,orange 8px)}.layout_Grid>.ddCell.draggable .common_Widget.selected{border-style:solid;border-width:1px;border-color:red;background-color:gray;border-radius:0;position:absolute;background:repeating-linear-gradient(-45deg,#0000,#0000 4px,#6400001a 4px,#6400001a 8px)}.layout_Grid #drag-me:before{content:"#" attr(id);font-weight:700}.layout_Layered{pointer-events:none}.layout_Layered>.container>.content{position:absolute}.layout_Layered>.container>.content>div>.common_Widget,.layout_Layered>.container>.content>div>svg>.common_Widget{pointer-events:all}.layout_Tabbed .tab-button{position:relative;top:1px;display:inline-block;border-left:1px solid #ddd;border-top:1px solid #ddd;border-right:1px solid #ddd;background-color:transparent;margin-right:4px;padding:2px 2px 4px;background-color:#ccc}.layout_Tabbed .tab-button.active{background-color:#fff;z-index:999}.layout_Tabbed .on_bottom .tab-button{border-bottom:1px solid #ddd;border-top:none;top:-1px}.layout_Toolbar{height:100%;background-color:#ddd;white-space:nowrap;overflow:hidden}.layout_Toolbar .toolbar-title{display:inline-block;position:relative;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);margin-left:4px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layout_Toolbar .toolbar-child{position:relative;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);float:right;margin-left:4px;margin-right:4px;line-height:16px}')),document.head.appendChild(o)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
|