npm - @hpcc-js/html - Versions diffs - 3.3.6 → 3.3.9 - Mend

@hpcc-js/html 3.3.6 → 3.3.9

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.

Files changed (19) hide show

package/dist/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../src/__package__.ts","../src/HTMLTooltip.ts","../src/SimpleTable.ts","../src/StyledTable.ts","../src/BreakdownTable.ts","../src/JSXWidget.ts","../src/reactD3.ts","../../../node_modules/preact/dist/preact.module.js","../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js","../src/VizComponent.tsx","../src/VizInstance.tsx","../src/StatsTable.ts","../src/TitleBar.ts"],"sourcesContent":["export const PKG_NAME = \"__PACKAGE_NAME__\";\nexport const PKG_VERSION = \"__PACKAGE_VERSION__\";\nexport const BUILD_VERSION = \"__BUILD_VERSION__\";\n","import { HTMLWidget, select as d3Select } from \"@hpcc-js/common\";\nimport { scopedLogger, ScopedLogging } from \"@hpcc-js/util\";\n\ntype Direction = \"n\" \| \"s\" \| \"e\" \| \"w\" \| \"ne\" \| \"nw\" \| \"se\" \| \"sw\";\ntype Position = { x: number, y: number };\ntype DirectionalBBox = { [key in Direction]: Position; };\n\ntype Rectangle = { top: number, left: number, width: number, height: number };\nexport class HTMLTooltip extends HTMLWidget {\n\n public _triggerElement;\n public _contentNode;\n protected _prevContentNode;\n\n protected _tooltipElement;\n protected _arrowElement;\n protected _tooltipHTMLCallback = (data?) => \"<b>_tooltipHTMLCallback is undefined</b>\";\n protected _logger: ScopedLogging = scopedLogger(\"html/HTMLTooltip\");\n constructor() {\n super();\n this.visible(false);\n }\n\n tooltipHTML(_: (data?) => string): this {\n this._tooltipHTMLCallback = _;\n return this;\n }\n\n tooltipContent(_): this {\n if (!arguments.length) return this._contentNode;\n this._contentNode = _;\n return this;\n }\n\n triggerElement(_): this {\n this._triggerElement = _;\n return this;\n }\n\n enter(domNode, element) {\n super.enter(domNode, element);\n const body = d3Select(\"body\");\n this._tooltipElement = body.append(\"div\")\n .attr(\"class\", \"tooltip-div\")\n .style(\"z-index\", \"2147483638\")\n .style(\"position\", \"fixed\")\n ;\n this._arrowElement = body.append(\"div\")\n .attr(\"class\", \"arrow-div\")\n .style(\"z-index\", \"2147483638\")\n .style(\"position\", \"fixed\")\n ;\n }\n\n update(domNode, element) {\n super.update(domNode, element);\n\n if (this._contentNode !== this._prevContentNode) {\n const node = this._tooltipElement.node();\n [...node.querySelectorAll(\"\")]\n .map(n => n.__data__)\n .filter(n => n)\n .forEach(w => {\n if (typeof w.target === \"function\") {\n w.target(null);\n }\n if (typeof w.exit === \"function\") {\n w.exit();\n }\n });\n node.innerHTML = \"\";\n node.appendChild(this._contentNode);\n this._prevContentNode = this._contentNode;\n }\n\n if (this._contentNode) {\n this.onShowContent(this._contentNode);\n } else {\n this._tooltipElement\n .html(() => {\n return this._tooltipHTMLCallback(this.data());\n });\n }\n if (this.fitContent()) {\n this._tooltipElement\n .style(\"width\", \"auto\")\n .style(\"height\", \"auto\")\n .style(\"padding\", \"0px\")\n .style(\"box-sizing\", \"content-box\")\n ;\n const rect = this._tooltipElement.node().getBoundingClientRect();\n this.tooltipWidth_default(rect.width);\n this.tooltipHeight_default(rect.height);\n }\n this._closing = false;\n this._tooltipElement\n .style(\"background-color\", this.tooltipColor())\n .style(\"color\", this.fontColor())\n .style(\"width\", this.tooltipWidth() + \"px\")\n .style(\"height\", this.tooltipHeight() + \"px\")\n .style(\"opacity\", 1)\n .style(\"padding\", this.padding() + \"px\")\n .style(\"pointer-events\", this.enablePointerEvents() ? \"all\" : \"none\")\n .style(\"box-sizing\", \"content-box\")\n ;\n this._arrowElement\n .style(\"opacity\", 1)\n .style(\"pointer-events\", \"none\")\n ;\n this.updateTooltipPosition();\n }\n\n onShowContent(node) {\n\n }\n\n protected updateTooltipPosition(): Position {\n const bbox = this.calcReferenceBBox();\n const direction = this.calcTooltipDirection(bbox);\n const box = bbox[direction];\n this._tooltipElement\n .style(\"top\", box.y + \"px\")\n .style(\"left\", box.x + \"px\")\n ;\n this.setArrowPosition(box, direction);\n return box;\n }\n\n protected calcTooltipDirection(bbox: DirectionalBBox): Direction {\n const directions: Direction[] = Object.keys(bbox) as Direction[];\n\n const defaultDirection = this.direction();\n directions.sort((a, b) => a === defaultDirection ? -1 : 1);\n const windowRect = {\n top: 0,\n left: 0,\n width: window.innerWidth,\n height: window.innerHeight\n };\n for (let i = 0; i < directions.length; i++) {\n const tooltipRect = {\n top: bbox[directions[i]].y,\n left: bbox[directions[i]].x,\n width: this.tooltipWidth(),\n height: this.tooltipHeight()\n };\n if (this.rectFits(tooltipRect, windowRect)) {\n return directions[i];\n }\n }\n this._logger.warning(`Tooltip doesn't fit in the window for any of the directions. Defaulting to '${defaultDirection}'`);\n this._logger.debug(windowRect);\n this._logger.debug({\n top: bbox[defaultDirection].y,\n left: bbox[defaultDirection].x,\n width: this.tooltipWidth(),\n height: this.tooltipHeight()\n });\n return defaultDirection;\n }\n\n protected rectFits(innerRect: Rectangle, outerRect: Rectangle): boolean {\n return (\n innerRect.top >= outerRect.top &&\n innerRect.left >= outerRect.left &&\n innerRect.width + innerRect.left <= outerRect.width + outerRect.left &&\n innerRect.height + innerRect.top <= outerRect.height + outerRect.top\n );\n }\n\n protected setArrowPosition(point: Position, direction: Direction) {\n let top;\n let left;\n let visibleBorderStyle = \"border-top-color\";\n this._arrowElement\n .style(\"border\", `${this.arrowHeight()}px solid ${this.tooltipColor()}`)\n .style(\"border-top-color\", \"transparent\")\n .style(\"border-right-color\", \"transparent\")\n .style(\"border-bottom-color\", \"transparent\")\n .style(\"border-left-color\", \"transparent\")\n ;\n switch (direction) {\n case \"n\":\n top = point.y + this.tooltipHeight() + (this.padding() 2);\n left = point.x + (this.tooltipWidth() / 2) - (this.arrowWidth() / 2) + this.padding();\n visibleBorderStyle = \"border-top-color\";\n this._arrowElement\n .style(\"border-top-width\", `${this.arrowHeight()}px`)\n .style(\"border-bottom-width\", \"0px\")\n .style(\"border-left-width\", `${this.arrowWidth() / 2}px`)\n .style(\"border-right-width\", `${this.arrowWidth() / 2}px`)\n ;\n break;\n case \"s\":\n top = point.y - this.arrowHeight();\n left = point.x + this.padding() + (this.tooltipWidth() / 2) - (this.arrowWidth() / 2);\n visibleBorderStyle = \"border-bottom-color\";\n this._arrowElement\n .style(\"border-top-width\", \"0px\")\n .style(\"border-bottom-width\", `${this.arrowHeight()}px`)\n .style(\"border-left-width\", `${this.arrowWidth() / 2}px`)\n .style(\"border-right-width\", `${this.arrowWidth() / 2}px`)\n ;\n break;\n case \"e\":\n top = point.y + (this.tooltipHeight() / 2) + this.padding() - (this.arrowWidth() / 2);\n left = point.x - this.arrowHeight();\n visibleBorderStyle = \"border-right-color\";\n this._arrowElement\n .style(\"border-top-width\", `${this.arrowWidth() / 2}px`)\n .style(\"border-bottom-width\", `${this.arrowWidth() / 2}px`)\n .style(\"border-left-width\", \"0px\")\n .style(\"border-right-width\", `${this.arrowHeight()}px`)\n ;\n break;\n case \"w\":\n top = point.y + (this.tooltipHeight() / 2) - (this.arrowWidth() / 2) + this.padding();\n left = point.x + this.tooltipWidth() + (this.padding() * 2);\n visibleBorderStyle = \"border-left-color\";\n this._arrowElement\n .style(\"border-top-width\", `${this.arrowWidth() / 2}px`)\n .style(\"border-bottom-width\", `${this.arrowWidth() / 2}px`)\n .style(\"border-left-width\", `${this.arrowHeight()}px`)\n .style(\"border-right-width\", \"0px\")\n ;\n break;\n }\n if (typeof top !== \"undefined\" && typeof left !== \"undefined\") {\n this._arrowElement\n .style(\"top\", top + \"px\")\n .style(\"left\", left + \"px\")\n .style(visibleBorderStyle, this.tooltipColor())\n .style(\"opacity\", 1)\n ;\n } else {\n this._arrowElement\n .style(\"opacity\", 0)\n ;\n }\n return point;\n }\n\n protected getReferenceNode() {\n if (!this._triggerElement) {\n return this.element().node().parentNode.parentNode;\n }\n return this._triggerElement.node();\n }\n public _cursorLoc;\n protected calcReferenceBBox() {\n const node = this.getReferenceNode();\n let { top, left, width, height } = node.getBoundingClientRect();\n const wholeW = this.tooltipWidth();\n const wholeH = this.tooltipHeight();\n const halfW = wholeW / 2;\n const halfH = wholeH / 2;\n const arrowH = this.arrowHeight();\n const p = this.padding();\n const p2 = p * 2;\n\n if (this.followCursor() && this._cursorLoc) {\n\n left = this._cursorLoc[0];\n top = this._cursorLoc[1];\n width = 1;\n height = 1;\n }\n const bbox = {\n n: {\n x: left + (width / 2) - halfW - p,\n y: top - wholeH - arrowH - p2\n },\n e: {\n x: left + width + arrowH,\n y: top + (height / 2) - halfH - p\n },\n s: {\n x: left + (width / 2) - halfW - p,\n y: top + height + arrowH\n },\n w: {\n x: left - wholeW - arrowH - p2,\n y: top + (height / 2) - halfH - p\n },\n nw: {\n x: left - wholeW - p2,\n y: top - wholeH - p2\n },\n ne: {\n x: left + width,\n y: top - wholeH - p2\n },\n se: {\n x: left + width,\n y: top + height\n },\n sw: {\n x: left - wholeW - p2,\n y: top + height\n }\n };\n return bbox;\n }\n\n private _closing = false;\n mouseout() {\n this._closing = true;\n this._tooltipElement.on(\"mouseover\", () => {\n this._closing = false;\n });\n this._tooltipElement.on(\"mouseout\", () => {\n this.mouseout();\n });\n setTimeout(() => {\n if (this._closing) {\n this.visible(false);\n }\n }, this.closeDelay());\n }\n\n visible(): boolean;\n visible(_: boolean): this;\n visible(_?: boolean): boolean \| this {\n if (!arguments.length) return super.visible();\n if (this._arrowElement) {\n this._arrowElement.style(\"visibility\", _ ? \"visible\" : \"hidden\");\n this._tooltipElement.style(\"visibility\", _ ? \"visible\" : \"hidden\");\n }\n super.visible(_);\n return this;\n }\n\n exit(domNode, element) {\n if (this._arrowElement) {\n this._arrowElement.remove();\n this._tooltipElement.remove();\n }\n super.exit(domNode, element);\n }\n}\nHTMLTooltip.prototype._class += \" html_HTMLTooltip\";\n\nexport interface HTMLTooltip {\n padding(): number;\n padding(_: number): this;\n direction(): Direction;\n direction(_: Direction): this;\n arrowHeight(): number;\n arrowHeight(_: number): this;\n arrowWidth(): number;\n arrowWidth(_: number): this;\n fontColor(): string;\n fontColor(_: string): this;\n tooltipColor(): string;\n tooltipColor(_: string): this;\n tooltipWidth(): number;\n tooltipWidth(_: number): this;\n tooltipWidth_default(_: number);\n tooltipHeight(): number;\n tooltipHeight(_: number): this;\n tooltipHeight_default(_: number);\n followCursor(): boolean;\n followCursor(_: boolean): this;\n enablePointerEvents(): boolean;\n enablePointerEvents(_: boolean): this;\n closeDelay(): number;\n closeDelay(_: number): this;\n fitContent(): boolean;\n fitContent(_: boolean): this;\n\n}\n\nHTMLTooltip.prototype.publish(\"fitContent\", false, \"boolean\", \"If true, tooltip will grow to fit its html content\");\nHTMLTooltip.prototype.publish(\"followCursor\", false, \"boolean\", \"If true, tooltip will display relative to cursor location\");\nHTMLTooltip.prototype.publish(\"closeDelay\", 400, \"number\", \"Number of milliseconds to wait before closing tooltip (cancelled on tooltip mouseover event)\");\nHTMLTooltip.prototype.publish(\"direction\", \"n\", \"set\", \"Direction in which to display the tooltip\", [\"n\", \"s\", \"e\", \"w\", \"ne\", \"nw\", \"se\", \"sw\"]);\nHTMLTooltip.prototype.publish(\"padding\", 8, \"number\", \"Padding (pixels)\");\nHTMLTooltip.prototype.publish(\"arrowWidth\", 16, \"number\", \"Width (or height depending on direction) of the tooltip arrow (pixels)\");\nHTMLTooltip.prototype.publish(\"arrowHeight\", 8, \"number\", \"Height (or width depending on direction) of the tooltip arrow (pixels)\");\nHTMLTooltip.prototype.publish(\"fontColor\", \"#FFF\", \"html-color\", \"The default font color for text in the tooltip\");\nHTMLTooltip.prototype.publish(\"tooltipColor\", \"#000000EE\", \"html-color\", \"Background color of the tooltip\");\nHTMLTooltip.prototype.publish(\"tooltipWidth\", 200, \"number\", \"Width of the tooltip (not including arrow) (pixels)\");\nHTMLTooltip.prototype.publish(\"tooltipHeight\", 200, \"number\", \"Height of the tooltip (not including arrow) (pixels)\");\nHTMLTooltip.prototype.publish(\"enablePointerEvents\", false, \"boolean\", \"If true, the 'pointer-events: all' style will be used\");\n","import { HTMLWidget, select as d3Select } from \"@hpcc-js/common\";\n\nexport class SimpleTable extends HTMLWidget {\n protected _table;\n protected _tbody;\n protected _thead;\n protected _theadRow;\n constructor() {\n super();\n }\n\n protected transformData() {\n return this.data();\n }\n\n enter(domNode, element) {\n super.enter(domNode, element);\n\n this._table = element.append(\"table\");\n this._thead = this._table.append(\"thead\");\n this._theadRow = this._thead.append(\"tr\");\n this._tbody = this._table.append(\"tbody\");\n }\n\n update(domNode, element) {\n super.update(domNode, element);\n this._table\n .style(\"width\", this.autoWidth() ? \"auto\" : \"100%\")\n ;\n const theadTrSelection = this._theadRow.selectAll(\"th\").data(this.columns());\n theadTrSelection.enter()\n .append(\"th\")\n .attr(\"class\", (n, i) => `th-${i}`)\n .merge(theadTrSelection)\n .text(_d => (_d).toString())\n ;\n theadTrSelection.exit().remove();\n const trSelection = this._tbody.selectAll(\"tr\").data(this.transformData());\n trSelection.enter()\n .append(\"tr\")\n .merge(trSelection)\n .each(function (this, d) {\n const tr = d3Select(this);\n const tdSelection = tr.selectAll(\"td\").data(d);\n tdSelection.enter()\n .append(\"td\")\n .attr(\"class\", (n, i) => `col-${i}`)\n .merge(tdSelection as any)\n .text(_d => (_d).toString())\n ;\n tdSelection.exit().remove();\n })\n ;\n trSelection.exit().remove();\n }\n}\nSimpleTable.prototype._class += \" html_SimpleTable\";\n\nexport interface SimpleTable {\n autoWidth(): boolean;\n autoWidth(_: boolean): this;\n}\nSimpleTable.prototype.publish(\"autoWidth\", false, \"boolean\", \"If true, table width will be set to 'auto'. If false, the width is set to '100%'\");\n","import { SimpleTable } from \"./SimpleTable.ts\";\n\nexport class StyledTable extends SimpleTable {\n constructor() {\n super();\n }\n\n protected applyStyleObject(selection, styleObject) {\n Object.keys(styleObject).forEach(styleName => {\n selection.style(styleName, styleObject[styleName]);\n });\n }\n\n update(domNode, element) {\n super.update(domNode, element);\n\n element.selectAll(\"tr,th,td\")\n .attr(\"style\", \"\")\n .style(\"font-family\", this.fontFamily())\n .style(\"color\", this.fontColor())\n ;\n\n this.theadColumnStyles().forEach((styleObj, i) => {\n this.applyStyleObject(element.select(`.th-${i}`), styleObj);\n });\n this.tbodyColumnStyles().forEach((styleObj, i) => {\n this.applyStyleObject(element.selectAll(`.col-${i}`), styleObj);\n });\n const evenRowStylesExist = Object.keys(this.evenRowStyles()).length > 0;\n const lastRowStylesExist = Object.keys(this.lastRowStyles()).length > 0;\n const tbodyRows = element.selectAll(\"tbody > tr\");\n if (evenRowStylesExist) {\n const tbodyEvenRows = tbodyRows.select(function (this: HTMLElement, d, i) { return i % 2 ? this : null; });\n this.applyStyleObject(tbodyEvenRows, this.evenRowStyles());\n }\n if (lastRowStylesExist) {\n const tbodyLastRow = tbodyRows.select(function (this: HTMLElement, d, i, arr) { return i === arr.length - 1 ? this : null; });\n this.applyStyleObject(tbodyLastRow, this.lastRowStyles());\n }\n }\n}\nStyledTable.prototype._class += \" html_StyledTable\";\n\nexport interface StyledTable {\n fontFamily(): string;\n fontFamily(_: string): this;\n fontColor(): string;\n fontColor(_: string): this;\n tbodyColumnStyles(): Array<{ [styleID: string]: any }>;\n tbodyColumnStyles(_: Array<{ [styleID: string]: any }>): this;\n tbodyColumnStyles_default(_: Array<{ [styleID: string]: any }>): this;\n theadColumnStyles(): Array<{ [styleID: string]: any }>;\n theadColumnStyles(_: Array<{ [styleID: string]: any }>): this;\n theadColumnStyles_default(_: Array<{ [styleID: string]: any }>): this;\n lastRowStyles(): { [styleID: string]: any };\n lastRowStyles(_: { [styleID: string]: any }): this;\n lastRowStyles_default(_: { [styleID: string]: any }): this;\n evenRowStyles(): { [styleID: string]: any };\n evenRowStyles(_: { [styleID: string]: any }): this;\n evenRowStyles_default(_: { [styleID: string]: any }): this;\n}\n\nStyledTable.prototype.publish(\"fontFamily\", \"Verdana\", \"string\", \"Base font-family used within the table\");\nStyledTable.prototype.publish(\"fontColor\", \"#333\", \"string\", \"Base font color used within the table\");\nStyledTable.prototype.publish(\"theadColumnStyles\", [], \"array\", 'Array of objects containing styles for the thead columns (ex: [{\"color\":\"red\"},{\"color\":\"blue\"}])');\nStyledTable.prototype.publish(\"tbodyColumnStyles\", [], \"array\", 'Array of objects containing styles for the tbody columns (ex: [{\"color\":\"red\"},{\"color\":\"blue\"}])');\nStyledTable.prototype.publish(\"lastRowStyles\", {}, \"object\", 'Object containing styles for the last row (ex: {\"color\":\"red\"})');\nStyledTable.prototype.publish(\"evenRowStyles\", {}, \"object\", 'Object containing styles for even rows (ex: {\"background-color\":\"#AAA\"})');\n","import { HTMLTooltip } from \"./HTMLTooltip.ts\";\nimport { StyledTable } from \"./StyledTable.ts\";\n\nexport class BreakdownTable extends StyledTable {\n // protected _table;\n // protected _tbody;\n protected _tooltip: HTMLTooltip;\n constructor() {\n super();\n }\n\n protected transformData() {\n const rowCount = this.useCalculatedRowCount() ? this.calculateRowCount() : this.rowCount();\n return this.breakdownData(rowCount);\n }\n\n protected breakdownData(limit: number): any[] {\n const len = this.data().length;\n const sum = this.data().reduce((acc, row) => acc + row[1], 0);\n const data = [];\n let percSum = 0;\n this.data().sort((a, b) => a[1] > b[1] ? -1 : 1);\n const hiddenRowCount = len - limit;\n const showOther = hiddenRowCount > 0;\n this.data()\n .filter((_, i) => showOther ? i < limit - 1 : true)\n .forEach(row => {\n const perc = Math.round((row[1] / sum) * 100);\n percSum += perc;\n data.push([row[0], perc + \"%\"]);\n });\n if (showOther) {\n const otherLabel = `${this.otherLabel()} (${len - limit + 1})`;\n const otherPercentage = \"~\" + (100 - percSum) + \"%\";\n data.push([otherLabel, otherPercentage]);\n }\n return data;\n }\n\n protected calculateRowCount(): number {\n const theadRowHeight = this.columns().length > 0 ? this.thFontSize() + 5 : 0;\n const tbodyRowHeight = this.fontSize() + 5;\n const tbodyAvailableHeight = this.height() - theadRowHeight;\n const rowCount = Math.floor(tbodyAvailableHeight / tbodyRowHeight);\n return rowCount;\n }\n\n enter(domNode, element) {\n super.enter(domNode, element);\n this._tooltip = new HTMLTooltip()\n .target(domNode)\n ;\n this._tooltip\n .tooltipHTML(data => {\n const rowCount = this.useCalculatedRowCount() ? this.calculateRowCount() : this.rowCount();\n const rowHeight = Math.max(...data.map(row => this.textSize(row[0], this.fontFamily(), this.fontSize()).height)) ?? this.fontSize();\n const widestLabel = Math.max(...data.map(row => this.textSize(row[0], this.fontFamily(), this.fontSize()).width));\n const widestPerc = 30;\n const colCount = 2;\n const w = colCount * (widestLabel + widestPerc) + (this._tooltip.padding() * 2);\n const h = rowHeight * Math.ceil((data.length - rowCount) / colCount) + (this._tooltip.padding() * 2);\n this._tooltip.tooltipWidth(w);\n this._tooltip.tooltipHeight(h);\n const otherData = this.breakdownData(this.data().length).slice(rowCount - 1);\n return `<div style=\"\n width: 100%;\n height: 100%;\n font-size: ${this.fontSize()}px;\n \">${otherData.map(row =>\n `<div style=\"\n float:left;\n width:${Math.floor(99 / colCount)}%;\n \">${row[0]}: ${row[1]}</div>`\n ).join(\"\")\n }</div>`;\n })\n ;\n }\n\n update(domNode, element) {\n this.theadColumnStyles_default([\n {\n \"color\": this.thFirstColor(),\n \"font-size\": this.thFontSize() + \"px\",\n \"font-weight\": this.thFontWeight(),\n \"text-align\": this.labelAlignment(),\n \"width\": \"auto\",\n \"padding\": \"0px\"\n },\n {\n \"width\": \"1%\",\n \"font-size\": this.thFontSize() + \"px\",\n \"font-weight\": this.thFontWeight(),\n \"text-align\": this.percentageAlignment(),\n \"padding\": \"0px\"\n }\n ]);\n this.tbodyColumnStyles_default([\n {\n \"color\": this.topLabelColor(),\n \"font-size\": this.fontSize() + \"px\",\n \"font-weight\": \"normal\",\n \"text-align\": this.labelAlignment(),\n \"width\": \"auto\",\n \"padding\": \"0px\"\n },\n {\n \"color\": this.topPercentageColor(),\n \"font-size\": this.fontSize() + \"px\",\n \"font-weight\": \"normal\",\n \"text-align\": this.percentageAlignment(),\n \"width\": \"1%\",\n \"padding\": \"0px\"\n }\n ]);\n this.lastRowStyles_default([\n {\n \"color\": this.otherLabelColor(),\n \"font-size\": this.fontSize() + \"px\",\n \"font-weight\": this.otherLabelBold() ? \"bold\" : \"normal\",\n \"text-align\": this.labelAlignment(),\n \"width\": \"auto\",\n \"padding\": \"0px\"\n },\n {\n \"color\": this.otherLabelColor(),\n \"font-size\": this.fontSize() + \"px\",\n \"font-weight\": this.otherPercentageBold() ? \"bold\" : \"normal\",\n \"text-align\": this.percentageAlignment(),\n \"width\": \"1%\",\n \"padding\": \"0px\"\n }\n ]);\n\n super.update(domNode, element);\n\n const rowCount = this.useCalculatedRowCount() ? this.calculateRowCount() : this.rowCount();\n if (rowCount < this.data().length) {\n const lastRow = element.select(\"tbody > tr:last-child\");\n const context = this;\n lastRow\n .on(\"mouseout.tooltip\", d => {\n context._tooltip._triggerElement = lastRow;\n context._tooltip\n .visible(false)\n .render()\n ;\n })\n .on(\"mouseenter.tooltip\", d => {\n context._tooltip._triggerElement = lastRow;\n context._tooltip\n .direction(\"n\")\n .data(context.data())\n .visible(true)\n .render()\n ;\n })\n ;\n }\n }\n\n}\nBreakdownTable.prototype._class += \" html_BreakdownTable\";\n\nexport interface BreakdownTable {\n useCalculatedRowCount(): boolean;\n useCalculatedRowCount(_: boolean): this;\n rowCount(): number;\n rowCount(_: number): this;\n fontSize(): number;\n fontSize(_: number): this;\n thFirstColor(): string;\n thFirstColor(_: string): this;\n thLastColor(): string;\n thLastColor(_: string): this;\n thFontSize(): number;\n thFontSize(_: number): this;\n thFontWeight(): string;\n thFontWeight(_: string): this;\n labelAlignment(): \"left\" \| \"center\" \| \"right\";\n labelAlignment(_: \"left\" \| \"center\" \| \"right\"): this;\n percentageAlignment(): \"left\" \| \"center\" \| \"right\";\n percentageAlignment(_: \"left\" \| \"center\" \| \"right\"): this;\n topLabelColor(): string;\n topLabelColor(_: string): this;\n topPercentageColor(): string;\n topPercentageColor(_: string): this;\n topPercentageBold(): boolean;\n topPercentageBold(_: boolean): this;\n otherLabel(): string;\n otherLabel(_: string): this;\n otherLabelColor(): string;\n otherLabelColor(_: string): this;\n otherLabelBold(): boolean;\n otherLabelBold(_: boolean): this;\n otherPercentageColor(): string;\n otherPercentageColor(_: string): this;\n otherPercentageBold(): boolean;\n otherPercentageBold(_: boolean): this;\n}\n\nBreakdownTable.prototype.publish(\"useCalculatedRowCount\", true, \"boolean\", \"If true, rowCount will be calculated and its default will be overwritten\");\nBreakdownTable.prototype.publish(\"rowCount\", 5, \"number\", \"Number of total rows to display (including the 'other' row)\", undefined, { disable: w => w.useCalculatedRowCount() });\nBreakdownTable.prototype.publish(\"fontSize\", 14, \"number\", \"Font size (pixels)\");\nBreakdownTable.prototype.publish(\"labelAlignment\", \"left\", \"set\", \"Alignment of the label column text\", [\"left\", \"center\", \"right\"]);\nBreakdownTable.prototype.publish(\"percentageAlignment\", \"center\", \"set\", \"Alignment of the percentage column text\", [\"left\", \"center\", \"right\"]);\nBreakdownTable.prototype.publish(\"topLabelColor\", \"#333\", \"html-color\", \"Color of displayed 'top' labels\");\nBreakdownTable.prototype.publish(\"topPercentageColor\", \"#1A99D5\", \"html-color\", \"Color of displayed 'top' percentages\");\nBreakdownTable.prototype.publish(\"topPercentageBold\", true, \"html-color\", \"If true, the 'top' percentages will be bold\");\nBreakdownTable.prototype.publish(\"otherLabel\", \"Other\", \"string\", \"Label text for the 'other' row\");\nBreakdownTable.prototype.publish(\"otherLabelColor\", \"#AAA\", \"html-color\", \"Color of the 'other' label\");\nBreakdownTable.prototype.publish(\"otherLabelBold\", false, \"html-color\", \"If true, the 'other' label will be bold\");\nBreakdownTable.prototype.publish(\"otherPercentageColor\", \"#AAA\", \"html-color\", \"Color of the 'other' percentage\");\nBreakdownTable.prototype.publish(\"otherPercentageBold\", false, \"html-color\", \"If true, the 'other' percentage will be bold\");\nBreakdownTable.prototype.publish(\"thFontWeight\", \"bold\", \"string\", \"Font weight for th elements\");\nBreakdownTable.prototype.publish(\"thFontSize\", 26, \"number\", \"Font size for th elements\");\nBreakdownTable.prototype.publish(\"thFirstColor\", \"#333\", \"html-color\", \"Text color of the first th element\");\nBreakdownTable.prototype.publish(\"thLastColor\", \"#333\", \"html-color\", \"Text color of the last th element\");\n","import { HTMLWidget } from \"@hpcc-js/common\";\nimport { React } from \"@hpcc-js/react\";\n\nexport class JSXWidget extends HTMLWidget {\n static Component = React.Component;\n static createElement = React.createElement;\n protected rootNode;\n\n jsxRender(jsx, domNode) {\n this.rootNode = React.render(jsx, domNode, this.rootNode);\n }\n}\nJSXWidget.prototype._class += \" html_JSXWidget\";\n","import { select as d3Select } from \"@hpcc-js/common\";\n\nexport type ReactFn = (attrs: { [key: string]: string }) => VNode;\n\nexport type IVNode = new (attrs: { [key: string]: string }, children: VNode[]) => VNode;\n\nexport class VNode {\n protected _attrs: { [key: string]: string };\n protected _children: VNode[];\n\n constructor(attrs: { [key: string]: string }, children: VNode[]) {\n this._attrs = attrs;\n this._children = children;\n }\n\n type(): string {\n return \"div\";\n }\n\n attrs(): { [key: string]: string } {\n return this._attrs;\n }\n\n attr(key) {\n return this._attrs[key];\n }\n\n children(): VNode[] {\n return this._children;\n }\n\n update(targetElement) {\n for (const key in this._attrs) {\n targetElement.attr(key, this._attrs[key]);\n }\n }\n\n render(targetElement) {\n const thisElement = targetElement.selectAll(`${targetElement.node().tagName} > `).data([this]);\n thisElement.exit()\n .remove();\n return thisElement.enter().append(this.type())\n .attr(\"reactd3\", 0)\n .merge(thisElement)\n .each(function (this: HTMLElement, d: VNode) {\n const element = d3Select(this);\n d.update(element);\n d.renderChildren(element);\n })\n ;\n }\n\n renderChildren(targetElement) {\n const thisElement = targetElement.selectAll(`${targetElement.node().tagName} > `).data(this._children);\n thisElement.exit()\n .remove();\n return thisElement.enter().append(d => document.createElement(d.type()))\n .attr(\"reactd3\", (_d, i) => i)\n .merge(thisElement)\n .each(function (this: HTMLElement, d: VNode) {\n const element = d3Select(this);\n d.update(element);\n d.renderChildren(element);\n })\n ;\n }\n}\n\nclass ConstVNode extends VNode {\n protected _type: string;\n\n constructor(type: string, attrs: { [key: string]: string }, children: VNode[]) {\n super(attrs, children);\n this._type = type;\n }\n\n type(): string {\n return this._type;\n }\n}\n\nclass TextVNode extends VNode {\n protected _text: string;\n\n constructor(text: string) {\n super({}, []);\n this._text = text;\n }\n\n type(): string {\n return \"span\";\n }\n\n update(targetElement) {\n super.update(targetElement);\n targetElement.text(this._text);\n }\n}\n\nfunction isReactFn(_): _ is ReactFn {\n return typeof _ === \"function\";\n}\n\nfunction isIVNode(_: any): _ is IVNode {\n return _.prototype && _.prototype instanceof VNode;\n}\n\nexport class ReactD3 {\n // static createElementXXX(type: string \| ReactFn \| IVNode, attrs: { [key: string]: string }, ...children: Array<string \| VNode>): VNode {\n static createElement(type: string \| ReactFn \| IVNode, attrs: { [key: string]: string }, ...children: Array<string \| VNode>): VNode {\n if (isIVNode(type)) {\n return new (type as any)(attrs);\n } else if (isReactFn(type)) {\n return type(attrs);\n }\n return new ConstVNode(type, attrs, children.map(child => {\n if (typeof child === \"string\") {\n return new TextVNode(child);\n }\n return child;\n }));\n }\n\n static render(vdom: VNode, targetElement) {\n vdom.render(targetElement);\n }\n}\n","var n,l,u,t,i,o,r,e,f,c,s,a,h,p={},v=[],y=/acit\|ex(?:s\|g\|n\|p\|$)\|rph\|grid\|ows\|mnc\|ntw\|ine[ch]\|zoo\|^ord\|itera/i,d=Array.isArray;function w(n,l){for(var u in l)n[u]=l[u];return n}function g(n){n&&n.parentNode&&n.parentNode.removeChild(n)}function _(l,u,t){var i,o,r,e={};for(r in u)\"key\"==r?i=u[r]:\"ref\"==r?o=u[r]:e[r]=u[r];if(arguments.length>2&&(e.children=arguments.length>3?n.call(arguments,2):t),\"function\"==typeof l&&null!=l.defaultProps)for(r in l.defaultProps)void 0===e[r]&&(e[r]=l.defaultProps[r]);return m(l,e,i,o,null)}function m(n,t,i,o,r){var e={type:n,props:t,key:i,ref:o,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:null==r?++u:r,__i:-1,__u:0};return null==r&&null!=l.vnode&&l.vnode(e),e}function b(){return{current:null}}function k(n){return n.children}function x(n,l){this.props=n,this.context=l}function S(n,l){if(null==l)return n.__?S(n.__,n.__i+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return\"function\"==typeof n.type?S(n):null}function C(n){var l,u;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,l=0;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e){n.__e=n.__c.base=u.__e;break}return C(n)}}function M(n){(!n.__d&&(n.__d=!0)&&i.push(n)&&!$.__r++\|\|o!=l.debounceRendering)&&((o=l.debounceRendering)\|\|r)($)}function $(){for(var n,u,t,o,r,f,c,s=1;i.length;)i.length>s&&i.sort(e),n=i.shift(),s=i.length,n.__d&&(t=void 0,o=void 0,r=(o=(u=n).__v).__e,f=[],c=[],u.__P&&((t=w({},o)).__v=o.__v+1,l.vnode&&l.vnode(t),O(u.__P,t,o,u.__n,u.__P.namespaceURI,32&o.__u?[r]:null,f,null==r?S(o):r,!!(32&o.__u),c),t.__v=o.__v,t.__.__k[t.__i]=t,N(f,t,c),o.__e=o.__=null,t.__e!=r&&C(t)));$.__r=0}function I(n,l,u,t,i,o,r,e,f,c,s){var a,h,y,d,w,g,_,m=t&&t.__k\|\|v,b=l.length;for(f=P(u,l,m,f,b),a=0;a<b;a++)null!=(y=u.__k[a])&&(h=-1==y.__i?p:m[y.__i]\|\|p,y.__i=a,g=O(n,y,h,i,o,r,e,f,c,s),d=y.__e,y.ref&&h.ref!=y.ref&&(h.ref&&B(h.ref,null,y),s.push(y.ref,y.__c\|\|d,y)),null==w&&null!=d&&(w=d),(_=!!(4&y.__u))\|\|h.__k===y.__k?f=A(y,f,n,_):\"function\"==typeof y.type&&void 0!==g?f=g:d&&(f=d.nextSibling),y.__u&=-7);return u.__e=w,f}function P(n,l,u,t,i){var o,r,e,f,c,s=u.length,a=s,h=0;for(n.__k=new Array(i),o=0;o<i;o++)null!=(r=l[o])&&\"boolean\"!=typeof r&&\"function\"!=typeof r?(\"string\"==typeof r\|\|\"number\"==typeof r\|\|\"bigint\"==typeof r\|\|r.constructor==String?r=n.__k[o]=m(null,r,null,null,null):d(r)?r=n.__k[o]=m(k,{children:r},null,null,null):void 0===r.constructor&&r.__b>0?r=n.__k[o]=m(r.type,r.props,r.key,r.ref?r.ref:null,r.__v):n.__k[o]=r,f=o+h,r.__=n,r.__b=n.__b+1,e=null,-1!=(c=r.__i=L(r,u,f,a))&&(a--,(e=u[c])&&(e.__u\|=2)),null==e\|\|null==e.__v?(-1==c&&(i>s?h--:i<s&&h++),\"function\"!=typeof r.type&&(r.__u\|=4)):c!=f&&(c==f-1?h--:c==f+1?h++:(c>f?h--:h++,r.__u\|=4))):n.__k[o]=null;if(a)for(o=0;o<s;o++)null!=(e=u[o])&&0==(2&e.__u)&&(e.__e==t&&(t=S(e)),D(e,e));return t}function A(n,l,u,t){var i,o;if(\"function\"==typeof n.type){for(i=n.__k,o=0;i&&o<i.length;o++)i[o]&&(i[o].__=n,l=A(i[o],l,u,t));return l}n.__e!=l&&(t&&(l&&n.type&&!l.parentNode&&(l=S(n)),u.insertBefore(n.__e,l\|\|null)),l=n.__e);do{l=l&&l.nextSibling}while(null!=l&&8==l.nodeType);return l}function H(n,l){return l=l\|\|[],null==n\|\|\"boolean\"==typeof n\|\|(d(n)?n.some(function(n){H(n,l)}):l.push(n)),l}function L(n,l,u,t){var i,o,r,e=n.key,f=n.type,c=l[u],s=null!=c&&0==(2&c.__u);if(null===c&&null==e\|\|s&&e==c.key&&f==c.type)return u;if(t>(s?1:0))for(i=u-1,o=u+1;i>=0\|\|o<l.length;)if(null!=(c=l[r=i>=0?i--:o++])&&0==(2&c.__u)&&e==c.key&&f==c.type)return r;return-1}function T(n,l,u){\"-\"==l[0]?n.setProperty(l,null==u?\"\":u):n[l]=null==u?\"\":\"number\"!=typeof u\|\|y.test(l)?u:u+\"px\"}function j(n,l,u,t,i){var o,r;n:if(\"style\"==l)if(\"string\"==typeof u)n.style.cssText=u;else{if(\"string\"==typeof t&&(n.style.cssText=t=\"\"),t)for(l in t)u&&l in u\|\|T(n.style,l,\"\");if(u)for(l in u)t&&u[l]==t[l]\|\|T(n.style,l,u[l])}else if(\"o\"==l[0]&&\"n\"==l[1])o=l!=(l=l.replace(f,\"$1\")),r=l.toLowerCase(),l=r in n\|\|\"onFocusOut\"==l\|\|\"onFocusIn\"==l?r.slice(2):l.slice(2),n.l\|\|(n.l={}),n.l[l+o]=u,u?t?u.u=t.u:(u.u=c,n.addEventListener(l,o?a:s,o)):n.removeEventListener(l,o?a:s,o);else{if(\"http://www.w3.org/2000/svg\"==i)l=l.replace(/xlink(H\|:h)/,\"h\").replace(/sName$/,\"s\");else if(\"width\"!=l&&\"height\"!=l&&\"href\"!=l&&\"list\"!=l&&\"form\"!=l&&\"tabIndex\"!=l&&\"download\"!=l&&\"rowSpan\"!=l&&\"colSpan\"!=l&&\"role\"!=l&&\"popover\"!=l&&l in n)try{n[l]=null==u?\"\":u;break n}catch(n){}\"function\"==typeof u\|\|(null==u\|\|!1===u&&\"-\"!=l[4]?n.removeAttribute(l):n.setAttribute(l,\"popover\"==l&&1==u?\"\":u))}}function F(n){return function(u){if(this.l){var t=this.l[u.type+n];if(null==u.t)u.t=c++;else if(u.t<t.u)return;return t(l.event?l.event(u):u)}}}function O(n,u,t,i,o,r,e,f,c,s){var a,h,p,v,y,_,m,b,S,C,M,$,P,A,H,L,T,j=u.type;if(void 0!==u.constructor)return null;128&t.__u&&(c=!!(32&t.__u),r=[f=u.__e=t.__e]),(a=l.__b)&&a(u);n:if(\"function\"==typeof j)try{if(b=u.props,S=\"prototype\"in j&&j.prototype.render,C=(a=j.contextType)&&i[a.__c],M=a?C?C.props.value:a.__:i,t.__c?m=(h=u.__c=t.__c).__=h.__E:(S?u.__c=h=new j(b,M):(u.__c=h=new x(b,M),h.constructor=j,h.render=E),C&&C.sub(h),h.state\|\|(h.state={}),h.__n=i,p=h.__d=!0,h.__h=[],h._sb=[]),S&&null==h.__s&&(h.__s=h.state),S&&null!=j.getDerivedStateFromProps&&(h.__s==h.state&&(h.__s=w({},h.__s)),w(h.__s,j.getDerivedStateFromProps(b,h.__s))),v=h.props,y=h.state,h.__v=u,p)S&&null==j.getDerivedStateFromProps&&null!=h.componentWillMount&&h.componentWillMount(),S&&null!=h.componentDidMount&&h.__h.push(h.componentDidMount);else{if(S&&null==j.getDerivedStateFromProps&&b!==v&&null!=h.componentWillReceiveProps&&h.componentWillReceiveProps(b,M),u.__v==t.__v\|\|!h.__e&&null!=h.shouldComponentUpdate&&!1===h.shouldComponentUpdate(b,h.__s,M)){for(u.__v!=t.__v&&(h.props=b,h.state=h.__s,h.__d=!1),u.__e=t.__e,u.__k=t.__k,u.__k.some(function(n){n&&(n.__=u)}),$=0;$<h._sb.length;$++)h.__h.push(h._sb[$]);h._sb=[],h.__h.length&&e.push(h);break n}null!=h.componentWillUpdate&&h.componentWillUpdate(b,h.__s,M),S&&null!=h.componentDidUpdate&&h.__h.push(function(){h.componentDidUpdate(v,y,_)})}if(h.context=M,h.props=b,h.__P=n,h.__e=!1,P=l.__r,A=0,S){for(h.state=h.__s,h.__d=!1,P&&P(u),a=h.render(h.props,h.state,h.context),H=0;H<h._sb.length;H++)h.__h.push(h._sb[H]);h._sb=[]}else do{h.__d=!1,P&&P(u),a=h.render(h.props,h.state,h.context),h.state=h.__s}while(h.__d&&++A<25);h.state=h.__s,null!=h.getChildContext&&(i=w(w({},i),h.getChildContext())),S&&!p&&null!=h.getSnapshotBeforeUpdate&&(_=h.getSnapshotBeforeUpdate(v,y)),L=a,null!=a&&a.type===k&&null==a.key&&(L=V(a.props.children)),f=I(n,d(L)?L:[L],u,t,i,o,r,e,f,c,s),h.base=u.__e,u.__u&=-161,h.__h.length&&e.push(h),m&&(h.__E=h.__=null)}catch(n){if(u.__v=null,c\|\|null!=r)if(n.then){for(u.__u\|=c?160:128;f&&8==f.nodeType&&f.nextSibling;)f=f.nextSibling;r[r.indexOf(f)]=null,u.__e=f}else{for(T=r.length;T--;)g(r[T]);z(u)}else u.__e=t.__e,u.__k=t.__k,n.then\|\|z(u);l.__e(n,u,t)}else null==r&&u.__v==t.__v?(u.__k=t.__k,u.__e=t.__e):f=u.__e=q(t.__e,u,t,i,o,r,e,c,s);return(a=l.diffed)&&a(u),128&u.__u?void 0:f}function z(n){n&&n.__c&&(n.__c.__e=!0),n&&n.__k&&n.__k.forEach(z)}function N(n,u,t){for(var i=0;i<t.length;i++)B(t[i],t[++i],t[++i]);l.__c&&l.__c(u,n),n.some(function(u){try{n=u.__h,u.__h=[],n.some(function(n){n.call(u)})}catch(n){l.__e(n,u.__v)}})}function V(n){return\"object\"!=typeof n\|\|null==n\|\|n.__b&&n.__b>0?n:d(n)?n.map(V):w({},n)}function q(u,t,i,o,r,e,f,c,s){var a,h,v,y,w,_,m,b=i.props\|\|p,k=t.props,x=t.type;if(\"svg\"==x?r=\"http://www.w3.org/2000/svg\":\"math\"==x?r=\"http://www.w3.org/1998/Math/MathML\":r\|\|(r=\"http://www.w3.org/1999/xhtml\"),null!=e)for(a=0;a<e.length;a++)if((w=e[a])&&\"setAttribute\"in w==!!x&&(x?w.localName==x:3==w.nodeType)){u=w,e[a]=null;break}if(null==u){if(null==x)return document.createTextNode(k);u=document.createElementNS(r,x,k.is&&k),c&&(l.__m&&l.__m(t,e),c=!1),e=null}if(null==x)b===k\|\|c&&u.data==k\|\|(u.data=k);else{if(e=e&&n.call(u.childNodes),!c&&null!=e)for(b={},a=0;a<u.attributes.length;a++)b[(w=u.attributes[a]).name]=w.value;for(a in b)if(w=b[a],\"children\"==a);else if(\"dangerouslySetInnerHTML\"==a)v=w;else if(!(a in k)){if(\"value\"==a&&\"defaultValue\"in k\|\|\"checked\"==a&&\"defaultChecked\"in k)continue;j(u,a,null,w,r)}for(a in k)w=k[a],\"children\"==a?y=w:\"dangerouslySetInnerHTML\"==a?h=w:\"value\"==a?_=w:\"checked\"==a?m=w:c&&\"function\"!=typeof w\|\|b[a]===w\|\|j(u,a,w,b[a],r);if(h)c\|\|v&&(h.__html==v.__html\|\|h.__html==u.innerHTML)\|\|(u.innerHTML=h.__html),t.__k=[];else if(v&&(u.innerHTML=\"\"),I(\"template\"==t.type?u.content:u,d(y)?y:[y],t,i,o,\"foreignObject\"==x?\"http://www.w3.org/1999/xhtml\":r,e,f,e?e[0]:i.__k&&S(i,0),c,s),null!=e)for(a=e.length;a--;)g(e[a]);c\|\|(a=\"value\",\"progress\"==x&&null==_?u.removeAttribute(\"value\"):null!=_&&(_!==u[a]\|\|\"progress\"==x&&!_\|\|\"option\"==x&&_!=b[a])&&j(u,a,_,b[a],r),a=\"checked\",null!=m&&m!=u[a]&&j(u,a,m,b[a],r))}return u}function B(n,u,t){try{if(\"function\"==typeof n){var i=\"function\"==typeof n.__u;i&&n.__u(),i&&null==u\|\|(n.__u=n(u))}else n.current=u}catch(n){l.__e(n,t)}}function D(n,u,t){var i,o;if(l.unmount&&l.unmount(n),(i=n.ref)&&(i.current&&i.current!=n.__e\|\|B(i,null,u)),null!=(i=n.__c)){if(i.componentWillUnmount)try{i.componentWillUnmount()}catch(n){l.__e(n,u)}i.base=i.__P=null}if(i=n.__k)for(o=0;o<i.length;o++)i[o]&&D(i[o],u,t\|\|\"function\"!=typeof n.type);t\|\|g(n.__e),n.__c=n.__=n.__e=void 0}function E(n,l,u){return this.constructor(n,u)}function G(u,t,i){var o,r,e,f;t==document&&(t=document.documentElement),l.__&&l.__(u,t),r=(o=\"function\"==typeof i)?null:i&&i.__k\|\|t.__k,e=[],f=[],O(t,u=(!o&&i\|\|t).__k=_(k,null,[u]),r\|\|p,p,t.namespaceURI,!o&&i?[i]:r?null:t.firstChild?n.call(t.childNodes):null,e,!o&&i?i:r?r.__e:t.firstChild,o,f),N(e,u,f)}function J(n,l){G(n,l,J)}function K(l,u,t){var i,o,r,e,f=w({},l.props);for(r in l.type&&l.type.defaultProps&&(e=l.type.defaultProps),u)\"key\"==r?i=u[r]:\"ref\"==r?o=u[r]:f[r]=void 0===u[r]&&null!=e?e[r]:u[r];return arguments.length>2&&(f.children=arguments.length>3?n.call(arguments,2):t),m(l.type,f,i\|\|l.key,o\|\|l.ref,null)}function Q(n){function l(n){var u,t;return this.getChildContext\|\|(u=new Set,(t={})[l.__c]=this,this.getChildContext=function(){return t},this.componentWillUnmount=function(){u=null},this.shouldComponentUpdate=function(n){this.props.value!=n.value&&u.forEach(function(n){n.__e=!0,M(n)})},this.sub=function(n){u.add(n);var l=n.componentWillUnmount;n.componentWillUnmount=function(){u&&u.delete(n),l&&l.call(n)}}),n.children}return l.__c=\"__cC\"+h++,l.__=n,l.Provider=l.__l=(l.Consumer=function(n,l){return n.children(l)}).contextType=l,l}n=v.slice,l={__e:function(n,l,u,t){for(var i,o,r;l=l.__;)if((i=l.__c)&&!i.__)try{if((o=i.constructor)&&null!=o.getDerivedStateFromError&&(i.setState(o.getDerivedStateFromError(n)),r=i.__d),null!=i.componentDidCatch&&(i.componentDidCatch(n,t\|\|{}),r=i.__d),r)return i.__E=i}catch(l){n=l}throw n}},u=0,t=function(n){return null!=n&&void 0===n.constructor},x.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!=this.state?this.__s:this.__s=w({},this.state),\"function\"==typeof n&&(n=n(w({},u),this.props)),n&&w(u,n),null!=n&&this.__v&&(l&&this._sb.push(l),M(this))},x.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),M(this))},x.prototype.render=k,i=[],r=\"function\"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,e=function(n,l){return n.__v.__b-l.__v.__b},$.__r=0,f=/(PointerCapture)$\|Capture$/i,c=0,s=F(!1),a=F(!0),h=0;export{x as Component,k as Fragment,K as cloneElement,Q as createContext,_ as createElement,b as createRef,_ as h,J as hydrate,t as isValidElement,l as options,G as render,H as toChildArray};\n//# sourceMappingURL=preact.module.js.map\n","import{options as r,Fragment as e}from\"preact\";export{Fragment}from\"preact\";var t=/[\"&<]/;function n(r){if(0===r.length\|\|!1===t.test(r))return r;for(var e=0,n=0,o=\"\",f=\"\";n<r.length;n++){switch(r.charCodeAt(n)){case 34:f=\""\";break;case 38:f=\"&\";break;case 60:f=\"<\";break;default:continue}n!==e&&(o+=r.slice(e,n)),o+=f,e=n+1}return n!==e&&(o+=r.slice(e,n)),o}var o=/acit\|ex(?:s\|g\|n\|p\|$)\|rph\|grid\|ows\|mnc\|ntw\|ine[ch]\|zoo\|^ord\|itera/i,f=0,i=Array.isArray;function u(e,t,n,o,i,u){t\|\|(t={});var a,c,p=t;if(\"ref\"in p)for(c in p={},t)\"ref\"==c?a=t[c]:p[c]=t[c];var l={type:e,props:p,key:n,ref:a,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:--f,__i:-1,__u:0,__source:i,__self:u};if(\"function\"==typeof e&&(a=e.defaultProps))for(c in a)void 0===p[c]&&(p[c]=a[c]);return r.vnode&&r.vnode(l),l}function a(r){var t=u(e,{tpl:r,exprs:[].slice.call(arguments,1)});return t.key=t.__v,t}var c={},p=/[A-Z]/g;function l(e,t){if(r.attr){var f=r.attr(e,t);if(\"string\"==typeof f)return f}if(t=function(r){return null!==r&&\"object\"==typeof r&&\"function\"==typeof r.valueOf?r.valueOf():r}(t),\"ref\"===e\|\|\"key\"===e)return\"\";if(\"style\"===e&&\"object\"==typeof t){var i=\"\";for(var u in t){var a=t[u];if(null!=a&&\"\"!==a){var l=\"-\"==u[0]?u:c[u]\|\|(c[u]=u.replace(p,\"-$&\").toLowerCase()),s=\";\";\"number\"!=typeof a\|\|l.startsWith(\"--\")\|\|o.test(l)\|\|(s=\"px;\"),i=i+l+\":\"+a+s}}return e+'=\"'+n(i)+'\"'}return null==t\|\|!1===t\|\|\"function\"==typeof t\|\|\"object\"==typeof t?\"\":!0===t?e:e+'=\"'+n(\"\"+t)+'\"'}function s(r){if(null==r\|\|\"boolean\"==typeof r\|\|\"function\"==typeof r)return null;if(\"object\"==typeof r){if(void 0===r.constructor)return r;if(i(r)){for(var e=0;e<r.length;e++)r[e]=s(r[e]);return r}}return n(\"\"+r)}export{u as jsx,l as jsxAttr,u as jsxDEV,s as jsxEscape,a as jsxTemplate,u as jsxs};\n//# sourceMappingURL=jsxRuntime.module.js.map\n","import { JSXWidget } from \"./JSXWidget.ts\";\n\nexport class VizComponent extends JSXWidget.Component<any, any> {\n widget;\n\n refreshProps() {\n for (const key in (this as any).props) {\n if (this.widget[key] && typeof this.widget[key] === \"function\") {\n this.widget[key]((this as any).props[key]);\n }\n }\n }\n\n componentDidMount() {\n this.widget = new (this as any).props.type()\n .target((this as any).base)\n ;\n this.refreshProps();\n this.widget\n .render()\n ;\n }\n\n componentWillUnmount() {\n this.widget\n .target(null)\n .render()\n ;\n }\n\n render() {\n return <div style={(this as any).props.style} />;\n }\n\n componentDidUpdate() {\n this.refreshProps();\n this.widget.render();\n }\n}\n","import { JSXWidget } from \"./JSXWidget.ts\";\n\nexport class VizInstance extends JSXWidget.Component<any, any> {\n widget;\n\n refreshProps() {\n for (const key in (this as any).props) {\n if (this.widget[key] && typeof this.widget[key] === \"function\") {\n this.widget[key]((this as any).props[key]);\n }\n }\n }\n\n componentDidMount() {\n this.widget = (this as any).props.instance\n .target((this as any).base)\n ;\n this.refreshProps();\n this.widget\n .render()\n ;\n }\n\n componentWillUnmount() {\n this.widget\n .target(null)\n .render()\n ;\n }\n\n render() {\n return <div style={(this as any).props.style} />;\n }\n\n componentDidUpdate() {\n this.refreshProps();\n this.widget.render();\n }\n}\n","import { format as d3Format } from \"d3-format\";\nimport { StyledTable } from \"./StyledTable.ts\";\n\nexport class StatsTable extends StyledTable {\n\n protected transformData() {\n const totalRow = [[\"Total\", 0, 0]];\n const data = this.data();\n data.forEach(row => {\n totalRow[0][1] += row[1];\n totalRow[0][2] += row[2];\n });\n return data\n .concat(totalRow)\n .map(row => {\n return [\n row[0],\n this.secondColumnFormat_exists() ? d3Format(this.secondColumnFormat())(row[1]) : row[1],\n this.thirdColumnFormat_exists() ? d3Format(this.thirdColumnFormat())(row[2]) : row[2]\n ];\n })\n ;\n }\n\n update(domNode, element) {\n this.tbodyColumnStyles_default([\n {\n \"font-weight\": \"bold\",\n \"width\": this.firstColumnWidth(),\n \"text-align\": \"left\"\n },\n {\n \"width\": this.secondColumnWidth(),\n \"text-align\": \"right\"\n },\n {\n \"width\": this.thirdColumnWidth(),\n \"text-align\": \"right\"\n }\n ]);\n this.evenRowStyles_default([\n {\n \"font-weight\": \"bold\",\n \"width\": this.firstColumnWidth(),\n \"text-align\": \"left\",\n \"font-color\": this.evenRowFontColor(),\n \"background-color\": this.evenRowBackgroundColor()\n },\n {\n \"width\": this.secondColumnWidth(),\n \"text-align\": \"right\",\n \"font-color\": this.evenRowFontColor(),\n \"background-color\": this.evenRowBackgroundColor()\n },\n {\n \"width\": this.thirdColumnWidth(),\n \"text-align\": \"right\",\n \"font-color\": this.evenRowFontColor(),\n \"background-color\": this.evenRowBackgroundColor()\n }\n ]);\n this.lastRowStyles_default({\n \"font-weight\": \"bold\"\n });\n super.update(domNode, element);\n }\n}\nStatsTable.prototype._class += \" html_StatsTable\";\n\nexport interface StatsTable {\n labelColor(): string;\n labelColor(_: string): this;\n primaryValueColor(): string;\n primaryValueColor(_: string): this;\n secondaryValueColor(): string;\n secondaryValueColor(_: string): this;\n evenRowFontColor(): string;\n evenRowFontColor(_: string): this;\n evenRowBackgroundColor(): string;\n evenRowBackgroundColor(_: string): this;\n firstColumnWidth(): string;\n firstColumnWidth(_: string): this;\n secondColumnWidth(): string;\n secondColumnWidth(_: string): this;\n thirdColumnWidth(): string;\n thirdColumnWidth(_: string): this;\n secondColumnFormat(): string;\n secondColumnFormat(_: string): this;\n secondColumnFormat_exists(): boolean;\n thirdColumnFormat(): string;\n thirdColumnFormat(_: string): this;\n thirdColumnFormat_exists(): boolean;\n}\nStatsTable.prototype.publish(\"labelColor\", \"#333\", \"html-color\", \"Color of the text in the first column\");\nStatsTable.prototype.publish(\"primaryValueColor\", \"#333\", \"html-color\", \"Color of the text in the second column\");\nStatsTable.prototype.publish(\"secondaryValueColor\", \"#333\", \"html-color\", \"Color of the text in the third column\");\nStatsTable.prototype.publish(\"evenRowBackgroundColor\", \"#333\", \"html-color\", \"Background color of the even rows\");\nStatsTable.prototype.publish(\"evenRowFontColor\", \"#333\", \"html-color\", \"Font color of the even rows\");\nStatsTable.prototype.publish(\"firstColumnWidth\", \"auto\", \"string\", \"CSS style applied as the 'width' for the first column (ex: 40px)\");\nStatsTable.prototype.publish(\"secondColumnWidth\", \"1%\", \"string\", \"CSS style applied as the 'width' for the second column (ex: 40px)\");\nStatsTable.prototype.publish(\"thirdColumnWidth\", \"1%\", \"string\", \"CSS style applied as the 'width' for the third column (ex: 40px)\");\nStatsTable.prototype.publish(\"secondColumnFormat\", \"$,.0f\", \"string\", \"d3-format specifier applied to the second column's values\", undefined, { optional: true });\nStatsTable.prototype.publish(\"thirdColumnFormat\", null, \"string\", \"d3-format specifier applied to the third column's values\", undefined, { optional: true });\n","import { HTMLWidget } from \"@hpcc-js/common\";\nimport { JSXWidget } from \"./JSXWidget.ts\";\n\nimport \"../src/TitleBar.css\";\n\nexport interface IClickHandler {\n titleBarClick(src: Item, d, idx: number, groups): void;\n}\n\nexport class Item extends HTMLWidget {\n protected _owner: IClickHandler;\n\n constructor(owner: IClickHandler) {\n super();\n this._owner = owner;\n this._tag = \"a\";\n }\n}\nItem.prototype._class += \" html_Item\";\n\nexport class Button extends Item {\n private _icon: string;\n\n constructor(owner: IClickHandler, icon: string) {\n super(owner);\n this._icon = icon;\n }\n\n icon() {\n return this._icon;\n }\n\n enter(domNode: HTMLElement, element) {\n super.enter(domNode, element);\n element\n .attr(\"href\", \"#\")\n .on(\"click\", (d, idx, groups) => this._owner.titleBarClick(this, d, idx, groups))\n .append(\"i\")\n .attr(\"class\", `fa ${this._icon} fa-lg fa-fw`)\n ;\n }\n}\nButton.prototype._class += \" html_Button\";\n\nexport class ToggleButton extends Button {\n\n enter(domNode: HTMLElement, element) {\n element.on(\"click.sel\", (d, idx, groups) => {\n this.selected(!this.selected());\n this.render();\n });\n super.enter(domNode, element);\n }\n\n update(domNode, element) {\n super.update(domNode, element);\n this._element.classed(\"selected\", this.selected());\n }\n}\nToggleButton.prototype._class += \" html_ToggleButton\";\nexport interface ToggleButton {\n selected(): boolean;\n selected(_: boolean): this;\n}\nToggleButton.prototype.publish(\"selected\", false, \"boolean\");\n\nexport class Spacer extends Item {\n\n enter(domNode, element) {\n super.enter(domNode, element);\n element\n .attr(\"class\", \"spacer\")\n .attr(\"href\", \"#\")\n .append(\"i\")\n ;\n }\n}\nSpacer.prototype._class += \" html_Spacer\";\n\nexport class TitleBar extends JSXWidget {\n protected _divMain;\n protected _divIconBar;\n protected _divTitle;\n\n constructor() {\n super();\n }\n\n enter(domNode, element) {\n super.enter(domNode, element);\n this._divMain = element.append(\"div\")\n .attr(\"class\", \"main\")\n ;\n this._divIconBar = this._divMain.append(\"div\")\n .attr(\"class\", \"icon-bar\")\n ;\n this._divTitle = this._divMain.append(\"div\")\n .attr(\"class\", \"title\")\n ;\n }\n\n update(domNode, element) {\n super.update(domNode, element);\n\n this._divTitle.text(this.title());\n\n const icons = this._divIconBar.selectAll(\".icon-bar-item\").data(this.buttons());\n icons.enter().append(\"div\")\n .attr(\"class\", \"icon-bar-item\")\n .each(function (this: HTMLElement, d: Item) {\n d.target(this);\n })\n .merge(icons)\n .each(function (d: Item) {\n d.render();\n })\n ;\n icons.exit()\n .each(function (d: Item) {\n d.target(null);\n })\n .remove()\n ;\n icons.order();\n }\n}\nTitleBar.prototype._class += \" html_TitleBar\";\n\nexport interface TitleBar {\n title(): string;\n title(_: string): this;\n buttons(): Item[];\n buttons(items: Item[]): this;\n}\nTitleBar.prototype.publish(\"title\", \"\", \"string\");\nTitleBar.prototype.publish(\"buttons\", [], \"widgetArray\");\n"],"names":["PKG_NAME","PKG_VERSION","BUILD_VERSION","_HTMLTooltip","HTMLWidget","_triggerElement","_contentNode","_prevContentNode","_tooltipElement","_arrowElement","_tooltipHTMLCallback","__name","data","_logger","scopedLogger","constructor","super","this","visible","tooltipHTML","_","tooltipContent","arguments","length","triggerElement","enter","domNode","element","body","d3Select","append","attr","style","update","node","querySelectorAll","map","n","__data__","filter","forEach","w","target","exit","innerHTML","appendChild","onShowContent","html","fitContent","rect","getBoundingClientRect","tooltipWidth_default","width","tooltipHeight_default","height","_closing","tooltipColor","fontColor","tooltipWidth","tooltipHeight","padding","enablePointerEvents","updateTooltipPosition","bbox","calcReferenceBBox","direction","calcTooltipDirection","box","y","x","setArrowPosition","directions","Object","keys","defaultDirection","sort","a","b","windowRect","top","left","window","innerWidth","innerHeight","i","tooltipRect","rectFits","warning","debug","innerRect","outerRect","point","visibleBorderStyle","arrowHeight","arrowWidth","getReferenceNode","parentNode","_cursorLoc","wholeW","wholeH","halfW","halfH","arrowH","p","p2","followCursor","e","s","nw","ne","se","sw","mouseout","on","setTimeout","closeDelay","remove","HTMLTooltip","prototype","_class","publish","_SimpleTable","_table","_tbody","_thead","_theadRow","transformData","autoWidth","theadTrSelection","selectAll","columns","merge","text","_d","toString","trSelection","each","d","tdSelection","SimpleTable","_StyledTable","applyStyleObject","selection","styleObject","styleName","fontFamily","theadColumnStyles","styleObj","select","tbodyColumnStyles","evenRowStylesExist","evenRowStyles","lastRowStylesExist","lastRowStyles","tbodyRows","tbodyEvenRows","tbodyLastRow","arr","StyledTable","_BreakdownTable","_tooltip","rowCount","useCalculatedRowCount","calculateRowCount","breakdownData","limit","len","sum","reduce","acc","row","percSum","showOther","perc","Math","round","push","otherLabel","otherPercentage","theadRowHeight","thFontSize","tbodyRowHeight","fontSize","tbodyAvailableHeight","floor","rowHeight","max","textSize","widestLabel","h","ceil","otherData","slice","join","theadColumnStyles_default","color","thFirstColor","thFontWeight","labelAlignment","percentageAlignment","tbodyColumnStyles_default","topLabelColor","topPercentageColor","lastRowStyles_default","otherLabelColor","otherLabelBold","otherPercentageBold","lastRow","context","render","BreakdownTable","disable","_JSXWidget","rootNode","jsxRender","jsx","React","__publicField","Component","createElement","JSXWidget","_VNode","_attrs","_children","attrs","children","type","key","targetElement","thisElement","tagName","renderChildren","document","VNode","_ConstVNode","_type","ConstVNode","_TextVNode","_text","TextVNode","isReactFn","isIVNode","_ReactD3","child","vdom","ReactD3","l","__e","u","t","o","r","__","__c","getDerivedStateFromError","setState","__d","componentDidCatch","__E","Promise","then","bind","resolve","f","c","props","ref","__k","__b","__v","__i","__u","__source","__self","vnode","_VizComponent","widget","refreshProps","componentDidMount","base","componentWillUnmount","componentDidUpdate","VizComponent","_VizInstance","instance","VizInstance","_StatsTable","totalRow","concat","secondColumnFormat_exists","d3Format","secondColumnFormat","thirdColumnFormat_exists","thirdColumnFormat","firstColumnWidth","secondColumnWidth","thirdColumnWidth","evenRowStyles_default","evenRowFontColor","evenRowBackgroundColor","StatsTable","optional","_Item","_owner","owner","_tag","Item","_Button","_icon","icon","idx","groups","titleBarClick","Button","_ToggleButton","selected","_element","classed","ToggleButton","_Spacer","Spacer","_TitleBar","_divMain","_divIconBar","_divTitle","title","icons","buttons","order","TitleBar"],"mappings":"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","x_google_ignoreList":[7,8]}
1	+ {"version":3,"file":"index.js","sources":["../src/__package__.ts","../src/HTMLTooltip.ts","../src/SimpleTable.ts","../src/StyledTable.ts","../src/BreakdownTable.ts","../src/JSXWidget.ts","../src/reactD3.ts","../../../node_modules/preact/dist/preact.module.js","../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js","../src/VizComponent.tsx","../src/VizInstance.tsx","../src/StatsTable.ts","../src/TitleBar.ts"],"sourcesContent":["export const PKG_NAME = \"__PACKAGE_NAME__\";\r\nexport const PKG_VERSION = \"__PACKAGE_VERSION__\";\r\nexport const BUILD_VERSION = \"__BUILD_VERSION__\";\r\n","import { HTMLWidget, select as d3Select } from \"@hpcc-js/common\";\r\nimport { scopedLogger, ScopedLogging } from \"@hpcc-js/util\";\r\n\r\ntype Direction = \"n\" \| \"s\" \| \"e\" \| \"w\" \| \"ne\" \| \"nw\" \| \"se\" \| \"sw\";\r\ntype Position = { x: number, y: number };\r\ntype DirectionalBBox = { [key in Direction]: Position; };\r\n\r\ntype Rectangle = { top: number, left: number, width: number, height: number };\r\nexport class HTMLTooltip extends HTMLWidget {\r\n\r\n public _triggerElement;\r\n public _contentNode;\r\n protected _prevContentNode;\r\n\r\n protected _tooltipElement;\r\n protected _arrowElement;\r\n protected _tooltipHTMLCallback = (data?) => \"<b>_tooltipHTMLCallback is undefined</b>\";\r\n protected _logger: ScopedLogging = scopedLogger(\"html/HTMLTooltip\");\r\n constructor() {\r\n super();\r\n this.visible(false);\r\n }\r\n\r\n tooltipHTML(_: (data?) => string): this {\r\n this._tooltipHTMLCallback = _;\r\n return this;\r\n }\r\n\r\n tooltipContent(_): this {\r\n if (!arguments.length) return this._contentNode;\r\n this._contentNode = _;\r\n return this;\r\n }\r\n\r\n triggerElement(_): this {\r\n this._triggerElement = _;\r\n return this;\r\n }\r\n\r\n enter(domNode, element) {\r\n super.enter(domNode, element);\r\n const body = d3Select(\"body\");\r\n this._tooltipElement = body.append(\"div\")\r\n .attr(\"class\", \"tooltip-div\")\r\n .style(\"z-index\", \"2147483638\")\r\n .style(\"position\", \"fixed\")\r\n ;\r\n this._arrowElement = body.append(\"div\")\r\n .attr(\"class\", \"arrow-div\")\r\n .style(\"z-index\", \"2147483638\")\r\n .style(\"position\", \"fixed\")\r\n ;\r\n }\r\n\r\n update(domNode, element) {\r\n super.update(domNode, element);\r\n\r\n if (this._contentNode !== this._prevContentNode) {\r\n const node = this._tooltipElement.node();\r\n [...node.querySelectorAll(\"\")]\r\n .map(n => n.__data__)\r\n .filter(n => n)\r\n .forEach(w => {\r\n if (typeof w.target === \"function\") {\r\n w.target(null);\r\n }\r\n if (typeof w.exit === \"function\") {\r\n w.exit();\r\n }\r\n });\r\n node.innerHTML = \"\";\r\n node.appendChild(this._contentNode);\r\n this._prevContentNode = this._contentNode;\r\n }\r\n\r\n if (this._contentNode) {\r\n this.onShowContent(this._contentNode);\r\n } else {\r\n this._tooltipElement\r\n .html(() => {\r\n return this._tooltipHTMLCallback(this.data());\r\n });\r\n }\r\n if (this.fitContent()) {\r\n this._tooltipElement\r\n .style(\"width\", \"auto\")\r\n .style(\"height\", \"auto\")\r\n .style(\"padding\", \"0px\")\r\n .style(\"box-sizing\", \"content-box\")\r\n ;\r\n const rect = this._tooltipElement.node().getBoundingClientRect();\r\n this.tooltipWidth_default(rect.width);\r\n this.tooltipHeight_default(rect.height);\r\n }\r\n this._closing = false;\r\n this._tooltipElement\r\n .style(\"background-color\", this.tooltipColor())\r\n .style(\"color\", this.fontColor())\r\n .style(\"width\", this.tooltipWidth() + \"px\")\r\n .style(\"height\", this.tooltipHeight() + \"px\")\r\n .style(\"opacity\", 1)\r\n .style(\"padding\", this.padding() + \"px\")\r\n .style(\"pointer-events\", this.enablePointerEvents() ? \"all\" : \"none\")\r\n .style(\"box-sizing\", \"content-box\")\r\n ;\r\n this._arrowElement\r\n .style(\"opacity\", 1)\r\n .style(\"pointer-events\", \"none\")\r\n ;\r\n this.updateTooltipPosition();\r\n }\r\n\r\n onShowContent(node) {\r\n\r\n }\r\n\r\n protected updateTooltipPosition(): Position {\r\n const bbox = this.calcReferenceBBox();\r\n const direction = this.calcTooltipDirection(bbox);\r\n const box = bbox[direction];\r\n this._tooltipElement\r\n .style(\"top\", box.y + \"px\")\r\n .style(\"left\", box.x + \"px\")\r\n ;\r\n this.setArrowPosition(box, direction);\r\n return box;\r\n }\r\n\r\n protected calcTooltipDirection(bbox: DirectionalBBox): Direction {\r\n const directions: Direction[] = Object.keys(bbox) as Direction[];\r\n\r\n const defaultDirection = this.direction();\r\n directions.sort((a, b) => a === defaultDirection ? -1 : 1);\r\n const windowRect = {\r\n top: 0,\r\n left: 0,\r\n width: window.innerWidth,\r\n height: window.innerHeight\r\n };\r\n for (let i = 0; i < directions.length; i++) {\r\n const tooltipRect = {\r\n top: bbox[directions[i]].y,\r\n left: bbox[directions[i]].x,\r\n width: this.tooltipWidth(),\r\n height: this.tooltipHeight()\r\n };\r\n if (this.rectFits(tooltipRect, windowRect)) {\r\n return directions[i];\r\n }\r\n }\r\n this._logger.warning(`Tooltip doesn't fit in the window for any of the directions. Defaulting to '${defaultDirection}'`);\r\n this._logger.debug(windowRect);\r\n this._logger.debug({\r\n top: bbox[defaultDirection].y,\r\n left: bbox[defaultDirection].x,\r\n width: this.tooltipWidth(),\r\n height: this.tooltipHeight()\r\n });\r\n return defaultDirection;\r\n }\r\n\r\n protected rectFits(innerRect: Rectangle, outerRect: Rectangle): boolean {\r\n return (\r\n innerRect.top >= outerRect.top &&\r\n innerRect.left >= outerRect.left &&\r\n innerRect.width + innerRect.left <= outerRect.width + outerRect.left &&\r\n innerRect.height + innerRect.top <= outerRect.height + outerRect.top\r\n );\r\n }\r\n\r\n protected setArrowPosition(point: Position, direction: Direction) {\r\n let top;\r\n let left;\r\n let visibleBorderStyle = \"border-top-color\";\r\n this._arrowElement\r\n .style(\"border\", `${this.arrowHeight()}px solid ${this.tooltipColor()}`)\r\n .style(\"border-top-color\", \"transparent\")\r\n .style(\"border-right-color\", \"transparent\")\r\n .style(\"border-bottom-color\", \"transparent\")\r\n .style(\"border-left-color\", \"transparent\")\r\n ;\r\n switch (direction) {\r\n case \"n\":\r\n top = point.y + this.tooltipHeight() + (this.padding() 2);\r\n left = point.x + (this.tooltipWidth() / 2) - (this.arrowWidth() / 2) + this.padding();\r\n visibleBorderStyle = \"border-top-color\";\r\n this._arrowElement\r\n .style(\"border-top-width\", `${this.arrowHeight()}px`)\r\n .style(\"border-bottom-width\", \"0px\")\r\n .style(\"border-left-width\", `${this.arrowWidth() / 2}px`)\r\n .style(\"border-right-width\", `${this.arrowWidth() / 2}px`)\r\n ;\r\n break;\r\n case \"s\":\r\n top = point.y - this.arrowHeight();\r\n left = point.x + this.padding() + (this.tooltipWidth() / 2) - (this.arrowWidth() / 2);\r\n visibleBorderStyle = \"border-bottom-color\";\r\n this._arrowElement\r\n .style(\"border-top-width\", \"0px\")\r\n .style(\"border-bottom-width\", `${this.arrowHeight()}px`)\r\n .style(\"border-left-width\", `${this.arrowWidth() / 2}px`)\r\n .style(\"border-right-width\", `${this.arrowWidth() / 2}px`)\r\n ;\r\n break;\r\n case \"e\":\r\n top = point.y + (this.tooltipHeight() / 2) + this.padding() - (this.arrowWidth() / 2);\r\n left = point.x - this.arrowHeight();\r\n visibleBorderStyle = \"border-right-color\";\r\n this._arrowElement\r\n .style(\"border-top-width\", `${this.arrowWidth() / 2}px`)\r\n .style(\"border-bottom-width\", `${this.arrowWidth() / 2}px`)\r\n .style(\"border-left-width\", \"0px\")\r\n .style(\"border-right-width\", `${this.arrowHeight()}px`)\r\n ;\r\n break;\r\n case \"w\":\r\n top = point.y + (this.tooltipHeight() / 2) - (this.arrowWidth() / 2) + this.padding();\r\n left = point.x + this.tooltipWidth() + (this.padding() * 2);\r\n visibleBorderStyle = \"border-left-color\";\r\n this._arrowElement\r\n .style(\"border-top-width\", `${this.arrowWidth() / 2}px`)\r\n .style(\"border-bottom-width\", `${this.arrowWidth() / 2}px`)\r\n .style(\"border-left-width\", `${this.arrowHeight()}px`)\r\n .style(\"border-right-width\", \"0px\")\r\n ;\r\n break;\r\n }\r\n if (typeof top !== \"undefined\" && typeof left !== \"undefined\") {\r\n this._arrowElement\r\n .style(\"top\", top + \"px\")\r\n .style(\"left\", left + \"px\")\r\n .style(visibleBorderStyle, this.tooltipColor())\r\n .style(\"opacity\", 1)\r\n ;\r\n } else {\r\n this._arrowElement\r\n .style(\"opacity\", 0)\r\n ;\r\n }\r\n return point;\r\n }\r\n\r\n protected getReferenceNode() {\r\n if (!this._triggerElement) {\r\n return this.element().node().parentNode.parentNode;\r\n }\r\n return this._triggerElement.node();\r\n }\r\n public _cursorLoc;\r\n protected calcReferenceBBox() {\r\n const node = this.getReferenceNode();\r\n let { top, left, width, height } = node.getBoundingClientRect();\r\n const wholeW = this.tooltipWidth();\r\n const wholeH = this.tooltipHeight();\r\n const halfW = wholeW / 2;\r\n const halfH = wholeH / 2;\r\n const arrowH = this.arrowHeight();\r\n const p = this.padding();\r\n const p2 = p * 2;\r\n\r\n if (this.followCursor() && this._cursorLoc) {\r\n\r\n left = this._cursorLoc[0];\r\n top = this._cursorLoc[1];\r\n width = 1;\r\n height = 1;\r\n }\r\n const bbox = {\r\n n: {\r\n x: left + (width / 2) - halfW - p,\r\n y: top - wholeH - arrowH - p2\r\n },\r\n e: {\r\n x: left + width + arrowH,\r\n y: top + (height / 2) - halfH - p\r\n },\r\n s: {\r\n x: left + (width / 2) - halfW - p,\r\n y: top + height + arrowH\r\n },\r\n w: {\r\n x: left - wholeW - arrowH - p2,\r\n y: top + (height / 2) - halfH - p\r\n },\r\n nw: {\r\n x: left - wholeW - p2,\r\n y: top - wholeH - p2\r\n },\r\n ne: {\r\n x: left + width,\r\n y: top - wholeH - p2\r\n },\r\n se: {\r\n x: left + width,\r\n y: top + height\r\n },\r\n sw: {\r\n x: left - wholeW - p2,\r\n y: top + height\r\n }\r\n };\r\n return bbox;\r\n }\r\n\r\n private _closing = false;\r\n mouseout() {\r\n this._closing = true;\r\n this._tooltipElement.on(\"mouseover\", () => {\r\n this._closing = false;\r\n });\r\n this._tooltipElement.on(\"mouseout\", () => {\r\n this.mouseout();\r\n });\r\n setTimeout(() => {\r\n if (this._closing) {\r\n this.visible(false);\r\n }\r\n }, this.closeDelay());\r\n }\r\n\r\n visible(): boolean;\r\n visible(_: boolean): this;\r\n visible(_?: boolean): boolean \| this {\r\n if (!arguments.length) return super.visible();\r\n if (this._arrowElement) {\r\n this._arrowElement.style(\"visibility\", _ ? \"visible\" : \"hidden\");\r\n this._tooltipElement.style(\"visibility\", _ ? \"visible\" : \"hidden\");\r\n }\r\n super.visible(_);\r\n return this;\r\n }\r\n\r\n exit(domNode, element) {\r\n if (this._arrowElement) {\r\n this._arrowElement.remove();\r\n this._tooltipElement.remove();\r\n }\r\n super.exit(domNode, element);\r\n }\r\n}\r\nHTMLTooltip.prototype._class += \" html_HTMLTooltip\";\r\n\r\nexport interface HTMLTooltip {\r\n padding(): number;\r\n padding(_: number): this;\r\n direction(): Direction;\r\n direction(_: Direction): this;\r\n arrowHeight(): number;\r\n arrowHeight(_: number): this;\r\n arrowWidth(): number;\r\n arrowWidth(_: number): this;\r\n fontColor(): string;\r\n fontColor(_: string): this;\r\n tooltipColor(): string;\r\n tooltipColor(_: string): this;\r\n tooltipWidth(): number;\r\n tooltipWidth(_: number): this;\r\n tooltipWidth_default(_: number);\r\n tooltipHeight(): number;\r\n tooltipHeight(_: number): this;\r\n tooltipHeight_default(_: number);\r\n followCursor(): boolean;\r\n followCursor(_: boolean): this;\r\n enablePointerEvents(): boolean;\r\n enablePointerEvents(_: boolean): this;\r\n closeDelay(): number;\r\n closeDelay(_: number): this;\r\n fitContent(): boolean;\r\n fitContent(_: boolean): this;\r\n\r\n}\r\n\r\nHTMLTooltip.prototype.publish(\"fitContent\", false, \"boolean\", \"If true, tooltip will grow to fit its html content\");\r\nHTMLTooltip.prototype.publish(\"followCursor\", false, \"boolean\", \"If true, tooltip will display relative to cursor location\");\r\nHTMLTooltip.prototype.publish(\"closeDelay\", 400, \"number\", \"Number of milliseconds to wait before closing tooltip (cancelled on tooltip mouseover event)\");\r\nHTMLTooltip.prototype.publish(\"direction\", \"n\", \"set\", \"Direction in which to display the tooltip\", [\"n\", \"s\", \"e\", \"w\", \"ne\", \"nw\", \"se\", \"sw\"]);\r\nHTMLTooltip.prototype.publish(\"padding\", 8, \"number\", \"Padding (pixels)\");\r\nHTMLTooltip.prototype.publish(\"arrowWidth\", 16, \"number\", \"Width (or height depending on direction) of the tooltip arrow (pixels)\");\r\nHTMLTooltip.prototype.publish(\"arrowHeight\", 8, \"number\", \"Height (or width depending on direction) of the tooltip arrow (pixels)\");\r\nHTMLTooltip.prototype.publish(\"fontColor\", \"#FFF\", \"html-color\", \"The default font color for text in the tooltip\");\r\nHTMLTooltip.prototype.publish(\"tooltipColor\", \"#000000EE\", \"html-color\", \"Background color of the tooltip\");\r\nHTMLTooltip.prototype.publish(\"tooltipWidth\", 200, \"number\", \"Width of the tooltip (not including arrow) (pixels)\");\r\nHTMLTooltip.prototype.publish(\"tooltipHeight\", 200, \"number\", \"Height of the tooltip (not including arrow) (pixels)\");\r\nHTMLTooltip.prototype.publish(\"enablePointerEvents\", false, \"boolean\", \"If true, the 'pointer-events: all' style will be used\");\r\n","import { HTMLWidget, select as d3Select } from \"@hpcc-js/common\";\r\n\r\nexport class SimpleTable extends HTMLWidget {\r\n protected _table;\r\n protected _tbody;\r\n protected _thead;\r\n protected _theadRow;\r\n constructor() {\r\n super();\r\n }\r\n\r\n protected transformData() {\r\n return this.data();\r\n }\r\n\r\n enter(domNode, element) {\r\n super.enter(domNode, element);\r\n\r\n this._table = element.append(\"table\");\r\n this._thead = this._table.append(\"thead\");\r\n this._theadRow = this._thead.append(\"tr\");\r\n this._tbody = this._table.append(\"tbody\");\r\n }\r\n\r\n update(domNode, element) {\r\n super.update(domNode, element);\r\n this._table\r\n .style(\"width\", this.autoWidth() ? \"auto\" : \"100%\")\r\n ;\r\n const theadTrSelection = this._theadRow.selectAll(\"th\").data(this.columns());\r\n theadTrSelection.enter()\r\n .append(\"th\")\r\n .attr(\"class\", (n, i) => `th-${i}`)\r\n .merge(theadTrSelection)\r\n .text(_d => (_d).toString())\r\n ;\r\n theadTrSelection.exit().remove();\r\n const trSelection = this._tbody.selectAll(\"tr\").data(this.transformData());\r\n trSelection.enter()\r\n .append(\"tr\")\r\n .merge(trSelection)\r\n .each(function (this, d) {\r\n const tr = d3Select(this);\r\n const tdSelection = tr.selectAll(\"td\").data(d);\r\n tdSelection.enter()\r\n .append(\"td\")\r\n .attr(\"class\", (n, i) => `col-${i}`)\r\n .merge(tdSelection as any)\r\n .text(_d => (_d).toString())\r\n ;\r\n tdSelection.exit().remove();\r\n })\r\n ;\r\n trSelection.exit().remove();\r\n }\r\n}\r\nSimpleTable.prototype._class += \" html_SimpleTable\";\r\n\r\nexport interface SimpleTable {\r\n autoWidth(): boolean;\r\n autoWidth(_: boolean): this;\r\n}\r\nSimpleTable.prototype.publish(\"autoWidth\", false, \"boolean\", \"If true, table width will be set to 'auto'. If false, the width is set to '100%'\");\r\n","import { SimpleTable } from \"./SimpleTable.ts\";\r\n\r\nexport class StyledTable extends SimpleTable {\r\n constructor() {\r\n super();\r\n }\r\n\r\n protected applyStyleObject(selection, styleObject) {\r\n Object.keys(styleObject).forEach(styleName => {\r\n selection.style(styleName, styleObject[styleName]);\r\n });\r\n }\r\n\r\n update(domNode, element) {\r\n super.update(domNode, element);\r\n\r\n element.selectAll(\"tr,th,td\")\r\n .attr(\"style\", \"\")\r\n .style(\"font-family\", this.fontFamily())\r\n .style(\"color\", this.fontColor())\r\n ;\r\n\r\n this.theadColumnStyles().forEach((styleObj, i) => {\r\n this.applyStyleObject(element.select(`.th-${i}`), styleObj);\r\n });\r\n this.tbodyColumnStyles().forEach((styleObj, i) => {\r\n this.applyStyleObject(element.selectAll(`.col-${i}`), styleObj);\r\n });\r\n const evenRowStylesExist = Object.keys(this.evenRowStyles()).length > 0;\r\n const lastRowStylesExist = Object.keys(this.lastRowStyles()).length > 0;\r\n const tbodyRows = element.selectAll(\"tbody > tr\");\r\n if (evenRowStylesExist) {\r\n const tbodyEvenRows = tbodyRows.select(function (this: HTMLElement, d, i) { return i % 2 ? this : null; });\r\n this.applyStyleObject(tbodyEvenRows, this.evenRowStyles());\r\n }\r\n if (lastRowStylesExist) {\r\n const tbodyLastRow = tbodyRows.select(function (this: HTMLElement, d, i, arr) { return i === arr.length - 1 ? this : null; });\r\n this.applyStyleObject(tbodyLastRow, this.lastRowStyles());\r\n }\r\n }\r\n}\r\nStyledTable.prototype._class += \" html_StyledTable\";\r\n\r\nexport interface StyledTable {\r\n fontFamily(): string;\r\n fontFamily(_: string): this;\r\n fontColor(): string;\r\n fontColor(_: string): this;\r\n tbodyColumnStyles(): Array<{ [styleID: string]: any }>;\r\n tbodyColumnStyles(_: Array<{ [styleID: string]: any }>): this;\r\n tbodyColumnStyles_default(_: Array<{ [styleID: string]: any }>): this;\r\n theadColumnStyles(): Array<{ [styleID: string]: any }>;\r\n theadColumnStyles(_: Array<{ [styleID: string]: any }>): this;\r\n theadColumnStyles_default(_: Array<{ [styleID: string]: any }>): this;\r\n lastRowStyles(): { [styleID: string]: any };\r\n lastRowStyles(_: { [styleID: string]: any }): this;\r\n lastRowStyles_default(_: { [styleID: string]: any }): this;\r\n evenRowStyles(): { [styleID: string]: any };\r\n evenRowStyles(_: { [styleID: string]: any }): this;\r\n evenRowStyles_default(_: { [styleID: string]: any }): this;\r\n}\r\n\r\nStyledTable.prototype.publish(\"fontFamily\", \"Verdana\", \"string\", \"Base font-family used within the table\");\r\nStyledTable.prototype.publish(\"fontColor\", \"#333\", \"string\", \"Base font color used within the table\");\r\nStyledTable.prototype.publish(\"theadColumnStyles\", [], \"array\", 'Array of objects containing styles for the thead columns (ex: [{\"color\":\"red\"},{\"color\":\"blue\"}])');\r\nStyledTable.prototype.publish(\"tbodyColumnStyles\", [], \"array\", 'Array of objects containing styles for the tbody columns (ex: [{\"color\":\"red\"},{\"color\":\"blue\"}])');\r\nStyledTable.prototype.publish(\"lastRowStyles\", {}, \"object\", 'Object containing styles for the last row (ex: {\"color\":\"red\"})');\r\nStyledTable.prototype.publish(\"evenRowStyles\", {}, \"object\", 'Object containing styles for even rows (ex: {\"background-color\":\"#AAA\"})');\r\n","import { HTMLTooltip } from \"./HTMLTooltip.ts\";\r\nimport { StyledTable } from \"./StyledTable.ts\";\r\n\r\nexport class BreakdownTable extends StyledTable {\r\n // protected _table;\r\n // protected _tbody;\r\n protected _tooltip: HTMLTooltip;\r\n constructor() {\r\n super();\r\n }\r\n\r\n protected transformData() {\r\n const rowCount = this.useCalculatedRowCount() ? this.calculateRowCount() : this.rowCount();\r\n return this.breakdownData(rowCount);\r\n }\r\n\r\n protected breakdownData(limit: number): any[] {\r\n const len = this.data().length;\r\n const sum = this.data().reduce((acc, row) => acc + row[1], 0);\r\n const data = [];\r\n let percSum = 0;\r\n this.data().sort((a, b) => a[1] > b[1] ? -1 : 1);\r\n const hiddenRowCount = len - limit;\r\n const showOther = hiddenRowCount > 0;\r\n this.data()\r\n .filter((_, i) => showOther ? i < limit - 1 : true)\r\n .forEach(row => {\r\n const perc = Math.round((row[1] / sum) * 100);\r\n percSum += perc;\r\n data.push([row[0], perc + \"%\"]);\r\n });\r\n if (showOther) {\r\n const otherLabel = `${this.otherLabel()} (${len - limit + 1})`;\r\n const otherPercentage = \"~\" + (100 - percSum) + \"%\";\r\n data.push([otherLabel, otherPercentage]);\r\n }\r\n return data;\r\n }\r\n\r\n protected calculateRowCount(): number {\r\n const theadRowHeight = this.columns().length > 0 ? this.thFontSize() + 5 : 0;\r\n const tbodyRowHeight = this.fontSize() + 5;\r\n const tbodyAvailableHeight = this.height() - theadRowHeight;\r\n const rowCount = Math.floor(tbodyAvailableHeight / tbodyRowHeight);\r\n return rowCount;\r\n }\r\n\r\n enter(domNode, element) {\r\n super.enter(domNode, element);\r\n this._tooltip = new HTMLTooltip()\r\n .target(domNode)\r\n ;\r\n this._tooltip\r\n .tooltipHTML(data => {\r\n const rowCount = this.useCalculatedRowCount() ? this.calculateRowCount() : this.rowCount();\r\n const rowHeight = Math.max(...data.map(row => this.textSize(row[0], this.fontFamily(), this.fontSize()).height)) ?? this.fontSize();\r\n const widestLabel = Math.max(...data.map(row => this.textSize(row[0], this.fontFamily(), this.fontSize()).width));\r\n const widestPerc = 30;\r\n const colCount = 2;\r\n const w = colCount * (widestLabel + widestPerc) + (this._tooltip.padding() * 2);\r\n const h = rowHeight * Math.ceil((data.length - rowCount) / colCount) + (this._tooltip.padding() * 2);\r\n this._tooltip.tooltipWidth(w);\r\n this._tooltip.tooltipHeight(h);\r\n const otherData = this.breakdownData(this.data().length).slice(rowCount - 1);\r\n return `<div style=\"\r\n width: 100%;\r\n height: 100%;\r\n font-size: ${this.fontSize()}px;\r\n \">${otherData.map(row =>\r\n `<div style=\"\r\n float:left;\r\n width:${Math.floor(99 / colCount)}%;\r\n \">${row[0]}: ${row[1]}</div>`\r\n ).join(\"\")\r\n }</div>`;\r\n })\r\n ;\r\n }\r\n\r\n update(domNode, element) {\r\n this.theadColumnStyles_default([\r\n {\r\n \"color\": this.thFirstColor(),\r\n \"font-size\": this.thFontSize() + \"px\",\r\n \"font-weight\": this.thFontWeight(),\r\n \"text-align\": this.labelAlignment(),\r\n \"width\": \"auto\",\r\n \"padding\": \"0px\"\r\n },\r\n {\r\n \"width\": \"1%\",\r\n \"font-size\": this.thFontSize() + \"px\",\r\n \"font-weight\": this.thFontWeight(),\r\n \"text-align\": this.percentageAlignment(),\r\n \"padding\": \"0px\"\r\n }\r\n ]);\r\n this.tbodyColumnStyles_default([\r\n {\r\n \"color\": this.topLabelColor(),\r\n \"font-size\": this.fontSize() + \"px\",\r\n \"font-weight\": \"normal\",\r\n \"text-align\": this.labelAlignment(),\r\n \"width\": \"auto\",\r\n \"padding\": \"0px\"\r\n },\r\n {\r\n \"color\": this.topPercentageColor(),\r\n \"font-size\": this.fontSize() + \"px\",\r\n \"font-weight\": \"normal\",\r\n \"text-align\": this.percentageAlignment(),\r\n \"width\": \"1%\",\r\n \"padding\": \"0px\"\r\n }\r\n ]);\r\n this.lastRowStyles_default([\r\n {\r\n \"color\": this.otherLabelColor(),\r\n \"font-size\": this.fontSize() + \"px\",\r\n \"font-weight\": this.otherLabelBold() ? \"bold\" : \"normal\",\r\n \"text-align\": this.labelAlignment(),\r\n \"width\": \"auto\",\r\n \"padding\": \"0px\"\r\n },\r\n {\r\n \"color\": this.otherLabelColor(),\r\n \"font-size\": this.fontSize() + \"px\",\r\n \"font-weight\": this.otherPercentageBold() ? \"bold\" : \"normal\",\r\n \"text-align\": this.percentageAlignment(),\r\n \"width\": \"1%\",\r\n \"padding\": \"0px\"\r\n }\r\n ]);\r\n\r\n super.update(domNode, element);\r\n\r\n const rowCount = this.useCalculatedRowCount() ? this.calculateRowCount() : this.rowCount();\r\n if (rowCount < this.data().length) {\r\n const lastRow = element.select(\"tbody > tr:last-child\");\r\n const context = this;\r\n lastRow\r\n .on(\"mouseout.tooltip\", d => {\r\n context._tooltip._triggerElement = lastRow;\r\n context._tooltip\r\n .visible(false)\r\n .render()\r\n ;\r\n })\r\n .on(\"mouseenter.tooltip\", d => {\r\n context._tooltip._triggerElement = lastRow;\r\n context._tooltip\r\n .direction(\"n\")\r\n .data(context.data())\r\n .visible(true)\r\n .render()\r\n ;\r\n })\r\n ;\r\n }\r\n }\r\n\r\n}\r\nBreakdownTable.prototype._class += \" html_BreakdownTable\";\r\n\r\nexport interface BreakdownTable {\r\n useCalculatedRowCount(): boolean;\r\n useCalculatedRowCount(_: boolean): this;\r\n rowCount(): number;\r\n rowCount(_: number): this;\r\n fontSize(): number;\r\n fontSize(_: number): this;\r\n thFirstColor(): string;\r\n thFirstColor(_: string): this;\r\n thLastColor(): string;\r\n thLastColor(_: string): this;\r\n thFontSize(): number;\r\n thFontSize(_: number): this;\r\n thFontWeight(): string;\r\n thFontWeight(_: string): this;\r\n labelAlignment(): \"left\" \| \"center\" \| \"right\";\r\n labelAlignment(_: \"left\" \| \"center\" \| \"right\"): this;\r\n percentageAlignment(): \"left\" \| \"center\" \| \"right\";\r\n percentageAlignment(_: \"left\" \| \"center\" \| \"right\"): this;\r\n topLabelColor(): string;\r\n topLabelColor(_: string): this;\r\n topPercentageColor(): string;\r\n topPercentageColor(_: string): this;\r\n topPercentageBold(): boolean;\r\n topPercentageBold(_: boolean): this;\r\n otherLabel(): string;\r\n otherLabel(_: string): this;\r\n otherLabelColor(): string;\r\n otherLabelColor(_: string): this;\r\n otherLabelBold(): boolean;\r\n otherLabelBold(_: boolean): this;\r\n otherPercentageColor(): string;\r\n otherPercentageColor(_: string): this;\r\n otherPercentageBold(): boolean;\r\n otherPercentageBold(_: boolean): this;\r\n}\r\n\r\nBreakdownTable.prototype.publish(\"useCalculatedRowCount\", true, \"boolean\", \"If true, rowCount will be calculated and its default will be overwritten\");\r\nBreakdownTable.prototype.publish(\"rowCount\", 5, \"number\", \"Number of total rows to display (including the 'other' row)\", undefined, { disable: w => w.useCalculatedRowCount() });\r\nBreakdownTable.prototype.publish(\"fontSize\", 14, \"number\", \"Font size (pixels)\");\r\nBreakdownTable.prototype.publish(\"labelAlignment\", \"left\", \"set\", \"Alignment of the label column text\", [\"left\", \"center\", \"right\"]);\r\nBreakdownTable.prototype.publish(\"percentageAlignment\", \"center\", \"set\", \"Alignment of the percentage column text\", [\"left\", \"center\", \"right\"]);\r\nBreakdownTable.prototype.publish(\"topLabelColor\", \"#333\", \"html-color\", \"Color of displayed 'top' labels\");\r\nBreakdownTable.prototype.publish(\"topPercentageColor\", \"#1A99D5\", \"html-color\", \"Color of displayed 'top' percentages\");\r\nBreakdownTable.prototype.publish(\"topPercentageBold\", true, \"html-color\", \"If true, the 'top' percentages will be bold\");\r\nBreakdownTable.prototype.publish(\"otherLabel\", \"Other\", \"string\", \"Label text for the 'other' row\");\r\nBreakdownTable.prototype.publish(\"otherLabelColor\", \"#AAA\", \"html-color\", \"Color of the 'other' label\");\r\nBreakdownTable.prototype.publish(\"otherLabelBold\", false, \"html-color\", \"If true, the 'other' label will be bold\");\r\nBreakdownTable.prototype.publish(\"otherPercentageColor\", \"#AAA\", \"html-color\", \"Color of the 'other' percentage\");\r\nBreakdownTable.prototype.publish(\"otherPercentageBold\", false, \"html-color\", \"If true, the 'other' percentage will be bold\");\r\nBreakdownTable.prototype.publish(\"thFontWeight\", \"bold\", \"string\", \"Font weight for th elements\");\r\nBreakdownTable.prototype.publish(\"thFontSize\", 26, \"number\", \"Font size for th elements\");\r\nBreakdownTable.prototype.publish(\"thFirstColor\", \"#333\", \"html-color\", \"Text color of the first th element\");\r\nBreakdownTable.prototype.publish(\"thLastColor\", \"#333\", \"html-color\", \"Text color of the last th element\");\r\n","import { HTMLWidget } from \"@hpcc-js/common\";\r\nimport { React } from \"@hpcc-js/react\";\r\n\r\nexport class JSXWidget extends HTMLWidget {\r\n static Component = React.Component;\r\n static createElement = React.createElement;\r\n protected rootNode;\r\n\r\n jsxRender(jsx, domNode) {\r\n this.rootNode = React.render(jsx, domNode, this.rootNode);\r\n }\r\n}\r\nJSXWidget.prototype._class += \" html_JSXWidget\";\r\n","import { select as d3Select } from \"@hpcc-js/common\";\r\n\r\nexport type ReactFn = (attrs: { [key: string]: string }) => VNode;\r\n\r\nexport type IVNode = new (attrs: { [key: string]: string }, children: VNode[]) => VNode;\r\n\r\nexport class VNode {\r\n protected _attrs: { [key: string]: string };\r\n protected _children: VNode[];\r\n\r\n constructor(attrs: { [key: string]: string }, children: VNode[]) {\r\n this._attrs = attrs;\r\n this._children = children;\r\n }\r\n\r\n type(): string {\r\n return \"div\";\r\n }\r\n\r\n attrs(): { [key: string]: string } {\r\n return this._attrs;\r\n }\r\n\r\n attr(key) {\r\n return this._attrs[key];\r\n }\r\n\r\n children(): VNode[] {\r\n return this._children;\r\n }\r\n\r\n update(targetElement) {\r\n for (const key in this._attrs) {\r\n targetElement.attr(key, this._attrs[key]);\r\n }\r\n }\r\n\r\n render(targetElement) {\r\n const thisElement = targetElement.selectAll(`${targetElement.node().tagName} > `).data([this]);\r\n thisElement.exit()\r\n .remove();\r\n return thisElement.enter().append(this.type())\r\n .attr(\"reactd3\", 0)\r\n .merge(thisElement)\r\n .each(function (this: HTMLElement, d: VNode) {\r\n const element = d3Select(this);\r\n d.update(element);\r\n d.renderChildren(element);\r\n })\r\n ;\r\n }\r\n\r\n renderChildren(targetElement) {\r\n const thisElement = targetElement.selectAll(`${targetElement.node().tagName} > `).data(this._children);\r\n thisElement.exit()\r\n .remove();\r\n return thisElement.enter().append(d => document.createElement(d.type()))\r\n .attr(\"reactd3\", (_d, i) => i)\r\n .merge(thisElement)\r\n .each(function (this: HTMLElement, d: VNode) {\r\n const element = d3Select(this);\r\n d.update(element);\r\n d.renderChildren(element);\r\n })\r\n ;\r\n }\r\n}\r\n\r\nclass ConstVNode extends VNode {\r\n protected _type: string;\r\n\r\n constructor(type: string, attrs: { [key: string]: string }, children: VNode[]) {\r\n super(attrs, children);\r\n this._type = type;\r\n }\r\n\r\n type(): string {\r\n return this._type;\r\n }\r\n}\r\n\r\nclass TextVNode extends VNode {\r\n protected _text: string;\r\n\r\n constructor(text: string) {\r\n super({}, []);\r\n this._text = text;\r\n }\r\n\r\n type(): string {\r\n return \"span\";\r\n }\r\n\r\n update(targetElement) {\r\n super.update(targetElement);\r\n targetElement.text(this._text);\r\n }\r\n}\r\n\r\nfunction isReactFn(_): _ is ReactFn {\r\n return typeof _ === \"function\";\r\n}\r\n\r\nfunction isIVNode(_: any): _ is IVNode {\r\n return _.prototype && _.prototype instanceof VNode;\r\n}\r\n\r\nexport class ReactD3 {\r\n // static createElementXXX(type: string \| ReactFn \| IVNode, attrs: { [key: string]: string }, ...children: Array<string \| VNode>): VNode {\r\n static createElement(type: string \| ReactFn \| IVNode, attrs: { [key: string]: string }, ...children: Array<string \| VNode>): VNode {\r\n if (isIVNode(type)) {\r\n return new (type as any)(attrs);\r\n } else if (isReactFn(type)) {\r\n return type(attrs);\r\n }\r\n return new ConstVNode(type, attrs, children.map(child => {\r\n if (typeof child === \"string\") {\r\n return new TextVNode(child);\r\n }\r\n return child;\r\n }));\r\n }\r\n\r\n static render(vdom: VNode, targetElement) {\r\n vdom.render(targetElement);\r\n }\r\n}\r\n","var n,l,u,t,i,o,r,e,f,c,s,a,h,p={},v=[],y=/acit\|ex(?:s\|g\|n\|p\|$)\|rph\|grid\|ows\|mnc\|ntw\|ine[ch]\|zoo\|^ord\|itera/i,d=Array.isArray;function w(n,l){for(var u in l)n[u]=l[u];return n}function g(n){n&&n.parentNode&&n.parentNode.removeChild(n)}function _(l,u,t){var i,o,r,e={};for(r in u)\"key\"==r?i=u[r]:\"ref\"==r?o=u[r]:e[r]=u[r];if(arguments.length>2&&(e.children=arguments.length>3?n.call(arguments,2):t),\"function\"==typeof l&&null!=l.defaultProps)for(r in l.defaultProps)void 0===e[r]&&(e[r]=l.defaultProps[r]);return m(l,e,i,o,null)}function m(n,t,i,o,r){var e={type:n,props:t,key:i,ref:o,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:null==r?++u:r,__i:-1,__u:0};return null==r&&null!=l.vnode&&l.vnode(e),e}function b(){return{current:null}}function k(n){return n.children}function x(n,l){this.props=n,this.context=l}function S(n,l){if(null==l)return n.__?S(n.__,n.__i+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return\"function\"==typeof n.type?S(n):null}function C(n){var l,u;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,l=0;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e){n.__e=n.__c.base=u.__e;break}return C(n)}}function M(n){(!n.__d&&(n.__d=!0)&&i.push(n)&&!$.__r++\|\|o!=l.debounceRendering)&&((o=l.debounceRendering)\|\|r)($)}function $(){for(var n,u,t,o,r,f,c,s=1;i.length;)i.length>s&&i.sort(e),n=i.shift(),s=i.length,n.__d&&(t=void 0,o=void 0,r=(o=(u=n).__v).__e,f=[],c=[],u.__P&&((t=w({},o)).__v=o.__v+1,l.vnode&&l.vnode(t),O(u.__P,t,o,u.__n,u.__P.namespaceURI,32&o.__u?[r]:null,f,null==r?S(o):r,!!(32&o.__u),c),t.__v=o.__v,t.__.__k[t.__i]=t,N(f,t,c),o.__e=o.__=null,t.__e!=r&&C(t)));$.__r=0}function I(n,l,u,t,i,o,r,e,f,c,s){var a,h,y,d,w,g,_,m=t&&t.__k\|\|v,b=l.length;for(f=P(u,l,m,f,b),a=0;a<b;a++)null!=(y=u.__k[a])&&(h=-1==y.__i?p:m[y.__i]\|\|p,y.__i=a,g=O(n,y,h,i,o,r,e,f,c,s),d=y.__e,y.ref&&h.ref!=y.ref&&(h.ref&&B(h.ref,null,y),s.push(y.ref,y.__c\|\|d,y)),null==w&&null!=d&&(w=d),(_=!!(4&y.__u))\|\|h.__k===y.__k?f=A(y,f,n,_):\"function\"==typeof y.type&&void 0!==g?f=g:d&&(f=d.nextSibling),y.__u&=-7);return u.__e=w,f}function P(n,l,u,t,i){var o,r,e,f,c,s=u.length,a=s,h=0;for(n.__k=new Array(i),o=0;o<i;o++)null!=(r=l[o])&&\"boolean\"!=typeof r&&\"function\"!=typeof r?(\"string\"==typeof r\|\|\"number\"==typeof r\|\|\"bigint\"==typeof r\|\|r.constructor==String?r=n.__k[o]=m(null,r,null,null,null):d(r)?r=n.__k[o]=m(k,{children:r},null,null,null):void 0===r.constructor&&r.__b>0?r=n.__k[o]=m(r.type,r.props,r.key,r.ref?r.ref:null,r.__v):n.__k[o]=r,f=o+h,r.__=n,r.__b=n.__b+1,e=null,-1!=(c=r.__i=L(r,u,f,a))&&(a--,(e=u[c])&&(e.__u\|=2)),null==e\|\|null==e.__v?(-1==c&&(i>s?h--:i<s&&h++),\"function\"!=typeof r.type&&(r.__u\|=4)):c!=f&&(c==f-1?h--:c==f+1?h++:(c>f?h--:h++,r.__u\|=4))):n.__k[o]=null;if(a)for(o=0;o<s;o++)null!=(e=u[o])&&0==(2&e.__u)&&(e.__e==t&&(t=S(e)),D(e,e));return t}function A(n,l,u,t){var i,o;if(\"function\"==typeof n.type){for(i=n.__k,o=0;i&&o<i.length;o++)i[o]&&(i[o].__=n,l=A(i[o],l,u,t));return l}n.__e!=l&&(t&&(l&&n.type&&!l.parentNode&&(l=S(n)),u.insertBefore(n.__e,l\|\|null)),l=n.__e);do{l=l&&l.nextSibling}while(null!=l&&8==l.nodeType);return l}function H(n,l){return l=l\|\|[],null==n\|\|\"boolean\"==typeof n\|\|(d(n)?n.some(function(n){H(n,l)}):l.push(n)),l}function L(n,l,u,t){var i,o,r,e=n.key,f=n.type,c=l[u],s=null!=c&&0==(2&c.__u);if(null===c&&null==e\|\|s&&e==c.key&&f==c.type)return u;if(t>(s?1:0))for(i=u-1,o=u+1;i>=0\|\|o<l.length;)if(null!=(c=l[r=i>=0?i--:o++])&&0==(2&c.__u)&&e==c.key&&f==c.type)return r;return-1}function T(n,l,u){\"-\"==l[0]?n.setProperty(l,null==u?\"\":u):n[l]=null==u?\"\":\"number\"!=typeof u\|\|y.test(l)?u:u+\"px\"}function j(n,l,u,t,i){var o,r;n:if(\"style\"==l)if(\"string\"==typeof u)n.style.cssText=u;else{if(\"string\"==typeof t&&(n.style.cssText=t=\"\"),t)for(l in t)u&&l in u\|\|T(n.style,l,\"\");if(u)for(l in u)t&&u[l]==t[l]\|\|T(n.style,l,u[l])}else if(\"o\"==l[0]&&\"n\"==l[1])o=l!=(l=l.replace(f,\"$1\")),r=l.toLowerCase(),l=r in n\|\|\"onFocusOut\"==l\|\|\"onFocusIn\"==l?r.slice(2):l.slice(2),n.l\|\|(n.l={}),n.l[l+o]=u,u?t?u.u=t.u:(u.u=c,n.addEventListener(l,o?a:s,o)):n.removeEventListener(l,o?a:s,o);else{if(\"http://www.w3.org/2000/svg\"==i)l=l.replace(/xlink(H\|:h)/,\"h\").replace(/sName$/,\"s\");else if(\"width\"!=l&&\"height\"!=l&&\"href\"!=l&&\"list\"!=l&&\"form\"!=l&&\"tabIndex\"!=l&&\"download\"!=l&&\"rowSpan\"!=l&&\"colSpan\"!=l&&\"role\"!=l&&\"popover\"!=l&&l in n)try{n[l]=null==u?\"\":u;break n}catch(n){}\"function\"==typeof u\|\|(null==u\|\|!1===u&&\"-\"!=l[4]?n.removeAttribute(l):n.setAttribute(l,\"popover\"==l&&1==u?\"\":u))}}function F(n){return function(u){if(this.l){var t=this.l[u.type+n];if(null==u.t)u.t=c++;else if(u.t<t.u)return;return t(l.event?l.event(u):u)}}}function O(n,u,t,i,o,r,e,f,c,s){var a,h,p,v,y,_,m,b,S,C,M,$,P,A,H,L,T,j=u.type;if(void 0!==u.constructor)return null;128&t.__u&&(c=!!(32&t.__u),r=[f=u.__e=t.__e]),(a=l.__b)&&a(u);n:if(\"function\"==typeof j)try{if(b=u.props,S=\"prototype\"in j&&j.prototype.render,C=(a=j.contextType)&&i[a.__c],M=a?C?C.props.value:a.__:i,t.__c?m=(h=u.__c=t.__c).__=h.__E:(S?u.__c=h=new j(b,M):(u.__c=h=new x(b,M),h.constructor=j,h.render=E),C&&C.sub(h),h.state\|\|(h.state={}),h.__n=i,p=h.__d=!0,h.__h=[],h._sb=[]),S&&null==h.__s&&(h.__s=h.state),S&&null!=j.getDerivedStateFromProps&&(h.__s==h.state&&(h.__s=w({},h.__s)),w(h.__s,j.getDerivedStateFromProps(b,h.__s))),v=h.props,y=h.state,h.__v=u,p)S&&null==j.getDerivedStateFromProps&&null!=h.componentWillMount&&h.componentWillMount(),S&&null!=h.componentDidMount&&h.__h.push(h.componentDidMount);else{if(S&&null==j.getDerivedStateFromProps&&b!==v&&null!=h.componentWillReceiveProps&&h.componentWillReceiveProps(b,M),u.__v==t.__v\|\|!h.__e&&null!=h.shouldComponentUpdate&&!1===h.shouldComponentUpdate(b,h.__s,M)){for(u.__v!=t.__v&&(h.props=b,h.state=h.__s,h.__d=!1),u.__e=t.__e,u.__k=t.__k,u.__k.some(function(n){n&&(n.__=u)}),$=0;$<h._sb.length;$++)h.__h.push(h._sb[$]);h._sb=[],h.__h.length&&e.push(h);break n}null!=h.componentWillUpdate&&h.componentWillUpdate(b,h.__s,M),S&&null!=h.componentDidUpdate&&h.__h.push(function(){h.componentDidUpdate(v,y,_)})}if(h.context=M,h.props=b,h.__P=n,h.__e=!1,P=l.__r,A=0,S){for(h.state=h.__s,h.__d=!1,P&&P(u),a=h.render(h.props,h.state,h.context),H=0;H<h._sb.length;H++)h.__h.push(h._sb[H]);h._sb=[]}else do{h.__d=!1,P&&P(u),a=h.render(h.props,h.state,h.context),h.state=h.__s}while(h.__d&&++A<25);h.state=h.__s,null!=h.getChildContext&&(i=w(w({},i),h.getChildContext())),S&&!p&&null!=h.getSnapshotBeforeUpdate&&(_=h.getSnapshotBeforeUpdate(v,y)),L=a,null!=a&&a.type===k&&null==a.key&&(L=V(a.props.children)),f=I(n,d(L)?L:[L],u,t,i,o,r,e,f,c,s),h.base=u.__e,u.__u&=-161,h.__h.length&&e.push(h),m&&(h.__E=h.__=null)}catch(n){if(u.__v=null,c\|\|null!=r)if(n.then){for(u.__u\|=c?160:128;f&&8==f.nodeType&&f.nextSibling;)f=f.nextSibling;r[r.indexOf(f)]=null,u.__e=f}else{for(T=r.length;T--;)g(r[T]);z(u)}else u.__e=t.__e,u.__k=t.__k,n.then\|\|z(u);l.__e(n,u,t)}else null==r&&u.__v==t.__v?(u.__k=t.__k,u.__e=t.__e):f=u.__e=q(t.__e,u,t,i,o,r,e,c,s);return(a=l.diffed)&&a(u),128&u.__u?void 0:f}function z(n){n&&n.__c&&(n.__c.__e=!0),n&&n.__k&&n.__k.forEach(z)}function N(n,u,t){for(var i=0;i<t.length;i++)B(t[i],t[++i],t[++i]);l.__c&&l.__c(u,n),n.some(function(u){try{n=u.__h,u.__h=[],n.some(function(n){n.call(u)})}catch(n){l.__e(n,u.__v)}})}function V(n){return\"object\"!=typeof n\|\|null==n\|\|n.__b&&n.__b>0?n:d(n)?n.map(V):w({},n)}function q(u,t,i,o,r,e,f,c,s){var a,h,v,y,w,_,m,b=i.props\|\|p,k=t.props,x=t.type;if(\"svg\"==x?r=\"http://www.w3.org/2000/svg\":\"math\"==x?r=\"http://www.w3.org/1998/Math/MathML\":r\|\|(r=\"http://www.w3.org/1999/xhtml\"),null!=e)for(a=0;a<e.length;a++)if((w=e[a])&&\"setAttribute\"in w==!!x&&(x?w.localName==x:3==w.nodeType)){u=w,e[a]=null;break}if(null==u){if(null==x)return document.createTextNode(k);u=document.createElementNS(r,x,k.is&&k),c&&(l.__m&&l.__m(t,e),c=!1),e=null}if(null==x)b===k\|\|c&&u.data==k\|\|(u.data=k);else{if(e=e&&n.call(u.childNodes),!c&&null!=e)for(b={},a=0;a<u.attributes.length;a++)b[(w=u.attributes[a]).name]=w.value;for(a in b)if(w=b[a],\"children\"==a);else if(\"dangerouslySetInnerHTML\"==a)v=w;else if(!(a in k)){if(\"value\"==a&&\"defaultValue\"in k\|\|\"checked\"==a&&\"defaultChecked\"in k)continue;j(u,a,null,w,r)}for(a in k)w=k[a],\"children\"==a?y=w:\"dangerouslySetInnerHTML\"==a?h=w:\"value\"==a?_=w:\"checked\"==a?m=w:c&&\"function\"!=typeof w\|\|b[a]===w\|\|j(u,a,w,b[a],r);if(h)c\|\|v&&(h.__html==v.__html\|\|h.__html==u.innerHTML)\|\|(u.innerHTML=h.__html),t.__k=[];else if(v&&(u.innerHTML=\"\"),I(\"template\"==t.type?u.content:u,d(y)?y:[y],t,i,o,\"foreignObject\"==x?\"http://www.w3.org/1999/xhtml\":r,e,f,e?e[0]:i.__k&&S(i,0),c,s),null!=e)for(a=e.length;a--;)g(e[a]);c\|\|(a=\"value\",\"progress\"==x&&null==_?u.removeAttribute(\"value\"):null!=_&&(_!==u[a]\|\|\"progress\"==x&&!_\|\|\"option\"==x&&_!=b[a])&&j(u,a,_,b[a],r),a=\"checked\",null!=m&&m!=u[a]&&j(u,a,m,b[a],r))}return u}function B(n,u,t){try{if(\"function\"==typeof n){var i=\"function\"==typeof n.__u;i&&n.__u(),i&&null==u\|\|(n.__u=n(u))}else n.current=u}catch(n){l.__e(n,t)}}function D(n,u,t){var i,o;if(l.unmount&&l.unmount(n),(i=n.ref)&&(i.current&&i.current!=n.__e\|\|B(i,null,u)),null!=(i=n.__c)){if(i.componentWillUnmount)try{i.componentWillUnmount()}catch(n){l.__e(n,u)}i.base=i.__P=null}if(i=n.__k)for(o=0;o<i.length;o++)i[o]&&D(i[o],u,t\|\|\"function\"!=typeof n.type);t\|\|g(n.__e),n.__c=n.__=n.__e=void 0}function E(n,l,u){return this.constructor(n,u)}function G(u,t,i){var o,r,e,f;t==document&&(t=document.documentElement),l.__&&l.__(u,t),r=(o=\"function\"==typeof i)?null:i&&i.__k\|\|t.__k,e=[],f=[],O(t,u=(!o&&i\|\|t).__k=_(k,null,[u]),r\|\|p,p,t.namespaceURI,!o&&i?[i]:r?null:t.firstChild?n.call(t.childNodes):null,e,!o&&i?i:r?r.__e:t.firstChild,o,f),N(e,u,f)}function J(n,l){G(n,l,J)}function K(l,u,t){var i,o,r,e,f=w({},l.props);for(r in l.type&&l.type.defaultProps&&(e=l.type.defaultProps),u)\"key\"==r?i=u[r]:\"ref\"==r?o=u[r]:f[r]=void 0===u[r]&&null!=e?e[r]:u[r];return arguments.length>2&&(f.children=arguments.length>3?n.call(arguments,2):t),m(l.type,f,i\|\|l.key,o\|\|l.ref,null)}function Q(n){function l(n){var u,t;return this.getChildContext\|\|(u=new Set,(t={})[l.__c]=this,this.getChildContext=function(){return t},this.componentWillUnmount=function(){u=null},this.shouldComponentUpdate=function(n){this.props.value!=n.value&&u.forEach(function(n){n.__e=!0,M(n)})},this.sub=function(n){u.add(n);var l=n.componentWillUnmount;n.componentWillUnmount=function(){u&&u.delete(n),l&&l.call(n)}}),n.children}return l.__c=\"__cC\"+h++,l.__=n,l.Provider=l.__l=(l.Consumer=function(n,l){return n.children(l)}).contextType=l,l}n=v.slice,l={__e:function(n,l,u,t){for(var i,o,r;l=l.__;)if((i=l.__c)&&!i.__)try{if((o=i.constructor)&&null!=o.getDerivedStateFromError&&(i.setState(o.getDerivedStateFromError(n)),r=i.__d),null!=i.componentDidCatch&&(i.componentDidCatch(n,t\|\|{}),r=i.__d),r)return i.__E=i}catch(l){n=l}throw n}},u=0,t=function(n){return null!=n&&void 0===n.constructor},x.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!=this.state?this.__s:this.__s=w({},this.state),\"function\"==typeof n&&(n=n(w({},u),this.props)),n&&w(u,n),null!=n&&this.__v&&(l&&this._sb.push(l),M(this))},x.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),M(this))},x.prototype.render=k,i=[],r=\"function\"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,e=function(n,l){return n.__v.__b-l.__v.__b},$.__r=0,f=/(PointerCapture)$\|Capture$/i,c=0,s=F(!1),a=F(!0),h=0;export{x as Component,k as Fragment,K as cloneElement,Q as createContext,_ as createElement,b as createRef,_ as h,J as hydrate,t as isValidElement,l as options,G as render,H as toChildArray};\n//# sourceMappingURL=preact.module.js.map\n","import{options as r,Fragment as e}from\"preact\";export{Fragment}from\"preact\";var t=/[\"&<]/;function n(r){if(0===r.length\|\|!1===t.test(r))return r;for(var e=0,n=0,o=\"\",f=\"\";n<r.length;n++){switch(r.charCodeAt(n)){case 34:f=\""\";break;case 38:f=\"&\";break;case 60:f=\"<\";break;default:continue}n!==e&&(o+=r.slice(e,n)),o+=f,e=n+1}return n!==e&&(o+=r.slice(e,n)),o}var o=/acit\|ex(?:s\|g\|n\|p\|$)\|rph\|grid\|ows\|mnc\|ntw\|ine[ch]\|zoo\|^ord\|itera/i,f=0,i=Array.isArray;function u(e,t,n,o,i,u){t\|\|(t={});var a,c,p=t;if(\"ref\"in p)for(c in p={},t)\"ref\"==c?a=t[c]:p[c]=t[c];var l={type:e,props:p,key:n,ref:a,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:--f,__i:-1,__u:0,__source:i,__self:u};if(\"function\"==typeof e&&(a=e.defaultProps))for(c in a)void 0===p[c]&&(p[c]=a[c]);return r.vnode&&r.vnode(l),l}function a(r){var t=u(e,{tpl:r,exprs:[].slice.call(arguments,1)});return t.key=t.__v,t}var c={},p=/[A-Z]/g;function l(e,t){if(r.attr){var f=r.attr(e,t);if(\"string\"==typeof f)return f}if(t=function(r){return null!==r&&\"object\"==typeof r&&\"function\"==typeof r.valueOf?r.valueOf():r}(t),\"ref\"===e\|\|\"key\"===e)return\"\";if(\"style\"===e&&\"object\"==typeof t){var i=\"\";for(var u in t){var a=t[u];if(null!=a&&\"\"!==a){var l=\"-\"==u[0]?u:c[u]\|\|(c[u]=u.replace(p,\"-$&\").toLowerCase()),s=\";\";\"number\"!=typeof a\|\|l.startsWith(\"--\")\|\|o.test(l)\|\|(s=\"px;\"),i=i+l+\":\"+a+s}}return e+'=\"'+n(i)+'\"'}return null==t\|\|!1===t\|\|\"function\"==typeof t\|\|\"object\"==typeof t?\"\":!0===t?e:e+'=\"'+n(\"\"+t)+'\"'}function s(r){if(null==r\|\|\"boolean\"==typeof r\|\|\"function\"==typeof r)return null;if(\"object\"==typeof r){if(void 0===r.constructor)return r;if(i(r)){for(var e=0;e<r.length;e++)r[e]=s(r[e]);return r}}return n(\"\"+r)}export{u as jsx,l as jsxAttr,u as jsxDEV,s as jsxEscape,a as jsxTemplate,u as jsxs};\n//# sourceMappingURL=jsxRuntime.module.js.map\n","import { JSXWidget } from \"./JSXWidget.ts\";\r\n\r\nexport class VizComponent extends JSXWidget.Component<any, any> {\r\n widget;\r\n\r\n refreshProps() {\r\n for (const key in (this as any).props) {\r\n if (this.widget[key] && typeof this.widget[key] === \"function\") {\r\n this.widget[key]((this as any).props[key]);\r\n }\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n this.widget = new (this as any).props.type()\r\n .target((this as any).base)\r\n ;\r\n this.refreshProps();\r\n this.widget\r\n .render()\r\n ;\r\n }\r\n\r\n componentWillUnmount() {\r\n this.widget\r\n .target(null)\r\n .render()\r\n ;\r\n }\r\n\r\n render() {\r\n return <div style={(this as any).props.style} />;\r\n }\r\n\r\n componentDidUpdate() {\r\n this.refreshProps();\r\n this.widget.render();\r\n }\r\n}\r\n","import { JSXWidget } from \"./JSXWidget.ts\";\r\n\r\nexport class VizInstance extends JSXWidget.Component<any, any> {\r\n widget;\r\n\r\n refreshProps() {\r\n for (const key in (this as any).props) {\r\n if (this.widget[key] && typeof this.widget[key] === \"function\") {\r\n this.widget[key]((this as any).props[key]);\r\n }\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n this.widget = (this as any).props.instance\r\n .target((this as any).base)\r\n ;\r\n this.refreshProps();\r\n this.widget\r\n .render()\r\n ;\r\n }\r\n\r\n componentWillUnmount() {\r\n this.widget\r\n .target(null)\r\n .render()\r\n ;\r\n }\r\n\r\n render() {\r\n return <div style={(this as any).props.style} />;\r\n }\r\n\r\n componentDidUpdate() {\r\n this.refreshProps();\r\n this.widget.render();\r\n }\r\n}\r\n","import { format as d3Format } from \"d3-format\";\r\nimport { StyledTable } from \"./StyledTable.ts\";\r\n\r\nexport class StatsTable extends StyledTable {\r\n\r\n protected transformData() {\r\n const totalRow = [[\"Total\", 0, 0]];\r\n const data = this.data();\r\n data.forEach(row => {\r\n totalRow[0][1] += row[1];\r\n totalRow[0][2] += row[2];\r\n });\r\n return data\r\n .concat(totalRow)\r\n .map(row => {\r\n return [\r\n row[0],\r\n this.secondColumnFormat_exists() ? d3Format(this.secondColumnFormat())(row[1]) : row[1],\r\n this.thirdColumnFormat_exists() ? d3Format(this.thirdColumnFormat())(row[2]) : row[2]\r\n ];\r\n })\r\n ;\r\n }\r\n\r\n update(domNode, element) {\r\n this.tbodyColumnStyles_default([\r\n {\r\n \"font-weight\": \"bold\",\r\n \"width\": this.firstColumnWidth(),\r\n \"text-align\": \"left\"\r\n },\r\n {\r\n \"width\": this.secondColumnWidth(),\r\n \"text-align\": \"right\"\r\n },\r\n {\r\n \"width\": this.thirdColumnWidth(),\r\n \"text-align\": \"right\"\r\n }\r\n ]);\r\n this.evenRowStyles_default([\r\n {\r\n \"font-weight\": \"bold\",\r\n \"width\": this.firstColumnWidth(),\r\n \"text-align\": \"left\",\r\n \"font-color\": this.evenRowFontColor(),\r\n \"background-color\": this.evenRowBackgroundColor()\r\n },\r\n {\r\n \"width\": this.secondColumnWidth(),\r\n \"text-align\": \"right\",\r\n \"font-color\": this.evenRowFontColor(),\r\n \"background-color\": this.evenRowBackgroundColor()\r\n },\r\n {\r\n \"width\": this.thirdColumnWidth(),\r\n \"text-align\": \"right\",\r\n \"font-color\": this.evenRowFontColor(),\r\n \"background-color\": this.evenRowBackgroundColor()\r\n }\r\n ]);\r\n this.lastRowStyles_default({\r\n \"font-weight\": \"bold\"\r\n });\r\n super.update(domNode, element);\r\n }\r\n}\r\nStatsTable.prototype._class += \" html_StatsTable\";\r\n\r\nexport interface StatsTable {\r\n labelColor(): string;\r\n labelColor(_: string): this;\r\n primaryValueColor(): string;\r\n primaryValueColor(_: string): this;\r\n secondaryValueColor(): string;\r\n secondaryValueColor(_: string): this;\r\n evenRowFontColor(): string;\r\n evenRowFontColor(_: string): this;\r\n evenRowBackgroundColor(): string;\r\n evenRowBackgroundColor(_: string): this;\r\n firstColumnWidth(): string;\r\n firstColumnWidth(_: string): this;\r\n secondColumnWidth(): string;\r\n secondColumnWidth(_: string): this;\r\n thirdColumnWidth(): string;\r\n thirdColumnWidth(_: string): this;\r\n secondColumnFormat(): string;\r\n secondColumnFormat(_: string): this;\r\n secondColumnFormat_exists(): boolean;\r\n thirdColumnFormat(): string;\r\n thirdColumnFormat(_: string): this;\r\n thirdColumnFormat_exists(): boolean;\r\n}\r\nStatsTable.prototype.publish(\"labelColor\", \"#333\", \"html-color\", \"Color of the text in the first column\");\r\nStatsTable.prototype.publish(\"primaryValueColor\", \"#333\", \"html-color\", \"Color of the text in the second column\");\r\nStatsTable.prototype.publish(\"secondaryValueColor\", \"#333\", \"html-color\", \"Color of the text in the third column\");\r\nStatsTable.prototype.publish(\"evenRowBackgroundColor\", \"#333\", \"html-color\", \"Background color of the even rows\");\r\nStatsTable.prototype.publish(\"evenRowFontColor\", \"#333\", \"html-color\", \"Font color of the even rows\");\r\nStatsTable.prototype.publish(\"firstColumnWidth\", \"auto\", \"string\", \"CSS style applied as the 'width' for the first column (ex: 40px)\");\r\nStatsTable.prototype.publish(\"secondColumnWidth\", \"1%\", \"string\", \"CSS style applied as the 'width' for the second column (ex: 40px)\");\r\nStatsTable.prototype.publish(\"thirdColumnWidth\", \"1%\", \"string\", \"CSS style applied as the 'width' for the third column (ex: 40px)\");\r\nStatsTable.prototype.publish(\"secondColumnFormat\", \"$,.0f\", \"string\", \"d3-format specifier applied to the second column's values\", undefined, { optional: true });\r\nStatsTable.prototype.publish(\"thirdColumnFormat\", null, \"string\", \"d3-format specifier applied to the third column's values\", undefined, { optional: true });\r\n","import { HTMLWidget } from \"@hpcc-js/common\";\r\nimport { JSXWidget } from \"./JSXWidget.ts\";\r\n\r\nimport \"../src/TitleBar.css\";\r\n\r\nexport interface IClickHandler {\r\n titleBarClick(src: Item, d, idx: number, groups): void;\r\n}\r\n\r\nexport class Item extends HTMLWidget {\r\n protected _owner: IClickHandler;\r\n\r\n constructor(owner: IClickHandler) {\r\n super();\r\n this._owner = owner;\r\n this._tag = \"a\";\r\n }\r\n}\r\nItem.prototype._class += \" html_Item\";\r\n\r\nexport class Button extends Item {\r\n private _icon: string;\r\n\r\n constructor(owner: IClickHandler, icon: string) {\r\n super(owner);\r\n this._icon = icon;\r\n }\r\n\r\n icon() {\r\n return this._icon;\r\n }\r\n\r\n enter(domNode: HTMLElement, element) {\r\n super.enter(domNode, element);\r\n element\r\n .attr(\"href\", \"#\")\r\n .on(\"click\", (d, idx, groups) => this._owner.titleBarClick(this, d, idx, groups))\r\n .append(\"i\")\r\n .attr(\"class\", `fa ${this._icon} fa-lg fa-fw`)\r\n ;\r\n }\r\n}\r\nButton.prototype._class += \" html_Button\";\r\n\r\nexport class ToggleButton extends Button {\r\n\r\n enter(domNode: HTMLElement, element) {\r\n element.on(\"click.sel\", (d, idx, groups) => {\r\n this.selected(!this.selected());\r\n this.render();\r\n });\r\n super.enter(domNode, element);\r\n }\r\n\r\n update(domNode, element) {\r\n super.update(domNode, element);\r\n this._element.classed(\"selected\", this.selected());\r\n }\r\n}\r\nToggleButton.prototype._class += \" html_ToggleButton\";\r\nexport interface ToggleButton {\r\n selected(): boolean;\r\n selected(_: boolean): this;\r\n}\r\nToggleButton.prototype.publish(\"selected\", false, \"boolean\");\r\n\r\nexport class Spacer extends Item {\r\n\r\n enter(domNode, element) {\r\n super.enter(domNode, element);\r\n element\r\n .attr(\"class\", \"spacer\")\r\n .attr(\"href\", \"#\")\r\n .append(\"i\")\r\n ;\r\n }\r\n}\r\nSpacer.prototype._class += \" html_Spacer\";\r\n\r\nexport class TitleBar extends JSXWidget {\r\n protected _divMain;\r\n protected _divIconBar;\r\n protected _divTitle;\r\n\r\n constructor() {\r\n super();\r\n }\r\n\r\n enter(domNode, element) {\r\n super.enter(domNode, element);\r\n this._divMain = element.append(\"div\")\r\n .attr(\"class\", \"main\")\r\n ;\r\n this._divIconBar = this._divMain.append(\"div\")\r\n .attr(\"class\", \"icon-bar\")\r\n ;\r\n this._divTitle = this._divMain.append(\"div\")\r\n .attr(\"class\", \"title\")\r\n ;\r\n }\r\n\r\n update(domNode, element) {\r\n super.update(domNode, element);\r\n\r\n this._divTitle.text(this.title());\r\n\r\n const icons = this._divIconBar.selectAll(\".icon-bar-item\").data(this.buttons());\r\n icons.enter().append(\"div\")\r\n .attr(\"class\", \"icon-bar-item\")\r\n .each(function (this: HTMLElement, d: Item) {\r\n d.target(this);\r\n })\r\n .merge(icons)\r\n .each(function (d: Item) {\r\n d.render();\r\n })\r\n ;\r\n icons.exit()\r\n .each(function (d: Item) {\r\n d.target(null);\r\n })\r\n .remove()\r\n ;\r\n icons.order();\r\n }\r\n}\r\nTitleBar.prototype._class += \" html_TitleBar\";\r\n\r\nexport interface TitleBar {\r\n title(): string;\r\n title(_: string): this;\r\n buttons(): Item[];\r\n buttons(items: Item[]): this;\r\n}\r\nTitleBar.prototype.publish(\"title\", \"\", \"string\");\r\nTitleBar.prototype.publish(\"buttons\", [], \"widgetArray\");\r\n"],"names":["PKG_NAME","PKG_VERSION","BUILD_VERSION","_HTMLTooltip","HTMLWidget","_triggerElement","_contentNode","_prevContentNode","_tooltipElement","_arrowElement","_tooltipHTMLCallback","__name","data","_logger","scopedLogger","constructor","super","this","visible","tooltipHTML","_","tooltipContent","arguments","length","triggerElement","enter","domNode","element","body","d3Select","append","attr","style","update","node","querySelectorAll","map","n","__data__","filter","forEach","w","target","exit","innerHTML","appendChild","onShowContent","html","fitContent","rect","getBoundingClientRect","tooltipWidth_default","width","tooltipHeight_default","height","_closing","tooltipColor","fontColor","tooltipWidth","tooltipHeight","padding","enablePointerEvents","updateTooltipPosition","bbox","calcReferenceBBox","direction","calcTooltipDirection","box","y","x","setArrowPosition","directions","Object","keys","defaultDirection","sort","a","b","windowRect","top","left","window","innerWidth","innerHeight","i","tooltipRect","rectFits","warning","debug","innerRect","outerRect","point","visibleBorderStyle","arrowHeight","arrowWidth","getReferenceNode","parentNode","_cursorLoc","wholeW","wholeH","halfW","halfH","arrowH","p","p2","followCursor","e","s","nw","ne","se","sw","mouseout","on","setTimeout","closeDelay","remove","HTMLTooltip","prototype","_class","publish","_SimpleTable","_table","_tbody","_thead","_theadRow","transformData","autoWidth","theadTrSelection","selectAll","columns","merge","text","_d","toString","trSelection","each","d","tdSelection","SimpleTable","_StyledTable","applyStyleObject","selection","styleObject","styleName","fontFamily","theadColumnStyles","styleObj","select","tbodyColumnStyles","evenRowStylesExist","evenRowStyles","lastRowStylesExist","lastRowStyles","tbodyRows","tbodyEvenRows","tbodyLastRow","arr","StyledTable","_BreakdownTable","_tooltip","rowCount","useCalculatedRowCount","calculateRowCount","breakdownData","limit","len","sum","reduce","acc","row","percSum","showOther","perc","Math","round","push","otherLabel","otherPercentage","theadRowHeight","thFontSize","tbodyRowHeight","fontSize","tbodyAvailableHeight","floor","rowHeight","max","textSize","widestLabel","h","ceil","otherData","slice","join","theadColumnStyles_default","color","thFirstColor","thFontWeight","labelAlignment","percentageAlignment","tbodyColumnStyles_default","topLabelColor","topPercentageColor","lastRowStyles_default","otherLabelColor","otherLabelBold","otherPercentageBold","lastRow","context","render","BreakdownTable","disable","_JSXWidget","rootNode","jsxRender","jsx","React","__publicField","Component","createElement","JSXWidget","_VNode","_attrs","_children","attrs","children","type","key","targetElement","thisElement","tagName","renderChildren","document","VNode","_ConstVNode","_type","ConstVNode","_TextVNode","_text","TextVNode","isReactFn","isIVNode","_ReactD3","child","vdom","ReactD3","l","__e","u","t","o","r","__","__c","getDerivedStateFromError","setState","__d","componentDidCatch","__E","Promise","then","bind","resolve","f","c","props","ref","__k","__b","__v","__i","__u","__source","__self","vnode","_VizComponent","widget","refreshProps","componentDidMount","base","componentWillUnmount","componentDidUpdate","VizComponent","_VizInstance","instance","VizInstance","_StatsTable","totalRow","concat","secondColumnFormat_exists","d3Format","secondColumnFormat","thirdColumnFormat_exists","thirdColumnFormat","firstColumnWidth","secondColumnWidth","thirdColumnWidth","evenRowStyles_default","evenRowFontColor","evenRowBackgroundColor","StatsTable","optional","_Item","_owner","owner","_tag","Item","_Button","_icon","icon","idx","groups","titleBarClick","Button","_ToggleButton","selected","_element","classed","ToggleButton","_Spacer","Spacer","_TitleBar","_divMain","_divIconBar","_divTitle","title","icons","buttons","order","TitleBar"],"mappings":"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","x_google_ignoreList":[7,8]}

