@hpcc-js/html 2.36.0 → 2.37.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.es6.js +34 -34
- package/dist/index.es6.js.map +1 -1
- package/dist/index.js +37 -37
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +20 -20
- package/src/__package__.ts +2 -2
- package/types/__package__.d.ts +2 -2
- package/types-3.4/__package__.d.ts +2 -2
package/dist/index.es6.js
CHANGED
|
@@ -2,8 +2,8 @@ import { select, HTMLWidget, format } from '@hpcc-js/common';
|
|
|
2
2
|
import { scopedLogger } from '@hpcc-js/util';
|
|
3
3
|
|
|
4
4
|
var PKG_NAME = "@hpcc-js/html";
|
|
5
|
-
var PKG_VERSION = "2.
|
|
6
|
-
var BUILD_VERSION = "2.
|
|
5
|
+
var PKG_VERSION = "2.37.0";
|
|
6
|
+
var BUILD_VERSION = "2.97.0";
|
|
7
7
|
|
|
8
8
|
/*! *****************************************************************************
|
|
9
9
|
Copyright (c) Microsoft Corporation.
|
|
@@ -43,7 +43,7 @@ function __spreadArray(to, from, pack) {
|
|
|
43
43
|
ar[i] = from[i];
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
|
-
return to.concat(ar || from);
|
|
46
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
47
47
|
}
|
|
48
48
|
|
|
49
49
|
var HTMLTooltip = /** @class */ (function (_super) {
|
|
@@ -87,7 +87,7 @@ var HTMLTooltip = /** @class */ (function (_super) {
|
|
|
87
87
|
_super.prototype.update.call(this, domNode, element);
|
|
88
88
|
if (this._contentNode !== this._prevContentNode) {
|
|
89
89
|
var node = this._tooltipElement.node();
|
|
90
|
-
__spreadArray([], node.querySelectorAll("*")).map(function (n) { return n.__data__; })
|
|
90
|
+
__spreadArray([], node.querySelectorAll("*"), true).map(function (n) { return n.__data__; })
|
|
91
91
|
.filter(function (n) { return n; })
|
|
92
92
|
.forEach(function (w) {
|
|
93
93
|
if (typeof w.target === "function") {
|
|
@@ -168,7 +168,7 @@ var HTMLTooltip = /** @class */ (function (_super) {
|
|
|
168
168
|
return directions[i];
|
|
169
169
|
}
|
|
170
170
|
}
|
|
171
|
-
this._logger.warning("Tooltip doesn't fit in the window for any of the directions. Defaulting to '"
|
|
171
|
+
this._logger.warning("Tooltip doesn't fit in the window for any of the directions. Defaulting to '".concat(defaultDirection, "'"));
|
|
172
172
|
this._logger.debug(windowRect);
|
|
173
173
|
this._logger.debug({
|
|
174
174
|
top: bbox[defaultDirection].y,
|
|
@@ -189,7 +189,7 @@ var HTMLTooltip = /** @class */ (function (_super) {
|
|
|
189
189
|
var left;
|
|
190
190
|
var visibleBorderStyle = "border-top-color";
|
|
191
191
|
this._arrowElement
|
|
192
|
-
.style("border", this.arrowHeight()
|
|
192
|
+
.style("border", "".concat(this.arrowHeight(), "px solid ").concat(this.tooltipColor()))
|
|
193
193
|
.style("border-top-color", "transparent")
|
|
194
194
|
.style("border-right-color", "transparent")
|
|
195
195
|
.style("border-bottom-color", "transparent")
|
|
@@ -200,10 +200,10 @@ var HTMLTooltip = /** @class */ (function (_super) {
|
|
|
200
200
|
left = point.x + (this.tooltipWidth() / 2) - (this.arrowWidth() / 2) + this.padding();
|
|
201
201
|
visibleBorderStyle = "border-top-color";
|
|
202
202
|
this._arrowElement
|
|
203
|
-
.style("border-top-width", this.arrowHeight()
|
|
203
|
+
.style("border-top-width", "".concat(this.arrowHeight(), "px"))
|
|
204
204
|
.style("border-bottom-width", "0px")
|
|
205
|
-
.style("border-left-width", this.arrowWidth() / 2
|
|
206
|
-
.style("border-right-width", this.arrowWidth() / 2
|
|
205
|
+
.style("border-left-width", "".concat(this.arrowWidth() / 2, "px"))
|
|
206
|
+
.style("border-right-width", "".concat(this.arrowWidth() / 2, "px"));
|
|
207
207
|
break;
|
|
208
208
|
case "s":
|
|
209
209
|
top = point.y - this.arrowHeight();
|
|
@@ -211,28 +211,28 @@ var HTMLTooltip = /** @class */ (function (_super) {
|
|
|
211
211
|
visibleBorderStyle = "border-bottom-color";
|
|
212
212
|
this._arrowElement
|
|
213
213
|
.style("border-top-width", "0px")
|
|
214
|
-
.style("border-bottom-width", this.arrowHeight()
|
|
215
|
-
.style("border-left-width", this.arrowWidth() / 2
|
|
216
|
-
.style("border-right-width", this.arrowWidth() / 2
|
|
214
|
+
.style("border-bottom-width", "".concat(this.arrowHeight(), "px"))
|
|
215
|
+
.style("border-left-width", "".concat(this.arrowWidth() / 2, "px"))
|
|
216
|
+
.style("border-right-width", "".concat(this.arrowWidth() / 2, "px"));
|
|
217
217
|
break;
|
|
218
218
|
case "e":
|
|
219
219
|
top = point.y + (this.tooltipHeight() / 2) + this.padding() - (this.arrowWidth() / 2);
|
|
220
220
|
left = point.x - this.arrowHeight();
|
|
221
221
|
visibleBorderStyle = "border-right-color";
|
|
222
222
|
this._arrowElement
|
|
223
|
-
.style("border-top-width", this.arrowWidth() / 2
|
|
224
|
-
.style("border-bottom-width", this.arrowWidth() / 2
|
|
223
|
+
.style("border-top-width", "".concat(this.arrowWidth() / 2, "px"))
|
|
224
|
+
.style("border-bottom-width", "".concat(this.arrowWidth() / 2, "px"))
|
|
225
225
|
.style("border-left-width", "0px")
|
|
226
|
-
.style("border-right-width", this.arrowHeight()
|
|
226
|
+
.style("border-right-width", "".concat(this.arrowHeight(), "px"));
|
|
227
227
|
break;
|
|
228
228
|
case "w":
|
|
229
229
|
top = point.y + (this.tooltipHeight() / 2) - (this.arrowWidth() / 2) + this.padding();
|
|
230
230
|
left = point.x + this.tooltipWidth() + (this.padding() * 2);
|
|
231
231
|
visibleBorderStyle = "border-left-color";
|
|
232
232
|
this._arrowElement
|
|
233
|
-
.style("border-top-width", this.arrowWidth() / 2
|
|
234
|
-
.style("border-bottom-width", this.arrowWidth() / 2
|
|
235
|
-
.style("border-left-width", this.arrowHeight()
|
|
233
|
+
.style("border-top-width", "".concat(this.arrowWidth() / 2, "px"))
|
|
234
|
+
.style("border-bottom-width", "".concat(this.arrowWidth() / 2, "px"))
|
|
235
|
+
.style("border-left-width", "".concat(this.arrowHeight(), "px"))
|
|
236
236
|
.style("border-right-width", "0px");
|
|
237
237
|
break;
|
|
238
238
|
}
|
|
@@ -377,7 +377,7 @@ var SimpleTable = /** @class */ (function (_super) {
|
|
|
377
377
|
var theadTrSelection = this._theadRow.selectAll("th").data(this.columns());
|
|
378
378
|
theadTrSelection.enter()
|
|
379
379
|
.append("th")
|
|
380
|
-
.attr("class", function (n, i) { return "th-"
|
|
380
|
+
.attr("class", function (n, i) { return "th-".concat(i); })
|
|
381
381
|
.merge(theadTrSelection)
|
|
382
382
|
.text(function (_d) { return (_d).toString(); });
|
|
383
383
|
theadTrSelection.exit().remove();
|
|
@@ -390,7 +390,7 @@ var SimpleTable = /** @class */ (function (_super) {
|
|
|
390
390
|
var tdSelection = tr.selectAll("td").data(d);
|
|
391
391
|
tdSelection.enter()
|
|
392
392
|
.append("td")
|
|
393
|
-
.attr("class", function (n, i) { return "col-"
|
|
393
|
+
.attr("class", function (n, i) { return "col-".concat(i); })
|
|
394
394
|
.merge(tdSelection)
|
|
395
395
|
.text(function (_d) { return (_d).toString(); });
|
|
396
396
|
tdSelection.exit().remove();
|
|
@@ -420,10 +420,10 @@ var StyledTable = /** @class */ (function (_super) {
|
|
|
420
420
|
.style("font-family", this.fontFamily())
|
|
421
421
|
.style("color", this.fontColor());
|
|
422
422
|
this.theadColumnStyles().forEach(function (styleObj, i) {
|
|
423
|
-
_this.applyStyleObject(element.select(".th-"
|
|
423
|
+
_this.applyStyleObject(element.select(".th-".concat(i)), styleObj);
|
|
424
424
|
});
|
|
425
425
|
this.tbodyColumnStyles().forEach(function (styleObj, i) {
|
|
426
|
-
_this.applyStyleObject(element.selectAll(".col-"
|
|
426
|
+
_this.applyStyleObject(element.selectAll(".col-".concat(i)), styleObj);
|
|
427
427
|
});
|
|
428
428
|
var evenRowStylesExist = Object.keys(this.evenRowStyles()).length > 0;
|
|
429
429
|
var lastRowStylesExist = Object.keys(this.lastRowStyles()).length > 0;
|
|
@@ -472,7 +472,7 @@ var BreakdownTable = /** @class */ (function (_super) {
|
|
|
472
472
|
data.push([row[0], perc + "%"]);
|
|
473
473
|
});
|
|
474
474
|
if (showOther) {
|
|
475
|
-
var otherLabel = this.otherLabel()
|
|
475
|
+
var otherLabel = "".concat(this.otherLabel(), " (").concat(len - limit + 1, ")");
|
|
476
476
|
var otherPercentage = "~" + (100 - percSum) + "%";
|
|
477
477
|
data.push([otherLabel, otherPercentage]);
|
|
478
478
|
}
|
|
@@ -502,7 +502,7 @@ var BreakdownTable = /** @class */ (function (_super) {
|
|
|
502
502
|
_this._tooltip.tooltipWidth(w);
|
|
503
503
|
_this._tooltip.tooltipHeight(h);
|
|
504
504
|
var otherData = _this.breakdownData(_this.data().length).slice(rowCount - 1);
|
|
505
|
-
return "<div style=\"\n width: 100%;\n height: 100%;\n font-size: "
|
|
505
|
+
return "<div style=\"\n width: 100%;\n height: 100%;\n font-size: ".concat(_this.fontSize(), "px\n \">").concat(otherData.map(function (row) { return "<div style=\"\n float:left;\n width:".concat(Math.floor(99 / colCount), "%;\n \">").concat(row[0], ": ").concat(row[1], "</div>"); }).join(""), "</div>");
|
|
506
506
|
});
|
|
507
507
|
};
|
|
508
508
|
BreakdownTable.prototype.update = function (domNode, element) {
|
|
@@ -602,9 +602,9 @@ BreakdownTable.prototype.publish("thFontSize", 26, "number", "Font size for th e
|
|
|
602
602
|
BreakdownTable.prototype.publish("thFirstColor", "#333", "html-color", "Text color of the first th element");
|
|
603
603
|
BreakdownTable.prototype.publish("thLastColor", "#333", "html-color", "Text color of the last th element");
|
|
604
604
|
|
|
605
|
-
var n,u,i,t,o,
|
|
605
|
+
var n,u$1,i$1,t$1,o$1,r$1={},e$1=[],c$1=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord/i;function s(n,l){for(var u in l)n[u]=l[u];return n}function a$1(n){var l=n.parentNode;l&&l.removeChild(n);}function h(n,l,u){var i,t=arguments,o={};for(i in l)"key"!==i&&"ref"!==i&&(o[i]=l[i]);if(arguments.length>3)for(u=[u],i=3;i<arguments.length;i++)u.push(t[i]);if(null!=u&&(o.children=u),"function"==typeof n&&null!=n.defaultProps)for(i in n.defaultProps)void 0===o[i]&&(o[i]=n.defaultProps[i]);return v$1(n,o,l&&l.key,l&&l.ref)}function v$1(l,u,i,t){var o={type:l,props:u,key:i,ref:t,__k:null,__:null,__b:0,__e:null,__d:null,__c:null,constructor:void 0};return n.vnode&&n.vnode(o),o}function y$1(n){return n.children}function d(n,l){this.props=n,this.context=l;}function m$1(n,l){if(null==l)return n.__?m$1(n.__,n.__.__k.indexOf(n)+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?m$1(n):null}function w(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 w(n)}}function g$1(l){(!l.__d&&(l.__d=!0)&&1===u$1.push(l)||t$1!==n.debounceRendering)&&((t$1=n.debounceRendering)||i$1)(k);}function k(){var n,l,i,t,o,f,r;for(u$1.sort(function(n,l){return l.__v.__b-n.__v.__b});n=u$1.pop();)n.__d&&(i=void 0,t=void 0,f=(o=(l=n).__v).__e,(r=l.__P)&&(i=[],t=T(r,o,s({},o),l.__n,void 0!==r.ownerSVGElement,null,i,null==f?m$1(o):f),$(i,o),t!=f&&w(o)));}function _$1(n,l,u,i,t,o,f,c,s){var h,v,p,y,d,w,g,k=u&&u.__k||e$1,_=k.length;if(c==r$1&&(c=null!=o?o[0]:_?m$1(u,0):null),h=0,l.__k=b(l.__k,function(u){if(null!=u){if(u.__=l,u.__b=l.__b+1,null===(p=k[h])||p&&u.key==p.key&&u.type===p.type)k[h]=void 0;else for(v=0;v<_;v++){if((p=k[v])&&u.key==p.key&&u.type===p.type){k[v]=void 0;break}p=null;}if(y=T(n,u,p=p||r$1,i,t,o,f,c,s),(v=u.ref)&&p.ref!=v&&(g||(g=[]),p.ref&&g.push(p.ref,null,u),g.push(v,u.__c||y,u)),null!=y){if(null==w&&(w=y),null!=u.__d)y=u.__d,u.__d=null;else if(o==p||y!=c||null==y.parentNode){n:if(null==c||c.parentNode!==n)n.appendChild(y);else {for(d=c,v=0;(d=d.nextSibling)&&v<_;v+=2)if(d==y)break n;n.insertBefore(y,c);}"option"==l.type&&(n.value="");}c=y.nextSibling,"function"==typeof l.type&&(l.__d=y);}}return h++,u}),l.__e=w,null!=o&&"function"!=typeof l.type)for(h=o.length;h--;)null!=o[h]&&a$1(o[h]);for(h=_;h--;)null!=k[h]&&A(k[h],k[h]);if(g)for(h=0;h<g.length;h++)z(g[h],g[++h],g[++h]);}function b(n,l,u){if(null==u&&(u=[]),null==n||"boolean"==typeof n)l&&u.push(l(null));else if(Array.isArray(n))for(var i=0;i<n.length;i++)b(n[i],l,u);else u.push(l?l("string"==typeof n||"number"==typeof n?v$1(null,n,null,null):null!=n.__e||null!=n.__c?v$1(n.type,n.props,n.key,null):n):n);return u}function x$1(n,l,u,i,t){var o;for(o in u)o in l||P(n,o,null,u[o],i);for(o in l)t&&"function"!=typeof l[o]||"value"===o||"checked"===o||u[o]===l[o]||P(n,o,l[o],u[o],i);}function C(n,l,u){"-"===l[0]?n.setProperty(l,u):n[l]="number"==typeof u&&!1===c$1.test(l)?u+"px":null==u?"":u;}function P(n,l,u,i,t){var o,f,r,e,c;if(t?"className"===l&&(l="class"):"class"===l&&(l="className"),"key"===l||"children"===l);else if("style"===l)if(o=n.style,"string"==typeof u)o.cssText=u;else {if("string"==typeof i&&(o.cssText="",i=null),i)for(f in i)u&&f in u||C(o,f,"");if(u)for(r in u)i&&u[r]===i[r]||C(o,r,u[r]);}else "o"===l[0]&&"n"===l[1]?(e=l!==(l=l.replace(/Capture$/,"")),c=l.toLowerCase(),l=(c in n?c:l).slice(2),u?(i||n.addEventListener(l,N,e),(n.l||(n.l={}))[l]=u):n.removeEventListener(l,N,e)):"list"!==l&&"tagName"!==l&&"form"!==l&&"type"!==l&&!t&&l in n?n[l]=null==u?"":u:"function"!=typeof u&&"dangerouslySetInnerHTML"!==l&&(l!==(l=l.replace(/^xlink:?/,""))?null==u||!1===u?n.removeAttributeNS("http://www.w3.org/1999/xlink",l.toLowerCase()):n.setAttributeNS("http://www.w3.org/1999/xlink",l.toLowerCase(),u):null==u||!1===u?n.removeAttribute(l):n.setAttribute(l,u));}function N(l){this.l[l.type](n.event?n.event(l):l);}function T(l,u,i,t,o,f,r,e,c){var a,h,v,p,m,w,g,k,x,C,P=u.type;if(void 0!==u.constructor)return null;(a=n.__b)&&a(u);try{n:if("function"==typeof P){if(k=u.props,x=(a=P.contextType)&&t[a.__c],C=a?x?x.props.value:a.__:t,i.__c?g=(h=u.__c=i.__c).__=h.__E:("prototype"in P&&P.prototype.render?u.__c=h=new P(k,C):(u.__c=h=new d(k,C),h.constructor=P,h.render=D),x&&x.sub(h),h.props=k,h.state||(h.state={}),h.context=C,h.__n=t,v=h.__d=!0,h.__h=[]),null==h.__s&&(h.__s=h.state),null!=P.getDerivedStateFromProps&&(h.__s==h.state&&(h.__s=s({},h.__s)),s(h.__s,P.getDerivedStateFromProps(k,h.__s))),p=h.props,m=h.state,v)null==P.getDerivedStateFromProps&&null!=h.componentWillMount&&h.componentWillMount(),null!=h.componentDidMount&&h.__h.push(h.componentDidMount);else {if(null==P.getDerivedStateFromProps&&k!==p&&null!=h.componentWillReceiveProps&&h.componentWillReceiveProps(k,C),!h.__e&&null!=h.shouldComponentUpdate&&!1===h.shouldComponentUpdate(k,h.__s,C)){for(h.props=k,h.state=h.__s,h.__d=!1,h.__v=u,u.__e=i.__e,u.__k=i.__k,h.__h.length&&r.push(h),a=0;a<u.__k.length;a++)u.__k[a]&&(u.__k[a].__=u);break n}null!=h.componentWillUpdate&&h.componentWillUpdate(k,h.__s,C),null!=h.componentDidUpdate&&h.__h.push(function(){h.componentDidUpdate(p,m,w);});}h.context=C,h.props=k,h.state=h.__s,(a=n.__r)&&a(u),h.__d=!1,h.__v=u,h.__P=l,a=h.render(h.props,h.state,h.context),u.__k=b(null!=a&&a.type==y$1&&null==a.key?a.props.children:a),null!=h.getChildContext&&(t=s(s({},t),h.getChildContext())),v||null==h.getSnapshotBeforeUpdate||(w=h.getSnapshotBeforeUpdate(p,m)),_$1(l,u,i,t,o,f,r,e,c),h.base=u.__e,h.__h.length&&r.push(h),g&&(h.__E=h.__=null),h.__e=null;}else u.__e=j(i.__e,u,i,t,o,f,r,c);(a=n.diffed)&&a(u);}catch(l){n.__e(l,u,i);}return u.__e}function $(l,u){n.__c&&n.__c(u,l),l.some(function(u){try{l=u.__h,u.__h=[],l.some(function(n){n.call(u);});}catch(l){n.__e(l,u.__v);}});}function j(n,l,u,i,t,o,f,c){var s,a,h,v,p,y=u.props,d=l.props;if(t="svg"===l.type||t,null==n&&null!=o)for(s=0;s<o.length;s++)if(null!=(a=o[s])&&(null===l.type?3===a.nodeType:a.localName===l.type)){n=a,o[s]=null;break}if(null==n){if(null===l.type)return document.createTextNode(d);n=t?document.createElementNS("http://www.w3.org/2000/svg",l.type):document.createElement(l.type),o=null;}if(null===l.type)null!=o&&(o[o.indexOf(n)]=null),y!==d&&(n.data=d);else if(l!==u){if(null!=o&&(o=e$1.slice.call(n.childNodes)),h=(y=u.props||r$1).dangerouslySetInnerHTML,v=d.dangerouslySetInnerHTML,!c){if(y===r$1)for(y={},p=0;p<n.attributes.length;p++)y[n.attributes[p].name]=n.attributes[p].value;(v||h)&&(v&&h&&v.__html==h.__html||(n.innerHTML=v&&v.__html||""));}x$1(n,d,y,t,c),l.__k=l.props.children,v||_$1(n,l,u,i,"foreignObject"!==l.type&&t,o,f,r$1,c),c||("value"in d&&void 0!==d.value&&d.value!==n.value&&(n.value=null==d.value?"":d.value),"checked"in d&&void 0!==d.checked&&d.checked!==n.checked&&(n.checked=d.checked));}return n}function z(l,u,i){try{"function"==typeof l?l(u):l.current=u;}catch(l){n.__e(l,i);}}function A(l,u,i){var t,o,f;if(n.unmount&&n.unmount(l),(t=l.ref)&&z(t,null,u),i||"function"==typeof l.type||(i=null!=(o=l.__e)),l.__e=l.__d=null,null!=(t=l.__c)){if(t.componentWillUnmount)try{t.componentWillUnmount();}catch(l){n.__e(l,u);}t.base=t.__P=null;}if(t=l.__k)for(f=0;f<t.length;f++)t[f]&&A(t[f],u,i);null!=o&&a$1(o);}function D(n,l,u){return this.constructor(n,u)}function E(l,u,i){var t,f,c;n.__&&n.__(l,u),f=(t=i===o$1)?null:i&&i.__k||u.__k,l=h(y$1,null,[l]),c=[],T(u,(t?u:i||u).__k=l,f||r$1,r$1,void 0!==u.ownerSVGElement,i&&!t?[i]:f?null:e$1.slice.call(u.childNodes),c,i||r$1,t),$(c,l);}n={__e:function(n,l){for(var u;l=l.__;)if((u=l.__c)&&!u.__)try{if(u.constructor&&null!=u.constructor.getDerivedStateFromError)u.setState(u.constructor.getDerivedStateFromError(n));else {if(null==u.componentDidCatch)continue;u.componentDidCatch(n);}return g$1(u.__E=u)}catch(l){n=l;}throw n}},d.prototype.setState=function(n,l){var u;u=this.__s!==this.state?this.__s:this.__s=s({},this.state),"function"==typeof n&&(n=n(u,this.props)),n&&s(u,n),null!=n&&this.__v&&(this.__e=!1,l&&this.__h.push(l),g$1(this));},d.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),g$1(this));},d.prototype.render=y$1,u$1=[],i$1="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,o$1=r$1;
|
|
606
606
|
|
|
607
|
-
var u
|
|
607
|
+
var u,r,i=[],o=n.__r,f=n.diffed,c=n.__c,e=n.unmount;function F(){i.some(function(n){n.__P&&(n.__H.u.forEach(_),n.__H.u.forEach(g),n.__H.u=[]);}),i=[];}function _(n){n.m&&n.m();}function g(n){var t=n.i();"function"==typeof t&&(n.m=t);}n.__r=function(n){o&&o(n),(u=n.__c).__H&&(u.__H.u.forEach(_),u.__H.u.forEach(g),u.__H.u=[]);},n.diffed=function(t){f&&f(t);var u=t.__c;if(u){var o=u.__H;o&&o.u.length&&(1!==i.push(u)&&r===n.requestAnimationFrame||((r=n.requestAnimationFrame)||function(n){var t,u=function(){clearTimeout(r),cancelAnimationFrame(t),setTimeout(n);},r=setTimeout(u,100);"undefined"!=typeof window&&(t=requestAnimationFrame(u));})(F));}},n.__c=function(n,t){t.some(function(n){n.__h.forEach(_),n.__h=n.__h.filter(function(n){return !n.i||g(n)});}),c&&c(n,t);},n.unmount=function(n){e&&e(n);var t=n.__c;if(t){var u=t.__H;u&&u.t.forEach(function(n){return n.m&&n.m()});}};
|
|
608
608
|
|
|
609
609
|
var JSXWidget = /** @class */ (function (_super) {
|
|
610
610
|
__extends(JSXWidget, _super);
|
|
@@ -643,12 +643,12 @@ var VNode = /** @class */ (function () {
|
|
|
643
643
|
}
|
|
644
644
|
};
|
|
645
645
|
VNode.prototype.render = function (targetElement) {
|
|
646
|
-
var thisElement = targetElement.selectAll(targetElement.node().tagName
|
|
646
|
+
var thisElement = targetElement.selectAll("".concat(targetElement.node().tagName, " > *")).data([this]);
|
|
647
647
|
thisElement.exit()
|
|
648
|
-
.each(function (d) { return console.log("render: Exit - "
|
|
648
|
+
.each(function (d) { return console.log("render: Exit - ".concat(d.type())); })
|
|
649
649
|
.remove();
|
|
650
650
|
return thisElement.enter().append(this.type())
|
|
651
|
-
.each(function (d) { return console.log("render: Enter - "
|
|
651
|
+
.each(function (d) { return console.log("render: Enter - ".concat(d.type())); })
|
|
652
652
|
.attr("reactd3", 0)
|
|
653
653
|
.merge(thisElement)
|
|
654
654
|
.each(function (d) {
|
|
@@ -658,12 +658,12 @@ var VNode = /** @class */ (function () {
|
|
|
658
658
|
});
|
|
659
659
|
};
|
|
660
660
|
VNode.prototype.renderChildren = function (targetElement) {
|
|
661
|
-
var thisElement = targetElement.selectAll(targetElement.node().tagName
|
|
661
|
+
var thisElement = targetElement.selectAll("".concat(targetElement.node().tagName, " > *")).data(this._children);
|
|
662
662
|
thisElement.exit()
|
|
663
|
-
.each(function (d) { return console.log("renderChildren: Exit - "
|
|
663
|
+
.each(function (d) { return console.log("renderChildren: Exit - ".concat(d.type())); })
|
|
664
664
|
.remove();
|
|
665
665
|
return thisElement.enter().append(function (d) { return document.createElement(d.type()); })
|
|
666
|
-
.each(function (d) { return console.log("renderChildren: Enter - "
|
|
666
|
+
.each(function (d) { return console.log("renderChildren: Enter - ".concat(d.type())); })
|
|
667
667
|
.attr("reactd3", function (_d, i) { return i; })
|
|
668
668
|
.merge(thisElement)
|
|
669
669
|
.each(function (d) {
|
|
@@ -910,7 +910,7 @@ function styleInject(css, ref) {
|
|
|
910
910
|
}
|
|
911
911
|
}
|
|
912
912
|
|
|
913
|
-
var css_248z = "#wrap{width:100%}#left,#right{padding:5px}#left{background-color:red;text-align:left;
|
|
913
|
+
var css_248z = "#wrap{width:100%}#left,#right{padding:5px}#left{background-color:red;display:block;overflow:hidden;text-align:left;text-overflow:ellipsis}#left,#right{white-space:nowrap}#right{background-color:orange;float:right;text-align:right}.html_TitleBar>.main{display:block;width:100%}.html_TitleBar .title{display:block;font-size:20px;font-weight:700;overflow:hidden;padding:4px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.html_TitleBar .icon-bar{float:right;line-height:28px;padding:4px;text-align:right;white-space:nowrap}.html_TitleBar .icon-bar-item,.html_TitleBar .icon-bar-item>div{display:inline}.html_TitleBar .icon-bar a{color:#a9a9a9;padding-bottom:4px;padding-top:4px;text-align:center;transition:all .3s ease}.html_TitleBar .icon-bar a:hover{background-color:#f5f5f5}.html_TitleBar .icon-bar a.selected{background-color:#efe5e5}.html_TitleBar .icon-bar a.spacer{color:none;padding-bottom:0;padding-left:8px;padding-top:2px;text-align:center}.html_TitleBar .icon-bar a.spacer:hover{background-color:transparent}.html_TitleBar .icon-bar .active{background-color:#4caf50}";
|
|
914
914
|
styleInject(css_248z);
|
|
915
915
|
|
|
916
916
|
var Item = /** @class */ (function (_super) {
|
|
@@ -940,7 +940,7 @@ var Button = /** @class */ (function (_super) {
|
|
|
940
940
|
.attr("href", "#")
|
|
941
941
|
.on("click", function (d, idx, groups) { return _this._owner.titleBarClick(_this, d, idx, groups); })
|
|
942
942
|
.append("i")
|
|
943
|
-
.attr("class", "fa "
|
|
943
|
+
.attr("class", "fa ".concat(this._icon, " fa-lg fa-fw"));
|
|
944
944
|
};
|
|
945
945
|
return Button;
|
|
946
946
|
}(Item));
|