@hpcc-js/html 2.33.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 +21 -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.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
2
|
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@hpcc-js/common'), require('@hpcc-js/util')) :
|
|
3
3
|
typeof define === 'function' && define.amd ? define(['exports', '@hpcc-js/common', '@hpcc-js/util'], factory) :
|
|
4
|
-
(global = global || self, factory(global[
|
|
5
|
-
}(this, (function (exports, common, util) { 'use strict';
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@hpcc-js/html"] = {}, global["@hpcc-js/common"], global["@hpcc-js/util"]));
|
|
5
|
+
})(this, (function (exports, common, util) { 'use strict';
|
|
6
6
|
|
|
7
7
|
var PKG_NAME = "@hpcc-js/html";
|
|
8
|
-
var PKG_VERSION = "2.
|
|
9
|
-
var BUILD_VERSION = "2.
|
|
8
|
+
var PKG_VERSION = "2.37.0";
|
|
9
|
+
var BUILD_VERSION = "2.97.0";
|
|
10
10
|
|
|
11
11
|
/*! *****************************************************************************
|
|
12
12
|
Copyright (c) Microsoft Corporation.
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
ar[i] = from[i];
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
|
-
return to.concat(ar || from);
|
|
49
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
50
50
|
}
|
|
51
51
|
|
|
52
52
|
var HTMLTooltip = /** @class */ (function (_super) {
|
|
@@ -90,7 +90,7 @@
|
|
|
90
90
|
_super.prototype.update.call(this, domNode, element);
|
|
91
91
|
if (this._contentNode !== this._prevContentNode) {
|
|
92
92
|
var node = this._tooltipElement.node();
|
|
93
|
-
__spreadArray([], node.querySelectorAll("*")).map(function (n) { return n.__data__; })
|
|
93
|
+
__spreadArray([], node.querySelectorAll("*"), true).map(function (n) { return n.__data__; })
|
|
94
94
|
.filter(function (n) { return n; })
|
|
95
95
|
.forEach(function (w) {
|
|
96
96
|
if (typeof w.target === "function") {
|
|
@@ -171,7 +171,7 @@
|
|
|
171
171
|
return directions[i];
|
|
172
172
|
}
|
|
173
173
|
}
|
|
174
|
-
this._logger.warning("Tooltip doesn't fit in the window for any of the directions. Defaulting to '"
|
|
174
|
+
this._logger.warning("Tooltip doesn't fit in the window for any of the directions. Defaulting to '".concat(defaultDirection, "'"));
|
|
175
175
|
this._logger.debug(windowRect);
|
|
176
176
|
this._logger.debug({
|
|
177
177
|
top: bbox[defaultDirection].y,
|
|
@@ -192,7 +192,7 @@
|
|
|
192
192
|
var left;
|
|
193
193
|
var visibleBorderStyle = "border-top-color";
|
|
194
194
|
this._arrowElement
|
|
195
|
-
.style("border", this.arrowHeight()
|
|
195
|
+
.style("border", "".concat(this.arrowHeight(), "px solid ").concat(this.tooltipColor()))
|
|
196
196
|
.style("border-top-color", "transparent")
|
|
197
197
|
.style("border-right-color", "transparent")
|
|
198
198
|
.style("border-bottom-color", "transparent")
|
|
@@ -203,10 +203,10 @@
|
|
|
203
203
|
left = point.x + (this.tooltipWidth() / 2) - (this.arrowWidth() / 2) + this.padding();
|
|
204
204
|
visibleBorderStyle = "border-top-color";
|
|
205
205
|
this._arrowElement
|
|
206
|
-
.style("border-top-width", this.arrowHeight()
|
|
206
|
+
.style("border-top-width", "".concat(this.arrowHeight(), "px"))
|
|
207
207
|
.style("border-bottom-width", "0px")
|
|
208
|
-
.style("border-left-width", this.arrowWidth() / 2
|
|
209
|
-
.style("border-right-width", this.arrowWidth() / 2
|
|
208
|
+
.style("border-left-width", "".concat(this.arrowWidth() / 2, "px"))
|
|
209
|
+
.style("border-right-width", "".concat(this.arrowWidth() / 2, "px"));
|
|
210
210
|
break;
|
|
211
211
|
case "s":
|
|
212
212
|
top = point.y - this.arrowHeight();
|
|
@@ -214,28 +214,28 @@
|
|
|
214
214
|
visibleBorderStyle = "border-bottom-color";
|
|
215
215
|
this._arrowElement
|
|
216
216
|
.style("border-top-width", "0px")
|
|
217
|
-
.style("border-bottom-width", this.arrowHeight()
|
|
218
|
-
.style("border-left-width", this.arrowWidth() / 2
|
|
219
|
-
.style("border-right-width", this.arrowWidth() / 2
|
|
217
|
+
.style("border-bottom-width", "".concat(this.arrowHeight(), "px"))
|
|
218
|
+
.style("border-left-width", "".concat(this.arrowWidth() / 2, "px"))
|
|
219
|
+
.style("border-right-width", "".concat(this.arrowWidth() / 2, "px"));
|
|
220
220
|
break;
|
|
221
221
|
case "e":
|
|
222
222
|
top = point.y + (this.tooltipHeight() / 2) + this.padding() - (this.arrowWidth() / 2);
|
|
223
223
|
left = point.x - this.arrowHeight();
|
|
224
224
|
visibleBorderStyle = "border-right-color";
|
|
225
225
|
this._arrowElement
|
|
226
|
-
.style("border-top-width", this.arrowWidth() / 2
|
|
227
|
-
.style("border-bottom-width", this.arrowWidth() / 2
|
|
226
|
+
.style("border-top-width", "".concat(this.arrowWidth() / 2, "px"))
|
|
227
|
+
.style("border-bottom-width", "".concat(this.arrowWidth() / 2, "px"))
|
|
228
228
|
.style("border-left-width", "0px")
|
|
229
|
-
.style("border-right-width", this.arrowHeight()
|
|
229
|
+
.style("border-right-width", "".concat(this.arrowHeight(), "px"));
|
|
230
230
|
break;
|
|
231
231
|
case "w":
|
|
232
232
|
top = point.y + (this.tooltipHeight() / 2) - (this.arrowWidth() / 2) + this.padding();
|
|
233
233
|
left = point.x + this.tooltipWidth() + (this.padding() * 2);
|
|
234
234
|
visibleBorderStyle = "border-left-color";
|
|
235
235
|
this._arrowElement
|
|
236
|
-
.style("border-top-width", this.arrowWidth() / 2
|
|
237
|
-
.style("border-bottom-width", this.arrowWidth() / 2
|
|
238
|
-
.style("border-left-width", this.arrowHeight()
|
|
236
|
+
.style("border-top-width", "".concat(this.arrowWidth() / 2, "px"))
|
|
237
|
+
.style("border-bottom-width", "".concat(this.arrowWidth() / 2, "px"))
|
|
238
|
+
.style("border-left-width", "".concat(this.arrowHeight(), "px"))
|
|
239
239
|
.style("border-right-width", "0px");
|
|
240
240
|
break;
|
|
241
241
|
}
|
|
@@ -380,7 +380,7 @@
|
|
|
380
380
|
var theadTrSelection = this._theadRow.selectAll("th").data(this.columns());
|
|
381
381
|
theadTrSelection.enter()
|
|
382
382
|
.append("th")
|
|
383
|
-
.attr("class", function (n, i) { return "th-"
|
|
383
|
+
.attr("class", function (n, i) { return "th-".concat(i); })
|
|
384
384
|
.merge(theadTrSelection)
|
|
385
385
|
.text(function (_d) { return (_d).toString(); });
|
|
386
386
|
theadTrSelection.exit().remove();
|
|
@@ -393,7 +393,7 @@
|
|
|
393
393
|
var tdSelection = tr.selectAll("td").data(d);
|
|
394
394
|
tdSelection.enter()
|
|
395
395
|
.append("td")
|
|
396
|
-
.attr("class", function (n, i) { return "col-"
|
|
396
|
+
.attr("class", function (n, i) { return "col-".concat(i); })
|
|
397
397
|
.merge(tdSelection)
|
|
398
398
|
.text(function (_d) { return (_d).toString(); });
|
|
399
399
|
tdSelection.exit().remove();
|
|
@@ -423,10 +423,10 @@
|
|
|
423
423
|
.style("font-family", this.fontFamily())
|
|
424
424
|
.style("color", this.fontColor());
|
|
425
425
|
this.theadColumnStyles().forEach(function (styleObj, i) {
|
|
426
|
-
_this.applyStyleObject(element.select(".th-"
|
|
426
|
+
_this.applyStyleObject(element.select(".th-".concat(i)), styleObj);
|
|
427
427
|
});
|
|
428
428
|
this.tbodyColumnStyles().forEach(function (styleObj, i) {
|
|
429
|
-
_this.applyStyleObject(element.selectAll(".col-"
|
|
429
|
+
_this.applyStyleObject(element.selectAll(".col-".concat(i)), styleObj);
|
|
430
430
|
});
|
|
431
431
|
var evenRowStylesExist = Object.keys(this.evenRowStyles()).length > 0;
|
|
432
432
|
var lastRowStylesExist = Object.keys(this.lastRowStyles()).length > 0;
|
|
@@ -475,7 +475,7 @@
|
|
|
475
475
|
data.push([row[0], perc + "%"]);
|
|
476
476
|
});
|
|
477
477
|
if (showOther) {
|
|
478
|
-
var otherLabel = this.otherLabel()
|
|
478
|
+
var otherLabel = "".concat(this.otherLabel(), " (").concat(len - limit + 1, ")");
|
|
479
479
|
var otherPercentage = "~" + (100 - percSum) + "%";
|
|
480
480
|
data.push([otherLabel, otherPercentage]);
|
|
481
481
|
}
|
|
@@ -505,7 +505,7 @@
|
|
|
505
505
|
_this._tooltip.tooltipWidth(w);
|
|
506
506
|
_this._tooltip.tooltipHeight(h);
|
|
507
507
|
var otherData = _this.breakdownData(_this.data().length).slice(rowCount - 1);
|
|
508
|
-
return "<div style=\"\n width: 100%;\n height: 100%;\n font-size: "
|
|
508
|
+
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>");
|
|
509
509
|
});
|
|
510
510
|
};
|
|
511
511
|
BreakdownTable.prototype.update = function (domNode, element) {
|
|
@@ -605,9 +605,9 @@
|
|
|
605
605
|
BreakdownTable.prototype.publish("thFirstColor", "#333", "html-color", "Text color of the first th element");
|
|
606
606
|
BreakdownTable.prototype.publish("thLastColor", "#333", "html-color", "Text color of the last th element");
|
|
607
607
|
|
|
608
|
-
var n,u,i,t,o,
|
|
608
|
+
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;
|
|
609
609
|
|
|
610
|
-
var u
|
|
610
|
+
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()});}};
|
|
611
611
|
|
|
612
612
|
var JSXWidget = /** @class */ (function (_super) {
|
|
613
613
|
__extends(JSXWidget, _super);
|
|
@@ -646,12 +646,12 @@
|
|
|
646
646
|
}
|
|
647
647
|
};
|
|
648
648
|
VNode.prototype.render = function (targetElement) {
|
|
649
|
-
var thisElement = targetElement.selectAll(targetElement.node().tagName
|
|
649
|
+
var thisElement = targetElement.selectAll("".concat(targetElement.node().tagName, " > *")).data([this]);
|
|
650
650
|
thisElement.exit()
|
|
651
|
-
.each(function (d) { return console.log("render: Exit - "
|
|
651
|
+
.each(function (d) { return console.log("render: Exit - ".concat(d.type())); })
|
|
652
652
|
.remove();
|
|
653
653
|
return thisElement.enter().append(this.type())
|
|
654
|
-
.each(function (d) { return console.log("render: Enter - "
|
|
654
|
+
.each(function (d) { return console.log("render: Enter - ".concat(d.type())); })
|
|
655
655
|
.attr("reactd3", 0)
|
|
656
656
|
.merge(thisElement)
|
|
657
657
|
.each(function (d) {
|
|
@@ -661,12 +661,12 @@
|
|
|
661
661
|
});
|
|
662
662
|
};
|
|
663
663
|
VNode.prototype.renderChildren = function (targetElement) {
|
|
664
|
-
var thisElement = targetElement.selectAll(targetElement.node().tagName
|
|
664
|
+
var thisElement = targetElement.selectAll("".concat(targetElement.node().tagName, " > *")).data(this._children);
|
|
665
665
|
thisElement.exit()
|
|
666
|
-
.each(function (d) { return console.log("renderChildren: Exit - "
|
|
666
|
+
.each(function (d) { return console.log("renderChildren: Exit - ".concat(d.type())); })
|
|
667
667
|
.remove();
|
|
668
668
|
return thisElement.enter().append(function (d) { return document.createElement(d.type()); })
|
|
669
|
-
.each(function (d) { return console.log("renderChildren: Enter - "
|
|
669
|
+
.each(function (d) { return console.log("renderChildren: Enter - ".concat(d.type())); })
|
|
670
670
|
.attr("reactd3", function (_d, i) { return i; })
|
|
671
671
|
.merge(thisElement)
|
|
672
672
|
.each(function (d) {
|
|
@@ -913,7 +913,7 @@
|
|
|
913
913
|
}
|
|
914
914
|
}
|
|
915
915
|
|
|
916
|
-
var css_248z = "#wrap{width:100%}#left,#right{padding:5px}#left{background-color:red;text-align:left;
|
|
916
|
+
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}";
|
|
917
917
|
styleInject(css_248z);
|
|
918
918
|
|
|
919
919
|
var Item = /** @class */ (function (_super) {
|
|
@@ -943,7 +943,7 @@
|
|
|
943
943
|
.attr("href", "#")
|
|
944
944
|
.on("click", function (d, idx, groups) { return _this._owner.titleBarClick(_this, d, idx, groups); })
|
|
945
945
|
.append("i")
|
|
946
|
-
.attr("class", "fa "
|
|
946
|
+
.attr("class", "fa ".concat(this._icon, " fa-lg fa-fw"));
|
|
947
947
|
};
|
|
948
948
|
return Button;
|
|
949
949
|
}(Item));
|
|
@@ -1042,5 +1042,5 @@
|
|
|
1042
1042
|
|
|
1043
1043
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
1044
1044
|
|
|
1045
|
-
}))
|
|
1045
|
+
}));
|
|
1046
1046
|
//# sourceMappingURL=index.js.map
|