package/dist/index.umd.cjs CHANGED Viewed

@@ -1,3 +1,3 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@hpcc-js/common"),require("@hpcc-js/util"),require("@hpcc-js/react")):"function"==typeof define&&define.amd?define(["exports","@hpcc-js/common","@hpcc-js/util","@hpcc-js/react"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self)["@hpcc-js/html"]={},t["@hpcc-js/common"],t["@hpcc-js/util"],t["@hpcc-js/react"])}(this,function(t,e,o,i){"use strict";var r=Object.defineProperty,s=(t,e)=>r(t,"name",{value:e,configurable:!0}),l=(t,e,o)=>((t,e,o)=>e in t?r(t,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[e]=o)(t,"symbol"!=typeof e?e+"":e,o);const n=class _HTMLTooltip extends e.HTMLWidget{_triggerElement;_contentNode;_prevContentNode;_tooltipElement;_arrowElement;_tooltipHTMLCallback=s(t=>"<b>_tooltipHTMLCallback is undefined</b>","_tooltipHTMLCallback");_logger=o.scopedLogger("html/HTMLTooltip");constructor(){super(),this.visible(!1)}tooltipHTML(t){return this._tooltipHTMLCallback=t,this}tooltipContent(t){return arguments.length?(this._contentNode=t,this):this._contentNode}triggerElement(t){return this._triggerElement=t,this}enter(t,o){super.enter(t,o);const i=e.select("body");this._tooltipElement=i.append("div").attr("class","tooltip-div").style("z-index","2147483638").style("position","fixed"),this._arrowElement=i.append("div").attr("class","arrow-div").style("z-index","2147483638").style("position","fixed")}update(t,e){if(super.update(t,e),this._contentNode!==this._prevContentNode){const t=this._tooltipElement.node();[...t.querySelectorAll("*")].map(t=>t.__data__).filter(t=>t).forEach(t=>{"function"==typeof t.target&&t.target(null),"function"==typeof t.exit&&t.exit()}),t.innerHTML="",t.appendChild(this._contentNode),this._prevContentNode=this._contentNode}if(this._contentNode?this.onShowContent(this._contentNode):this._tooltipElement.html(()=>this._tooltipHTMLCallback(this.data())),this.fitContent()){this._tooltipElement.style("width","auto").style("height","auto").style("padding","0px").style("box-sizing","content-box");const t=this._tooltipElement.node().getBoundingClientRect();this.tooltipWidth_default(t.width),this.tooltipHeight_default(t.height)}this._closing=!1,this._tooltipElement.style("background-color",this.tooltipColor()).style("color",this.fontColor()).style("width",this.tooltipWidth()+"px").style("height",this.tooltipHeight()+"px").style("opacity",1).style("padding",this.padding()+"px").style("pointer-events",this.enablePointerEvents()?"all":"none").style("box-sizing","content-box"),this._arrowElement.style("opacity",1).style("pointer-events","none"),this.updateTooltipPosition()}onShowContent(t){}updateTooltipPosition(){const t=this.calcReferenceBBox(),e=this.calcTooltipDirection(t),o=t[e];return this._tooltipElement.style("top",o.y+"px").style("left",o.x+"px"),this.setArrowPosition(o,e),o}calcTooltipDirection(t){const e=Object.keys(t),o=this.direction();e.sort((t,e)=>t===o?-1:1);const i={top:0,left:0,width:window.innerWidth,height:window.innerHeight};for(let r=0;r<e.length;r++){const o={top:t[e[r]].y,left:t[e[r]].x,width:this.tooltipWidth(),height:this.tooltipHeight()};if(this.rectFits(o,i))return e[r]}return this._logger.warning(`Tooltip doesn't fit in the window for any of the directions. Defaulting to '${o}'`),this._logger.debug(i),this._logger.debug({top:t[o].y,left:t[o].x,width:this.tooltipWidth(),height:this.tooltipHeight()}),o}rectFits(t,e){return t.top>=e.top&&t.left>=e.left&&t.width+t.left<=e.width+e.left&&t.height+t.top<=e.height+e.top}setArrowPosition(t,e){let o,i,r="border-top-color";switch(this._arrowElement.style("border",`${this.arrowHeight()}px solid ${this.tooltipColor()}`).style("border-top-color","transparent").style("border-right-color","transparent").style("border-bottom-color","transparent").style("border-left-color","transparent"),e){case"n":o=t.y+this.tooltipHeight()+2*this.padding(),i=t.x+this.tooltipWidth()/2-this.arrowWidth()/2+this.padding(),r="border-top-color",this._arrowElement.style("border-top-width",`${this.arrowHeight()}px`).style("border-bottom-width","0px").style("border-left-width",this.arrowWidth()/2+"px").style("border-right-width",this.arrowWidth()/2+"px");break;case"s":o=t.y-this.arrowHeight(),i=t.x+this.padding()+this.tooltipWidth()/2-this.arrowWidth()/2,r="border-bottom-color",this._arrowElement.style("border-top-width","0px").style("border-bottom-width",`${this.arrowHeight()}px`).style("border-left-width",this.arrowWidth()/2+"px").style("border-right-width",this.arrowWidth()/2+"px");break;case"e":o=t.y+this.tooltipHeight()/2+this.padding()-this.arrowWidth()/2,i=t.x-this.arrowHeight(),r="border-right-color",this._arrowElement.style("border-top-width",this.arrowWidth()/2+"px").style("border-bottom-width",this.arrowWidth()/2+"px").style("border-left-width","0px").style("border-right-width",`${this.arrowHeight()}px`);break;case"w":o=t.y+this.tooltipHeight()/2-this.arrowWidth()/2+this.padding(),i=t.x+this.tooltipWidth()+2*this.padding(),r="border-left-color",this._arrowElement.style("border-top-width",this.arrowWidth()/2+"px").style("border-bottom-width",this.arrowWidth()/2+"px").style("border-left-width",`${this.arrowHeight()}px`).style("border-right-width","0px")}return void 0!==o&&void 0!==i?this._arrowElement.style("top",o+"px").style("left",i+"px").style(r,this.tooltipColor()).style("opacity",1):this._arrowElement.style("opacity",0),t}getReferenceNode(){return this._triggerElement?this._triggerElement.node():this.element().node().parentNode.parentNode}_cursorLoc;calcReferenceBBox(){const t=this.getReferenceNode();let{top:e,left:o,width:i,height:r}=t.getBoundingClientRect();const s=this.tooltipWidth(),l=this.tooltipHeight(),n=s/2,h=l/2,a=this.arrowHeight(),p=this.padding(),d=2*p;this.followCursor()&&this._cursorLoc&&(o=this._cursorLoc[0],e=this._cursorLoc[1],i=1,r=1);return{n:{x:o+i/2-n-p,y:e-l-a-d},e:{x:o+i+a,y:e+r/2-h-p},s:{x:o+i/2-n-p,y:e+r+a},w:{x:o-s-a-d,y:e+r/2-h-p},nw:{x:o-s-d,y:e-l-d},ne:{x:o+i,y:e-l-d},se:{x:o+i,y:e+r},sw:{x:o-s-d,y:e+r}}}_closing=!1;mouseout(){this._closing=!0,this._tooltipElement.on("mouseover",()=>{this._closing=!1}),this._tooltipElement.on("mouseout",()=>{this.mouseout()}),setTimeout(()=>{this._closing&&this.visible(!1)},this.closeDelay())}visible(t){return arguments.length?(this._arrowElement&&(this._arrowElement.style("visibility",t?"visible":"hidden"),this._tooltipElement.style("visibility",t?"visible":"hidden")),super.visible(t),this):super.visible()}exit(t,e){this._arrowElement&&(this._arrowElement.remove(),this._tooltipElement.remove()),super.exit(t,e)}};s(n,"HTMLTooltip");let h=n;h.prototype._class+=" html_HTMLTooltip",h.prototype.publish("fitContent",!1,"boolean","If true, tooltip will grow to fit its html content"),h.prototype.publish("followCursor",!1,"boolean","If true, tooltip will display relative to cursor location"),h.prototype.publish("closeDelay",400,"number","Number of milliseconds to wait before closing tooltip (cancelled on tooltip mouseover event)"),h.prototype.publish("direction","n","set","Direction in which to display the tooltip",["n","s","e","w","ne","nw","se","sw"]),h.prototype.publish("padding",8,"number","Padding (pixels)"),h.prototype.publish("arrowWidth",16,"number","Width (or height depending on direction) of the tooltip arrow (pixels)"),h.prototype.publish("arrowHeight",8,"number","Height (or width depending on direction) of the tooltip arrow (pixels)"),h.prototype.publish("fontColor","#FFF","html-color","The default font color for text in the tooltip"),h.prototype.publish("tooltipColor","#000000EE","html-color","Background color of the tooltip"),h.prototype.publish("tooltipWidth",200,"number","Width of the tooltip (not including arrow) (pixels)"),h.prototype.publish("tooltipHeight",200,"number","Height of the tooltip (not including arrow) (pixels)"),h.prototype.publish("enablePointerEvents",!1,"boolean","If true, the 'pointer-events: all' style will be used");const a=class _SimpleTable extends e.HTMLWidget{_table;_tbody;_thead;_theadRow;constructor(){super()}transformData(){return this.data()}enter(t,e){super.enter(t,e),this._table=e.append("table"),this._thead=this._table.append("thead"),this._theadRow=this._thead.append("tr"),this._tbody=this._table.append("tbody")}update(t,o){super.update(t,o),this._table.style("width",this.autoWidth()?"auto":"100%");const i=this._theadRow.selectAll("th").data(this.columns());i.enter().append("th").attr("class",(t,e)=>`th-${e}`).merge(i).text(t=>t.toString()),i.exit().remove();const r=this._tbody.selectAll("tr").data(this.transformData());r.enter().append("tr").merge(r).each(function(t){const o=e.select(this).selectAll("td").data(t);o.enter().append("td").attr("class",(t,e)=>`col-${e}`).merge(o).text(t=>t.toString()),o.exit().remove()}),r.exit().remove()}};s(a,"SimpleTable");let p=a;p.prototype._class+=" html_SimpleTable",p.prototype.publish("autoWidth",!1,"boolean","If true, table width will be set to 'auto'. If false, the width is set to '100%'");const d=class _StyledTable extends p{constructor(){super()}applyStyleObject(t,e){Object.keys(e).forEach(o=>{t.style(o,e[o])})}update(t,e){super.update(t,e),e.selectAll("tr,th,td").attr("style","").style("font-family",this.fontFamily()).style("color",this.fontColor()),this.theadColumnStyles().forEach((t,o)=>{this.applyStyleObject(e.select(`.th-${o}`),t)}),this.tbodyColumnStyles().forEach((t,o)=>{this.applyStyleObject(e.selectAll(`.col-${o}`),t)});const o=Object.keys(this.evenRowStyles()).length>0,i=Object.keys(this.lastRowStyles()).length>0,r=e.selectAll("tbody > tr");if(o){const t=r.select(function(t,e){return e%2?this:null});this.applyStyleObject(t,this.evenRowStyles())}if(i){const t=r.select(function(t,e,o){return e===o.length-1?this:null});this.applyStyleObject(t,this.lastRowStyles())}}};s(d,"StyledTable");let c=d;c.prototype._class+=" html_StyledTable",c.prototype.publish("fontFamily","Verdana","string","Base font-family used within the table"),c.prototype.publish("fontColor","#333","string","Base font color used within the table"),c.prototype.publish("theadColumnStyles",[],"array",'Array of objects containing styles for the thead columns (ex: [{"color":"red"},{"color":"blue"}])'),c.prototype.publish("tbodyColumnStyles",[],"array",'Array of objects containing styles for the tbody columns (ex: [{"color":"red"},{"color":"blue"}])'),c.prototype.publish("lastRowStyles",{},"object",'Object containing styles for the last row (ex: {"color":"red"})'),c.prototype.publish("evenRowStyles",{},"object",'Object containing styles for even rows (ex: {"background-color":"#AAA"})');const u=class _BreakdownTable extends c{_tooltip;constructor(){super()}transformData(){const t=this.useCalculatedRowCount()?this.calculateRowCount():this.rowCount();return this.breakdownData(t)}breakdownData(t){const e=this.data().length,o=this.data().reduce((t,e)=>t+e[1],0),i=[];let r=0;this.data().sort((t,e)=>t[1]>e[1]?-1:1);const s=e-t>0;if(this.data().filter((e,o)=>!s||o<t-1).forEach(t=>{const e=Math.round(t[1]/o*100);r+=e,i.push([t[0],e+"%"])}),s){const o=`${this.otherLabel()} (${e-t+1})`,s="~"+(100-r)+"%";i.push([o,s])}return i}calculateRowCount(){const t=this.columns().length>0?this.thFontSize()+5:0,e=this.fontSize()+5,o=this.height()-t;return Math.floor(o/e)}enter(t,e){super.enter(t,e),this._tooltip=(new h).target(t),this._tooltip.tooltipHTML(t=>{const e=this.useCalculatedRowCount()?this.calculateRowCount():this.rowCount(),o=Math.max(...t.map(t=>this.textSize(t[0],this.fontFamily(),this.fontSize()).height))??this.fontSize(),i=Math.max(...t.map(t=>this.textSize(t[0],this.fontFamily(),this.fontSize()).width)),r=2*(i+30)+2*this._tooltip.padding(),s=o*Math.ceil((t.length-e)/2)+2*this._tooltip.padding();this._tooltip.tooltipWidth(r),this._tooltip.tooltipHeight(s);const l=this.breakdownData(this.data().length).slice(e-1);return`<div style="\n                    width: 100%;\n                    height: 100%;\n                    font-size: ${this.fontSize()}px;\n                ">${l.map(t=>`<div style="\n                        float:left;\n                        width:${Math.floor(49.5)}%;\n                    ">${t[0]}: ${t[1]}</div>`).join("")}</div>`})}update(t,e){this.theadColumnStyles_default([{color:this.thFirstColor(),"font-size":this.thFontSize()+"px","font-weight":this.thFontWeight(),"text-align":this.labelAlignment(),width:"auto",padding:"0px"},{width:"1%","font-size":this.thFontSize()+"px","font-weight":this.thFontWeight(),"text-align":this.percentageAlignment(),padding:"0px"}]),this.tbodyColumnStyles_default([{color:this.topLabelColor(),"font-size":this.fontSize()+"px","font-weight":"normal","text-align":this.labelAlignment(),width:"auto",padding:"0px"},{color:this.topPercentageColor(),"font-size":this.fontSize()+"px","font-weight":"normal","text-align":this.percentageAlignment(),width:"1%",padding:"0px"}]),this.lastRowStyles_default([{color:this.otherLabelColor(),"font-size":this.fontSize()+"px","font-weight":this.otherLabelBold()?"bold":"normal","text-align":this.labelAlignment(),width:"auto",padding:"0px"},{color:this.otherLabelColor(),"font-size":this.fontSize()+"px","font-weight":this.otherPercentageBold()?"bold":"normal","text-align":this.percentageAlignment(),width:"1%",padding:"0px"}]),super.update(t,e);if((this.useCalculatedRowCount()?this.calculateRowCount():this.rowCount())<this.data().length){const t=e.select("tbody > tr:last-child"),o=this;t.on("mouseout.tooltip",e=>{o._tooltip._triggerElement=t,o._tooltip.visible(!1).render()}).on("mouseenter.tooltip",e=>{o._tooltip._triggerElement=t,o._tooltip.direction("n").data(o.data()).visible(!0).render()})}}};s(u,"BreakdownTable");let g=u;g.prototype._class+=" html_BreakdownTable",g.prototype.publish("useCalculatedRowCount",!0,"boolean","If true, rowCount will be calculated and its default will be overwritten"),g.prototype.publish("rowCount",5,"number","Number of total rows to display (including the 'other' row)",void 0,{disable:s(t=>t.useCalculatedRowCount(),"disable")}),g.prototype.publish("fontSize",14,"number","Font size (pixels)"),g.prototype.publish("labelAlignment","left","set","Alignment of the label column text",["left","center","right"]),g.prototype.publish("percentageAlignment","center","set","Alignment of the percentage column text",["left","center","right"]),g.prototype.publish("topLabelColor","#333","html-color","Color of displayed 'top' labels"),g.prototype.publish("topPercentageColor","#1A99D5","html-color","Color of displayed 'top' percentages"),g.prototype.publish("topPercentageBold",!0,"html-color","If true, the 'top' percentages will be bold"),g.prototype.publish("otherLabel","Other","string","Label text for the 'other' row"),g.prototype.publish("otherLabelColor","#AAA","html-color","Color of the 'other' label"),g.prototype.publish("otherLabelBold",!1,"html-color","If true, the 'other' label will be bold"),g.prototype.publish("otherPercentageColor","#AAA","html-color","Color of the 'other' percentage"),g.prototype.publish("otherPercentageBold",!1,"html-color","If true, the 'other' percentage will be bold"),g.prototype.publish("thFontWeight","bold","string","Font weight for th elements"),g.prototype.publish("thFontSize",26,"number","Font size for th elements"),g.prototype.publish("thFirstColor","#333","html-color","Text color of the first th element"),g.prototype.publish("thLastColor","#333","html-color","Text color of the last th element");const b=class _JSXWidget extends e.HTMLWidget{rootNode;jsxRender(t,e){this.rootNode=i.React.render(t,e,this.rootNode)}};s(b,"JSXWidget"),l(b,"Component",i.React.Component),l(b,"createElement",i.React.createElement);let y=b;y.prototype._class+=" html_JSXWidget";const m=class _VNode{_attrs;_children;constructor(t,e){this._attrs=t,this._children=e}type(){return"div"}attrs(){return this._attrs}attr(t){return this._attrs[t]}children(){return this._children}update(t){for(const e in this._attrs)t.attr(e,this._attrs[e])}render(t){const o=t.selectAll(`${t.node().tagName} > *`).data([this]);return o.exit().remove(),o.enter().append(this.type()).attr("reactd3",0).merge(o).each(function(t){const o=e.select(this);t.update(o),t.renderChildren(o)})}renderChildren(t){const o=t.selectAll(`${t.node().tagName} > *`).data(this._children);return o.exit().remove(),o.enter().append(t=>document.createElement(t.type())).attr("reactd3",(t,e)=>e).merge(o).each(function(t){const o=e.select(this);t.update(o),t.renderChildren(o)})}};s(m,"VNode");let f=m;const _=class _ConstVNode extends f{_type;constructor(t,e,o){super(e,o),this._type=t}type(){return this._type}};s(_,"ConstVNode");let w=_;const x=class _TextVNode extends f{_text;constructor(t){super({},[]),this._text=t}type(){return"span"}update(t){super.update(t),t.text(this._text)}};s(x,"TextVNode");let C=x;function v(t){return"function"==typeof t}function S(t){return t.prototype&&t.prototype instanceof f}s(v,"isReactFn"),s(S,"isIVNode");const T=class _ReactD3{static createElement(t,e,...o){return S(t)?new t(e):v(t)?t(e):new w(t,e,o.map(t=>"string"==typeof t?new C(t):t))}static render(t,e){t.render(e)}};s(T,"ReactD3");let E=T;var W;W={__e:s(function(t,e,o,i){for(var r,s,l;e=e.__;)if((r=e.__c)&&!r.__)try{if((s=r.constructor)&&null!=s.getDerivedStateFromError&&(r.setState(s.getDerivedStateFromError(t)),l=r.__d),null!=r.componentDidCatch&&(r.componentDidCatch(t,i||{}),l=r.__d),l)return r.__E=r}catch(n){t=n}throw t},"__e")},"function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout;var R=0;function B(t,e,o,i,r,s){e||(e={});var l,n,h=e;if("ref"in h)for(n in h={},e)"ref"==n?l=e[n]:h[n]=e[n];var a={type:t,props:h,key:o,ref:l,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:--R,__i:-1,__u:0,__source:r,__self:s};return W.vnode&&W.vnode(a),a}s(B,"u");const H=class _VizComponent extends y.Component{widget;refreshProps(){for(const t in this.props)this.widget[t]&&"function"==typeof this.widget[t]&&this.widget[t](this.props[t])}componentDidMount(){this.widget=(new this.props.type).target(this.base),this.refreshProps(),this.widget.render()}componentWillUnmount(){this.widget.target(null).render()}render(){return B("div",{style:this.props.style})}componentDidUpdate(){this.refreshProps(),this.widget.render()}};s(H,"VizComponent");let A=H;const k=class _VizInstance extends y.Component{widget;refreshProps(){for(const t in this.props)this.widget[t]&&"function"==typeof this.widget[t]&&this.widget[t](this.props[t])}componentDidMount(){this.widget=this.props.instance.target(this.base),this.refreshProps(),this.widget.render()}componentWillUnmount(){this.widget.target(null).render()}render(){return B("div",{style:this.props.style})}componentDidUpdate(){this.refreshProps(),this.widget.render()}};s(k,"VizInstance");let z=k;const F=class _StatsTable extends c{transformData(){const t=[["Total",0,0]],o=this.data();return o.forEach(e=>{t[0][1]+=e[1],t[0][2]+=e[2]}),o.concat(t).map(t=>[t[0],this.secondColumnFormat_exists()?e.format(this.secondColumnFormat())(t[1]):t[1],this.thirdColumnFormat_exists()?e.format(this.thirdColumnFormat())(t[2]):t[2]])}update(t,e){this.tbodyColumnStyles_default([{"font-weight":"bold",width:this.firstColumnWidth(),"text-align":"left"},{width:this.secondColumnWidth(),"text-align":"right"},{width:this.thirdColumnWidth(),"text-align":"right"}]),this.evenRowStyles_default([{"font-weight":"bold",width:this.firstColumnWidth(),"text-align":"left","font-color":this.evenRowFontColor(),"background-color":this.evenRowBackgroundColor()},{width:this.secondColumnWidth(),"text-align":"right","font-color":this.evenRowFontColor(),"background-color":this.evenRowBackgroundColor()},{width:this.thirdColumnWidth(),"text-align":"right","font-color":this.evenRowFontColor(),"background-color":this.evenRowBackgroundColor()}]),this.lastRowStyles_default({"font-weight":"bold"}),super.update(t,e)}};s(F,"StatsTable");let L=F;L.prototype._class+=" html_StatsTable",L.prototype.publish("labelColor","#333","html-color","Color of the text in the first column"),L.prototype.publish("primaryValueColor","#333","html-color","Color of the text in the second column"),L.prototype.publish("secondaryValueColor","#333","html-color","Color of the text in the third column"),L.prototype.publish("evenRowBackgroundColor","#333","html-color","Background color of the even rows"),L.prototype.publish("evenRowFontColor","#333","html-color","Font color of the even rows"),L.prototype.publish("firstColumnWidth","auto","string","CSS style applied as the 'width' for the first column (ex: 40px)"),L.prototype.publish("secondColumnWidth","1%","string","CSS style applied as the 'width' for the second column (ex: 40px)"),L.prototype.publish("thirdColumnWidth","1%","string","CSS style applied as the 'width' for the third column (ex: 40px)"),L.prototype.publish("secondColumnFormat","$,.0f","string","d3-format specifier applied to the second column's values",void 0,{optional:!0}),L.prototype.publish("thirdColumnFormat",null,"string","d3-format specifier applied to the third column's values",void 0,{optional:!0});const N=class _Item extends e.HTMLWidget{_owner;constructor(t){super(),this._owner=t,this._tag="a"}};s(N,"Item");let j=N;j.prototype._class+=" html_Item";const M=class _Button extends j{_icon;constructor(t,e){super(t),this._icon=e}icon(){return this._icon}enter(t,e){super.enter(t,e),e.attr("href","#").on("click",(t,e,o)=>this._owner.titleBarClick(this,t,e,o)).append("i").attr("class",`fa ${this._icon} fa-lg fa-fw`)}};s(M,"Button");let D=M;D.prototype._class+=" html_Button";const P=class _ToggleButton extends D{enter(t,e){e.on("click.sel",(t,e,o)=>{this.selected(!this.selected()),this.render()}),super.enter(t,e)}update(t,e){super.update(t,e),this._element.classed("selected",this.selected())}};s(P,"ToggleButton");let I=P;I.prototype._class+=" html_ToggleButton",I.prototype.publish("selected",!1,"boolean");const $=class _Spacer extends j{enter(t,e){super.enter(t,e),e.attr("class","spacer").attr("href","#").append("i")}};s($,"Spacer");let V=$;V.prototype._class+=" html_Spacer";const O=class _TitleBar extends y{_divMain;_divIconBar;_divTitle;constructor(){super()}enter(t,e){super.enter(t,e),this._divMain=e.append("div").attr("class","main"),this._divIconBar=this._divMain.append("div").attr("class","icon-bar"),this._divTitle=this._divMain.append("div").attr("class","title")}update(t,e){super.update(t,e),this._divTitle.text(this.title());const o=this._divIconBar.selectAll(".icon-bar-item").data(this.buttons());o.enter().append("div").attr("class","icon-bar-item").each(function(t){t.target(this)}).merge(o).each(function(t){t.render()}),o.exit().each(function(t){t.target(null)}).remove(),o.order()}};s(O,"TitleBar");let U=O;U.prototype._class+=" html_TitleBar",U.prototype.publish("title","","string"),U.prototype.publish("buttons",[],"widgetArray"),t.BUILD_VERSION="3.19.1",t.BreakdownTable=g,t.Button=D,t.HTMLTooltip=h,t.Item=j,t.JSXWidget=y,t.PKG_NAME="@hpcc-js/html",t.PKG_VERSION="3.3.6",t.ReactD3=E,t.SimpleTable=p,t.Spacer=V,t.StatsTable=L,t.StyledTable=c,t.TitleBar=U,t.ToggleButton=I,t.VNode=f,t.VizComponent=A,t.VizInstance=z,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@hpcc-js/common"),require("@hpcc-js/util"),require("@hpcc-js/react")):"function"==typeof define&&define.amd?define(["exports","@hpcc-js/common","@hpcc-js/util","@hpcc-js/react"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self)["@hpcc-js/html"]={},t["@hpcc-js/common"],t["@hpcc-js/util"],t["@hpcc-js/react"])}(this,function(t,e,o,i){"use strict";var r=Object.defineProperty,s=(t,e)=>r(t,"name",{value:e,configurable:!0}),l=(t,e,o)=>((t,e,o)=>e in t?r(t,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[e]=o)(t,"symbol"!=typeof e?e+"":e,o);const n=class _HTMLTooltip extends e.HTMLWidget{_triggerElement;_contentNode;_prevContentNode;_tooltipElement;_arrowElement;_tooltipHTMLCallback=s(t=>"<b>_tooltipHTMLCallback is undefined</b>","_tooltipHTMLCallback");_logger=o.scopedLogger("html/HTMLTooltip");constructor(){super(),this.visible(!1)}tooltipHTML(t){return this._tooltipHTMLCallback=t,this}tooltipContent(t){return arguments.length?(this._contentNode=t,this):this._contentNode}triggerElement(t){return this._triggerElement=t,this}enter(t,o){super.enter(t,o);const i=e.select("body");this._tooltipElement=i.append("div").attr("class","tooltip-div").style("z-index","2147483638").style("position","fixed"),this._arrowElement=i.append("div").attr("class","arrow-div").style("z-index","2147483638").style("position","fixed")}update(t,e){if(super.update(t,e),this._contentNode!==this._prevContentNode){const t=this._tooltipElement.node();[...t.querySelectorAll("*")].map(t=>t.__data__).filter(t=>t).forEach(t=>{"function"==typeof t.target&&t.target(null),"function"==typeof t.exit&&t.exit()}),t.innerHTML="",t.appendChild(this._contentNode),this._prevContentNode=this._contentNode}if(this._contentNode?this.onShowContent(this._contentNode):this._tooltipElement.html(()=>this._tooltipHTMLCallback(this.data())),this.fitContent()){this._tooltipElement.style("width","auto").style("height","auto").style("padding","0px").style("box-sizing","content-box");const t=this._tooltipElement.node().getBoundingClientRect();this.tooltipWidth_default(t.width),this.tooltipHeight_default(t.height)}this._closing=!1,this._tooltipElement.style("background-color",this.tooltipColor()).style("color",this.fontColor()).style("width",this.tooltipWidth()+"px").style("height",this.tooltipHeight()+"px").style("opacity",1).style("padding",this.padding()+"px").style("pointer-events",this.enablePointerEvents()?"all":"none").style("box-sizing","content-box"),this._arrowElement.style("opacity",1).style("pointer-events","none"),this.updateTooltipPosition()}onShowContent(t){}updateTooltipPosition(){const t=this.calcReferenceBBox(),e=this.calcTooltipDirection(t),o=t[e];return this._tooltipElement.style("top",o.y+"px").style("left",o.x+"px"),this.setArrowPosition(o,e),o}calcTooltipDirection(t){const e=Object.keys(t),o=this.direction();e.sort((t,e)=>t===o?-1:1);const i={top:0,left:0,width:window.innerWidth,height:window.innerHeight};for(let r=0;r<e.length;r++){const o={top:t[e[r]].y,left:t[e[r]].x,width:this.tooltipWidth(),height:this.tooltipHeight()};if(this.rectFits(o,i))return e[r]}return this._logger.warning(`Tooltip doesn't fit in the window for any of the directions. Defaulting to '${o}'`),this._logger.debug(i),this._logger.debug({top:t[o].y,left:t[o].x,width:this.tooltipWidth(),height:this.tooltipHeight()}),o}rectFits(t,e){return t.top>=e.top&&t.left>=e.left&&t.width+t.left<=e.width+e.left&&t.height+t.top<=e.height+e.top}setArrowPosition(t,e){let o,i,r="border-top-color";switch(this._arrowElement.style("border",`${this.arrowHeight()}px solid ${this.tooltipColor()}`).style("border-top-color","transparent").style("border-right-color","transparent").style("border-bottom-color","transparent").style("border-left-color","transparent"),e){case"n":o=t.y+this.tooltipHeight()+2*this.padding(),i=t.x+this.tooltipWidth()/2-this.arrowWidth()/2+this.padding(),r="border-top-color",this._arrowElement.style("border-top-width",`${this.arrowHeight()}px`).style("border-bottom-width","0px").style("border-left-width",this.arrowWidth()/2+"px").style("border-right-width",this.arrowWidth()/2+"px");break;case"s":o=t.y-this.arrowHeight(),i=t.x+this.padding()+this.tooltipWidth()/2-this.arrowWidth()/2,r="border-bottom-color",this._arrowElement.style("border-top-width","0px").style("border-bottom-width",`${this.arrowHeight()}px`).style("border-left-width",this.arrowWidth()/2+"px").style("border-right-width",this.arrowWidth()/2+"px");break;case"e":o=t.y+this.tooltipHeight()/2+this.padding()-this.arrowWidth()/2,i=t.x-this.arrowHeight(),r="border-right-color",this._arrowElement.style("border-top-width",this.arrowWidth()/2+"px").style("border-bottom-width",this.arrowWidth()/2+"px").style("border-left-width","0px").style("border-right-width",`${this.arrowHeight()}px`);break;case"w":o=t.y+this.tooltipHeight()/2-this.arrowWidth()/2+this.padding(),i=t.x+this.tooltipWidth()+2*this.padding(),r="border-left-color",this._arrowElement.style("border-top-width",this.arrowWidth()/2+"px").style("border-bottom-width",this.arrowWidth()/2+"px").style("border-left-width",`${this.arrowHeight()}px`).style("border-right-width","0px")}return void 0!==o&&void 0!==i?this._arrowElement.style("top",o+"px").style("left",i+"px").style(r,this.tooltipColor()).style("opacity",1):this._arrowElement.style("opacity",0),t}getReferenceNode(){return this._triggerElement?this._triggerElement.node():this.element().node().parentNode.parentNode}_cursorLoc;calcReferenceBBox(){const t=this.getReferenceNode();let{top:e,left:o,width:i,height:r}=t.getBoundingClientRect();const s=this.tooltipWidth(),l=this.tooltipHeight(),n=s/2,h=l/2,a=this.arrowHeight(),p=this.padding(),d=2*p;this.followCursor()&&this._cursorLoc&&(o=this._cursorLoc[0],e=this._cursorLoc[1],i=1,r=1);return{n:{x:o+i/2-n-p,y:e-l-a-d},e:{x:o+i+a,y:e+r/2-h-p},s:{x:o+i/2-n-p,y:e+r+a},w:{x:o-s-a-d,y:e+r/2-h-p},nw:{x:o-s-d,y:e-l-d},ne:{x:o+i,y:e-l-d},se:{x:o+i,y:e+r},sw:{x:o-s-d,y:e+r}}}_closing=!1;mouseout(){this._closing=!0,this._tooltipElement.on("mouseover",()=>{this._closing=!1}),this._tooltipElement.on("mouseout",()=>{this.mouseout()}),setTimeout(()=>{this._closing&&this.visible(!1)},this.closeDelay())}visible(t){return arguments.length?(this._arrowElement&&(this._arrowElement.style("visibility",t?"visible":"hidden"),this._tooltipElement.style("visibility",t?"visible":"hidden")),super.visible(t),this):super.visible()}exit(t,e){this._arrowElement&&(this._arrowElement.remove(),this._tooltipElement.remove()),super.exit(t,e)}};s(n,"HTMLTooltip");let h=n;h.prototype._class+=" html_HTMLTooltip",h.prototype.publish("fitContent",!1,"boolean","If true, tooltip will grow to fit its html content"),h.prototype.publish("followCursor",!1,"boolean","If true, tooltip will display relative to cursor location"),h.prototype.publish("closeDelay",400,"number","Number of milliseconds to wait before closing tooltip (cancelled on tooltip mouseover event)"),h.prototype.publish("direction","n","set","Direction in which to display the tooltip",["n","s","e","w","ne","nw","se","sw"]),h.prototype.publish("padding",8,"number","Padding (pixels)"),h.prototype.publish("arrowWidth",16,"number","Width (or height depending on direction) of the tooltip arrow (pixels)"),h.prototype.publish("arrowHeight",8,"number","Height (or width depending on direction) of the tooltip arrow (pixels)"),h.prototype.publish("fontColor","#FFF","html-color","The default font color for text in the tooltip"),h.prototype.publish("tooltipColor","#000000EE","html-color","Background color of the tooltip"),h.prototype.publish("tooltipWidth",200,"number","Width of the tooltip (not including arrow) (pixels)"),h.prototype.publish("tooltipHeight",200,"number","Height of the tooltip (not including arrow) (pixels)"),h.prototype.publish("enablePointerEvents",!1,"boolean","If true, the 'pointer-events: all' style will be used");const a=class _SimpleTable extends e.HTMLWidget{_table;_tbody;_thead;_theadRow;constructor(){super()}transformData(){return this.data()}enter(t,e){super.enter(t,e),this._table=e.append("table"),this._thead=this._table.append("thead"),this._theadRow=this._thead.append("tr"),this._tbody=this._table.append("tbody")}update(t,o){super.update(t,o),this._table.style("width",this.autoWidth()?"auto":"100%");const i=this._theadRow.selectAll("th").data(this.columns());i.enter().append("th").attr("class",(t,e)=>`th-${e}`).merge(i).text(t=>t.toString()),i.exit().remove();const r=this._tbody.selectAll("tr").data(this.transformData());r.enter().append("tr").merge(r).each(function(t){const o=e.select(this).selectAll("td").data(t);o.enter().append("td").attr("class",(t,e)=>`col-${e}`).merge(o).text(t=>t.toString()),o.exit().remove()}),r.exit().remove()}};s(a,"SimpleTable");let p=a;p.prototype._class+=" html_SimpleTable",p.prototype.publish("autoWidth",!1,"boolean","If true, table width will be set to 'auto'. If false, the width is set to '100%'");const d=class _StyledTable extends p{constructor(){super()}applyStyleObject(t,e){Object.keys(e).forEach(o=>{t.style(o,e[o])})}update(t,e){super.update(t,e),e.selectAll("tr,th,td").attr("style","").style("font-family",this.fontFamily()).style("color",this.fontColor()),this.theadColumnStyles().forEach((t,o)=>{this.applyStyleObject(e.select(`.th-${o}`),t)}),this.tbodyColumnStyles().forEach((t,o)=>{this.applyStyleObject(e.selectAll(`.col-${o}`),t)});const o=Object.keys(this.evenRowStyles()).length>0,i=Object.keys(this.lastRowStyles()).length>0,r=e.selectAll("tbody > tr");if(o){const t=r.select(function(t,e){return e%2?this:null});this.applyStyleObject(t,this.evenRowStyles())}if(i){const t=r.select(function(t,e,o){return e===o.length-1?this:null});this.applyStyleObject(t,this.lastRowStyles())}}};s(d,"StyledTable");let c=d;c.prototype._class+=" html_StyledTable",c.prototype.publish("fontFamily","Verdana","string","Base font-family used within the table"),c.prototype.publish("fontColor","#333","string","Base font color used within the table"),c.prototype.publish("theadColumnStyles",[],"array",'Array of objects containing styles for the thead columns (ex: [{"color":"red"},{"color":"blue"}])'),c.prototype.publish("tbodyColumnStyles",[],"array",'Array of objects containing styles for the tbody columns (ex: [{"color":"red"},{"color":"blue"}])'),c.prototype.publish("lastRowStyles",{},"object",'Object containing styles for the last row (ex: {"color":"red"})'),c.prototype.publish("evenRowStyles",{},"object",'Object containing styles for even rows (ex: {"background-color":"#AAA"})');const u=class _BreakdownTable extends c{_tooltip;constructor(){super()}transformData(){const t=this.useCalculatedRowCount()?this.calculateRowCount():this.rowCount();return this.breakdownData(t)}breakdownData(t){const e=this.data().length,o=this.data().reduce((t,e)=>t+e[1],0),i=[];let r=0;this.data().sort((t,e)=>t[1]>e[1]?-1:1);const s=e-t>0;if(this.data().filter((e,o)=>!s||o<t-1).forEach(t=>{const e=Math.round(t[1]/o*100);r+=e,i.push([t[0],e+"%"])}),s){const o=`${this.otherLabel()} (${e-t+1})`,s="~"+(100-r)+"%";i.push([o,s])}return i}calculateRowCount(){const t=this.columns().length>0?this.thFontSize()+5:0,e=this.fontSize()+5,o=this.height()-t;return Math.floor(o/e)}enter(t,e){super.enter(t,e),this._tooltip=(new h).target(t),this._tooltip.tooltipHTML(t=>{const e=this.useCalculatedRowCount()?this.calculateRowCount():this.rowCount(),o=Math.max(...t.map(t=>this.textSize(t[0],this.fontFamily(),this.fontSize()).height))??this.fontSize(),i=Math.max(...t.map(t=>this.textSize(t[0],this.fontFamily(),this.fontSize()).width)),r=2*(i+30)+2*this._tooltip.padding(),s=o*Math.ceil((t.length-e)/2)+2*this._tooltip.padding();this._tooltip.tooltipWidth(r),this._tooltip.tooltipHeight(s);const l=this.breakdownData(this.data().length).slice(e-1);return`<div style="\n                    width: 100%;\n                    height: 100%;\n                    font-size: ${this.fontSize()}px;\n                ">${l.map(t=>`<div style="\n                        float:left;\n                        width:${Math.floor(49.5)}%;\n                    ">${t[0]}: ${t[1]}</div>`).join("")}</div>`})}update(t,e){this.theadColumnStyles_default([{color:this.thFirstColor(),"font-size":this.thFontSize()+"px","font-weight":this.thFontWeight(),"text-align":this.labelAlignment(),width:"auto",padding:"0px"},{width:"1%","font-size":this.thFontSize()+"px","font-weight":this.thFontWeight(),"text-align":this.percentageAlignment(),padding:"0px"}]),this.tbodyColumnStyles_default([{color:this.topLabelColor(),"font-size":this.fontSize()+"px","font-weight":"normal","text-align":this.labelAlignment(),width:"auto",padding:"0px"},{color:this.topPercentageColor(),"font-size":this.fontSize()+"px","font-weight":"normal","text-align":this.percentageAlignment(),width:"1%",padding:"0px"}]),this.lastRowStyles_default([{color:this.otherLabelColor(),"font-size":this.fontSize()+"px","font-weight":this.otherLabelBold()?"bold":"normal","text-align":this.labelAlignment(),width:"auto",padding:"0px"},{color:this.otherLabelColor(),"font-size":this.fontSize()+"px","font-weight":this.otherPercentageBold()?"bold":"normal","text-align":this.percentageAlignment(),width:"1%",padding:"0px"}]),super.update(t,e);if((this.useCalculatedRowCount()?this.calculateRowCount():this.rowCount())<this.data().length){const t=e.select("tbody > tr:last-child"),o=this;t.on("mouseout.tooltip",e=>{o._tooltip._triggerElement=t,o._tooltip.visible(!1).render()}).on("mouseenter.tooltip",e=>{o._tooltip._triggerElement=t,o._tooltip.direction("n").data(o.data()).visible(!0).render()})}}};s(u,"BreakdownTable");let g=u;g.prototype._class+=" html_BreakdownTable",g.prototype.publish("useCalculatedRowCount",!0,"boolean","If true, rowCount will be calculated and its default will be overwritten"),g.prototype.publish("rowCount",5,"number","Number of total rows to display (including the 'other' row)",void 0,{disable:s(t=>t.useCalculatedRowCount(),"disable")}),g.prototype.publish("fontSize",14,"number","Font size (pixels)"),g.prototype.publish("labelAlignment","left","set","Alignment of the label column text",["left","center","right"]),g.prototype.publish("percentageAlignment","center","set","Alignment of the percentage column text",["left","center","right"]),g.prototype.publish("topLabelColor","#333","html-color","Color of displayed 'top' labels"),g.prototype.publish("topPercentageColor","#1A99D5","html-color","Color of displayed 'top' percentages"),g.prototype.publish("topPercentageBold",!0,"html-color","If true, the 'top' percentages will be bold"),g.prototype.publish("otherLabel","Other","string","Label text for the 'other' row"),g.prototype.publish("otherLabelColor","#AAA","html-color","Color of the 'other' label"),g.prototype.publish("otherLabelBold",!1,"html-color","If true, the 'other' label will be bold"),g.prototype.publish("otherPercentageColor","#AAA","html-color","Color of the 'other' percentage"),g.prototype.publish("otherPercentageBold",!1,"html-color","If true, the 'other' percentage will be bold"),g.prototype.publish("thFontWeight","bold","string","Font weight for th elements"),g.prototype.publish("thFontSize",26,"number","Font size for th elements"),g.prototype.publish("thFirstColor","#333","html-color","Text color of the first th element"),g.prototype.publish("thLastColor","#333","html-color","Text color of the last th element");const b=class _JSXWidget extends e.HTMLWidget{rootNode;jsxRender(t,e){this.rootNode=i.React.render(t,e,this.rootNode)}};s(b,"JSXWidget"),l(b,"Component",i.React.Component),l(b,"createElement",i.React.createElement);let y=b;y.prototype._class+=" html_JSXWidget";const m=class _VNode{_attrs;_children;constructor(t,e){this._attrs=t,this._children=e}type(){return"div"}attrs(){return this._attrs}attr(t){return this._attrs[t]}children(){return this._children}update(t){for(const e in this._attrs)t.attr(e,this._attrs[e])}render(t){const o=t.selectAll(`${t.node().tagName} > *`).data([this]);return o.exit().remove(),o.enter().append(this.type()).attr("reactd3",0).merge(o).each(function(t){const o=e.select(this);t.update(o),t.renderChildren(o)})}renderChildren(t){const o=t.selectAll(`${t.node().tagName} > *`).data(this._children);return o.exit().remove(),o.enter().append(t=>document.createElement(t.type())).attr("reactd3",(t,e)=>e).merge(o).each(function(t){const o=e.select(this);t.update(o),t.renderChildren(o)})}};s(m,"VNode");let f=m;const _=class _ConstVNode extends f{_type;constructor(t,e,o){super(e,o),this._type=t}type(){return this._type}};s(_,"ConstVNode");let w=_;const x=class _TextVNode extends f{_text;constructor(t){super({},[]),this._text=t}type(){return"span"}update(t){super.update(t),t.text(this._text)}};s(x,"TextVNode");let C=x;function v(t){return"function"==typeof t}function S(t){return t.prototype&&t.prototype instanceof f}s(v,"isReactFn"),s(S,"isIVNode");const T=class _ReactD3{static createElement(t,e,...o){return S(t)?new t(e):v(t)?t(e):new w(t,e,o.map(t=>"string"==typeof t?new C(t):t))}static render(t,e){t.render(e)}};s(T,"ReactD3");let E=T;var W;W={__e:s(function(t,e,o,i){for(var r,s,l;e=e.__;)if((r=e.__c)&&!r.__)try{if((s=r.constructor)&&null!=s.getDerivedStateFromError&&(r.setState(s.getDerivedStateFromError(t)),l=r.__d),null!=r.componentDidCatch&&(r.componentDidCatch(t,i||{}),l=r.__d),l)return r.__E=r}catch(n){t=n}throw t},"__e")},"function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout;var R=0;function B(t,e,o,i,r,s){e||(e={});var l,n,h=e;if("ref"in h)for(n in h={},e)"ref"==n?l=e[n]:h[n]=e[n];var a={type:t,props:h,key:o,ref:l,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:--R,__i:-1,__u:0,__source:r,__self:s};return W.vnode&&W.vnode(a),a}s(B,"u");const H=class _VizComponent extends y.Component{widget;refreshProps(){for(const t in this.props)this.widget[t]&&"function"==typeof this.widget[t]&&this.widget[t](this.props[t])}componentDidMount(){this.widget=(new this.props.type).target(this.base),this.refreshProps(),this.widget.render()}componentWillUnmount(){this.widget.target(null).render()}render(){return B("div",{style:this.props.style})}componentDidUpdate(){this.refreshProps(),this.widget.render()}};s(H,"VizComponent");let A=H;const k=class _VizInstance extends y.Component{widget;refreshProps(){for(const t in this.props)this.widget[t]&&"function"==typeof this.widget[t]&&this.widget[t](this.props[t])}componentDidMount(){this.widget=this.props.instance.target(this.base),this.refreshProps(),this.widget.render()}componentWillUnmount(){this.widget.target(null).render()}render(){return B("div",{style:this.props.style})}componentDidUpdate(){this.refreshProps(),this.widget.render()}};s(k,"VizInstance");let z=k;const F=class _StatsTable extends c{transformData(){const t=[["Total",0,0]],o=this.data();return o.forEach(e=>{t[0][1]+=e[1],t[0][2]+=e[2]}),o.concat(t).map(t=>[t[0],this.secondColumnFormat_exists()?e.format(this.secondColumnFormat())(t[1]):t[1],this.thirdColumnFormat_exists()?e.format(this.thirdColumnFormat())(t[2]):t[2]])}update(t,e){this.tbodyColumnStyles_default([{"font-weight":"bold",width:this.firstColumnWidth(),"text-align":"left"},{width:this.secondColumnWidth(),"text-align":"right"},{width:this.thirdColumnWidth(),"text-align":"right"}]),this.evenRowStyles_default([{"font-weight":"bold",width:this.firstColumnWidth(),"text-align":"left","font-color":this.evenRowFontColor(),"background-color":this.evenRowBackgroundColor()},{width:this.secondColumnWidth(),"text-align":"right","font-color":this.evenRowFontColor(),"background-color":this.evenRowBackgroundColor()},{width:this.thirdColumnWidth(),"text-align":"right","font-color":this.evenRowFontColor(),"background-color":this.evenRowBackgroundColor()}]),this.lastRowStyles_default({"font-weight":"bold"}),super.update(t,e)}};s(F,"StatsTable");let L=F;L.prototype._class+=" html_StatsTable",L.prototype.publish("labelColor","#333","html-color","Color of the text in the first column"),L.prototype.publish("primaryValueColor","#333","html-color","Color of the text in the second column"),L.prototype.publish("secondaryValueColor","#333","html-color","Color of the text in the third column"),L.prototype.publish("evenRowBackgroundColor","#333","html-color","Background color of the even rows"),L.prototype.publish("evenRowFontColor","#333","html-color","Font color of the even rows"),L.prototype.publish("firstColumnWidth","auto","string","CSS style applied as the 'width' for the first column (ex: 40px)"),L.prototype.publish("secondColumnWidth","1%","string","CSS style applied as the 'width' for the second column (ex: 40px)"),L.prototype.publish("thirdColumnWidth","1%","string","CSS style applied as the 'width' for the third column (ex: 40px)"),L.prototype.publish("secondColumnFormat","$,.0f","string","d3-format specifier applied to the second column's values",void 0,{optional:!0}),L.prototype.publish("thirdColumnFormat",null,"string","d3-format specifier applied to the third column's values",void 0,{optional:!0});const N=class _Item extends e.HTMLWidget{_owner;constructor(t){super(),this._owner=t,this._tag="a"}};s(N,"Item");let j=N;j.prototype._class+=" html_Item";const M=class _Button extends j{_icon;constructor(t,e){super(t),this._icon=e}icon(){return this._icon}enter(t,e){super.enter(t,e),e.attr("href","#").on("click",(t,e,o)=>this._owner.titleBarClick(this,t,e,o)).append("i").attr("class",`fa ${this._icon} fa-lg fa-fw`)}};s(M,"Button");let D=M;D.prototype._class+=" html_Button";const P=class _ToggleButton extends D{enter(t,e){e.on("click.sel",(t,e,o)=>{this.selected(!this.selected()),this.render()}),super.enter(t,e)}update(t,e){super.update(t,e),this._element.classed("selected",this.selected())}};s(P,"ToggleButton");let I=P;I.prototype._class+=" html_ToggleButton",I.prototype.publish("selected",!1,"boolean");const $=class _Spacer extends j{enter(t,e){super.enter(t,e),e.attr("class","spacer").attr("href","#").append("i")}};s($,"Spacer");let V=$;V.prototype._class+=" html_Spacer";const O=class _TitleBar extends y{_divMain;_divIconBar;_divTitle;constructor(){super()}enter(t,e){super.enter(t,e),this._divMain=e.append("div").attr("class","main"),this._divIconBar=this._divMain.append("div").attr("class","icon-bar"),this._divTitle=this._divMain.append("div").attr("class","title")}update(t,e){super.update(t,e),this._divTitle.text(this.title());const o=this._divIconBar.selectAll(".icon-bar-item").data(this.buttons());o.enter().append("div").attr("class","icon-bar-item").each(function(t){t.target(this)}).merge(o).each(function(t){t.render()}),o.exit().each(function(t){t.target(null)}).remove(),o.order()}};s(O,"TitleBar");let U=O;U.prototype._class+=" html_TitleBar",U.prototype.publish("title","","string"),U.prototype.publish("buttons",[],"widgetArray"),t.BUILD_VERSION="3.19.3",t.BreakdownTable=g,t.Button=D,t.HTMLTooltip=h,t.Item=j,t.JSXWidget=y,t.PKG_NAME="@hpcc-js/html",t.PKG_VERSION="3.3.9",t.ReactD3=E,t.SimpleTable=p,t.Spacer=V,t.StatsTable=L,t.StyledTable=c,t.TitleBar=U,t.ToggleButton=I,t.VNode=f,t.VizComponent=A,t.VizInstance=z,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=index.umd.cjs.map
 !function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode("#wrap{width:100%}#left,#right{padding:5px}#left{background-color:red;text-align:left;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#right{background-color:orange;float:right;text-align:right;white-space:nowrap}.html_TitleBar>.main{width:100%;display:block}.html_TitleBar .title{padding:4px;text-align:left;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:20px;font-weight:700}.html_TitleBar .icon-bar{padding:4px;float:right;text-align:right;white-space:nowrap;line-height:28px}.html_TitleBar .icon-bar-item{display:inline}.html_TitleBar .icon-bar-item>div{display:inline}.html_TitleBar .icon-bar a{text-align:center;padding-top:4px;padding-bottom:4px;transition:all .3s ease;color:#a9a9a9}.html_TitleBar .icon-bar a:hover{background-color:#f5f5f5}.html_TitleBar .icon-bar a.selected{background-color:#efe5e5}.html_TitleBar .icon-bar a.spacer{text-align:center;padding-top:2px;padding-left:8px;padding-bottom:0;color:none}.html_TitleBar .icon-bar a.spacer:hover{background-color:transparent}.html_TitleBar .icon-bar .active{background-color:#4caf50}")),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();