balkan-orgchart-js 9.2.34 → 9.2.37

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/orgchart.mjs CHANGED
@@ -456,6 +456,7 @@ e.prototype.init = function(t, n) {
456
456
  movable: null,
457
457
  scaleMin: .1,
458
458
  scaleMax: 5,
459
+ highlightOnHover: "parents",
459
460
  orderBy: null,
460
461
  editUI: null,
461
462
  aiUI: null,
@@ -847,7 +848,7 @@ e.prototype.init = function(t, n) {
847
848
  n._menuClickHandler.apply(n, [this, e]);
848
849
  });
849
850
  }
850
- }, e === void 0 && (e = {}), e.VERSION = "9.2.34", e.orientation = {}, e.orientation.top = 0, e.orientation.bottom = 1, e.orientation.right = 2, e.orientation.left = 3, e.orientation.top_left = 4, e.orientation.bottom_left = 5, e.orientation.right_top = 6, e.orientation.left_top = 7, e.anchor = {
851
+ }, e === void 0 && (e = {}), e.VERSION = "9.2.37", e.orientation = {}, e.orientation.top = 0, e.orientation.bottom = 1, e.orientation.right = 2, e.orientation.left = 3, e.orientation.top_left = 4, e.orientation.bottom_left = 5, e.orientation.right_top = 6, e.orientation.left_top = 7, e.anchor = {
851
852
  top_right: "top_right",
852
853
  right_top: "right_top",
853
854
  bottom_right: "bottom_right",
@@ -3544,16 +3545,64 @@ e.prototype.init = function(t, n) {
3544
3545
  event: n
3545
3546
  };
3546
3547
  if (e.events.publish("node-mouseover", [t, i]) === !1) return;
3547
- e._addSelectedStyle(t, i.node, i.node.id);
3548
+ e._hover._addSelectedStyle(t, i.node, i.node.id);
3548
3549
  }
3549
3550
  }), r[i].addEventListener("mouseleave", function(n) {
3550
3551
  var r = this.getAttribute("data-n-id"), i = {
3551
3552
  node: t.getNode(r),
3552
3553
  event: n
3553
3554
  };
3554
- e.events.publish("node-mouseleave", [t, i]) !== !1 && e._removeSelectedStyle(t);
3555
+ e.events.publish("node-mouseleave", [t, i]) !== !1 && e._hover._removeSelectedStyle(t);
3555
3556
  });
3556
- }), e === void 0 && (e = {}), e.manager = function(e) {
3557
+ }), e._hover = {}, e._hover._addSelectedStyle = function(t, n, r) {
3558
+ n.isSplit || t.config.highlightOnHover != "none" && ((t.config.highlightOnHover == "parents" || t.config.highlightOnHover == "childrenAndParents") && e._hover._addSelectedStyleParents(t, n, r), (t.config.highlightOnHover == "children" || t.config.highlightOnHover == "childrenAndParents") && e._hover._addSelectedStyleChildren(t, n, r), t.config.highlightOnHover == "sameLevel" && e._hover._addSelectedStyleSameLevel(t, n, r));
3559
+ }, e._hover._addSelectedStyleChildren = function(t, n, r) {
3560
+ var i = t.getNodeElement(n.id);
3561
+ i && i.classList.add("boc-hover");
3562
+ var a = t.element.querySelector(`[data-ctrl-ec-id="${n.id}"]`);
3563
+ if (a && a.classList.add("boc-hover"), n.id != r) {
3564
+ if (n.rightNeighbor && n.rightNeighbor.isSplit && n.rightNeighbor.pid == n.pid) {
3565
+ var o = t.element.querySelector(`[data-l-id="[${n.parent.id}][${n.id}]"]`);
3566
+ o && o.classList.add("boc-hover");
3567
+ }
3568
+ if (n.leftNeighbor && n.leftNeighbor.isSplit && n.leftNeighbor.pid == n.pid) {
3569
+ var o = t.element.querySelector(`[data-l-id="[${n.parent.id}][${n.id}]"]`);
3570
+ o && o.classList.add("boc-hover");
3571
+ }
3572
+ if (n.parent && n.parent.isSplit) {
3573
+ var o = t.element.querySelector(`[data-l-id="[${n.parent.id}][${n.id}]"]`);
3574
+ o && o.classList.add("boc-hover");
3575
+ }
3576
+ }
3577
+ for (var s of n.children) if (s.isSplit) {
3578
+ var o = t.element.querySelector(`[data-l-id="[${n.id}][${s.id}]"]`);
3579
+ o && o.classList.add("boc-hover"), e._hover._addSelectedStyleChildren(t, s, r);
3580
+ }
3581
+ for (var c of n.childrenIds) {
3582
+ var s = t.getNode(c), o = t.element.querySelector(`[data-l-id="[${n.id}][${s.id}]"]`);
3583
+ o && o.classList.add("boc-hover"), e._hover._addSelectedStyleChildren(t, s, r);
3584
+ }
3585
+ }, e._hover._addSelectedStyleSameLevel = function(e, t, n) {
3586
+ var r = e.getNodeElement(t.id);
3587
+ r && r.classList.add("boc-hover");
3588
+ for (var i of e.element.querySelectorAll(`[data-l="${t.level}"]`)) i.classList.add("boc-hover");
3589
+ }, e._hover._addSelectedStyleParents = function(t, n, r) {
3590
+ var i = t.getNodeElement(n.id);
3591
+ if (i && i.classList.add("boc-hover"), n.parent) {
3592
+ var a = t.element.querySelector(`[data-l-id="[${n.parent.id}][${n.id}]"]`);
3593
+ a && a.classList.add("boc-hover");
3594
+ }
3595
+ if (r != n.id) {
3596
+ var o = t.element.querySelector(`[data-ctrl-ec-id="${n.id}"]`);
3597
+ o && o.classList.add("boc-hover");
3598
+ }
3599
+ n.rightNeighbor && n.rightNeighbor.isSplit && n.rightNeighbor.pid == n.pid && e._hover._addSelectedStyleParents(t, n.rightNeighbor, r), n.leftNeighbor && n.leftNeighbor.isSplit && n.leftNeighbor.pid == n.pid && e._hover._addSelectedStyleParents(t, n.leftNeighbor, r), n.parent && n.parent.isSplit && e._hover._addSelectedStyleParents(t, n.parent, r);
3600
+ var s = t.getNode(n.pid);
3601
+ n.parent && e._hover._addSelectedStyleParents(t, s, r);
3602
+ }, e._hover._removeSelectedStyle = function(e) {
3603
+ let t = e.element.querySelectorAll(".boc-hover");
3604
+ for (let e = 0; e < t.length; e++) t[e].classList.remove("boc-hover");
3605
+ }, e === void 0 && (e = {}), e.manager = function(e) {
3557
3606
  this.config = e.config, this.layoutConfigs = e._layoutConfigs, this.visibleNodeIds = [], this.viewBox = null, this.action = null, this.actionParams = null, this.nodes = {}, this.oldNodes = {}, this.maxX = null, this.maxY = null, this.minX = null, this.minY = null, this.bordersByRootIdAndLevel = null, this.roots = null, this.state = null, this.vbIsInitializedFromState = !1, this.rootList = [], this.instance = e, this._fixAdjustForExport = {
3558
3607
  x: 0,
3559
3608
  y: 0
@@ -4479,7 +4528,7 @@ e.prototype.init = function(t, n) {
4479
4528
  rect: null
4480
4529
  },
4481
4530
  svg: "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" style=\"display:block;\" width=\"{w}\" height=\"{h}\" viewBox=\"{viewBox}\">{content}</svg>",
4482
- link: "<path stroke-linejoin=\"round\" stroke=\"#aeaeae\" stroke-width=\"1px\" fill=\"none\" d=\"M{xa},{ya} {xb},{yb} {xc},{yc} L{xd},{yd}\"/>",
4531
+ link: "<path stroke-linejoin=\"round\" stroke=\"#aeaeae\" stroke-width=\"1px\" fill=\"none\" d=\"M{xa},{ya} {xb},{yb} {xc},{yc} L{xd},{yd}\"/>",
4483
4532
  node: "<rect x=\"0\" y=\"0\" height=\"120\" width=\"250\" fill=\"none\" stroke-width=\"1\" stroke=\"#aeaeae\" rx=\"7\" ry=\"7\"></rect>",
4484
4533
  plus: function(e, t, n, r, i) {
4485
4534
  var a = r.mode == "dark" ? "#1E1E1E" : "#ffffff";
@@ -4513,18 +4562,18 @@ e.prototype.init = function(t, n) {
4513
4562
  },
4514
4563
  expandCollapseSize: 30,
4515
4564
  svg: "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" style=\"display:block;\" width=\"{w}\" height=\"{h}\" viewBox=\"{viewBox}\">{content}</svg>",
4516
- link: "<path class=\"boc-selectable\" stroke-linejoin=\"round\" stroke=\"#aeaeae\" stroke-width=\"1px\" fill=\"none\" d=\"{rounded}\" />",
4565
+ link: "<path class=\"boc-hoverable\" stroke-linejoin=\"round\" stroke=\"#aeaeae\" stroke-width=\"1px\" fill=\"none\" d=\"{rounded}\" />",
4517
4566
  node: function(e, t, n, r) {
4518
- return `<rect class="boc-selectable" x="0" y="0" height="${e.h}" width="${e.w}" fill="#039BE5" stroke-width="1" stroke="#aeaeae" rx="10" ry="10"></rect>`;
4567
+ return `<rect class="boc-hoverable" x="0" y="0" height="${e.h}" width="${e.w}" fill="#039BE5" stroke-width="1" stroke="#aeaeae" rx="10" ry="10"></rect>`;
4519
4568
  },
4520
4569
  plus: function(e, t, n, r, i) {
4521
4570
  var a = r.mode == "dark" ? "#1E1E1E" : "#ffffff";
4522
- return `<g transform="matrix(1,0,0,1,${i.x - 15},${i.y - 15})"><circle class="boc-selectable" cx="15" cy="15" r="15" fill="${a}" stroke="#aeaeae" stroke-width="1"></circle>
4571
+ return `<g transform="matrix(1,0,0,1,${i.x - 15},${i.y - 15})"><circle class="boc-hoverable" cx="15" cy="15" r="15" fill="${a}" stroke="#aeaeae" stroke-width="1"></circle>
4523
4572
  <text text-anchor="middle" style="font-size: 14px;cursor:pointer;" fill="#aeaeae" x="15" y="21">${e.deepCollapsedChildCount}</text></g>`;
4524
4573
  },
4525
4574
  minus: function(e, t, n, r, i) {
4526
4575
  var a = r.mode == "dark" ? "#1E1E1E" : "#ffffff";
4527
- return `<g transform="matrix(1,0,0,1,${i.x - 15},${i.y - 15})"><circle class="boc-selectable" cx="15" cy="15" r="15" fill="${a}" stroke="#aeaeae" stroke-width="1"></circle>
4576
+ return `<g transform="matrix(1,0,0,1,${i.x - 15},${i.y - 15})"><circle class="boc-hoverable" cx="15" cy="15" r="15" fill="${a}" stroke="#aeaeae" stroke-width="1"></circle>
4528
4577
  <line x1="4" y1="15" x2="26" y2="15" stroke-width="1" stroke="#aeaeae"></line></g>`;
4529
4578
  },
4530
4579
  up: "<rect x=\"20\" y=\"-25\" width=\"30\" height=\"17\" fill=\"#aeaeae\" rx=\"3\" ry=\"3\"></rect><line x1=\"35\" x2=\"35\" y1=\"0\" y2=\"-8\" stroke=\"#aeaeae\" stroke-width=\"1\"></line>",
@@ -4551,7 +4600,7 @@ e.prototype.init = function(t, n) {
4551
4600
  ],
4552
4601
  editFormHeaderColor: "#039BE5",
4553
4602
  treeListMaxHeight: 500
4554
- }, e.templates.split = Object.assign({}, e.templates.ana), e.templates.split.size = [10, 10], e.templates.split.node = "<circle class=\"boc-selectable\" cx=\"5\" cy=\"5\" r=\"5\" fill=\"none\" stroke-width=\"1\" stroke=\"#aeaeae\"></circle>", e.templates.split.field_0 = "", e.templates.split.field_1 = "", e.templates.split.img_0 = "", e.templates.dot = Object.assign({}, e.templates.split), e.templates.group = Object.assign({}, e.templates.ana), e.templates.group.size = [250, 120], e.templates.group.padding = [
4603
+ }, e.templates.split = Object.assign({}, e.templates.ana), e.templates.split.size = [10, 10], e.templates.split.node = "<circle class=\"boc-hoverable\" cx=\"5\" cy=\"5\" r=\"5\" fill=\"none\" stroke-width=\"1\" stroke=\"#aeaeae\"></circle>", e.templates.split.field_0 = "", e.templates.split.field_1 = "", e.templates.split.img_0 = "", e.templates.dot = Object.assign({}, e.templates.split), e.templates.group = Object.assign({}, e.templates.ana), e.templates.group.size = [250, 120], e.templates.group.padding = [
4555
4604
  50,
4556
4605
  20,
4557
4606
  35,
@@ -4575,7 +4624,7 @@ e.prototype.init = function(t, n) {
4575
4624
  }, e.templates.ula.field_1 = function(t, n, r, i, a) {
4576
4625
  return e.wrapText(a, "<text data-text-overflow=\"multiline\" style=\"font-size: 14px;\" fill=\"#afafaf\" x=\"100\" y=\"76\"></text>", t.w - 105, 3);
4577
4626
  }, e.templates.ula.node = function(e, t, n, r) {
4578
- return `<rect x="0" y="0" height="${e.h}" width="${e.w}" fill="#ffffff" stroke-width="1" stroke="#aeaeae"></rect><line x1="0" y1="0" x2="${e.w}" y2="0" stroke-width="2" stroke="#039BE5"></line>`;
4627
+ return `<rect class="boc-hoverable" x="0" y="0" height="${e.h}" width="${e.w}" fill="#ffffff" stroke-width="1" stroke="#aeaeae"></rect><line class="boc-hoverable" x1="0" y1="0" x2="${e.w}" y2="0" stroke-width="2" stroke="#039BE5"></line>`;
4579
4628
  }, e.templates.ula.img_0 = function(t, n, r, i, a) {
4580
4629
  var o = 50, s = 60, c = 40, l = e.randomId();
4581
4630
  return `<clipPath id="${l}"><circle cx="${o}" cy="${s}" r="${c}"></circle></clipPath><image preserveAspectRatio="xMidYMid slice" clip-path="url(#${l})" xlink:href="${a}" x="${o - c}" y="${s - c}" width="${c * 2}" height="${c * 2}" ></image>`;
@@ -4591,7 +4640,7 @@ e.prototype.init = function(t, n) {
4591
4640
  }, e.templates.olivia.field_1 = function(t, n, r, i, a) {
4592
4641
  return e.wrapText(a, "<text class=\"olivia-f1\" x=\"100\" y=\"76\"></text>", t.w - 105, 3);
4593
4642
  }, e.templates.olivia.node = function(e, t, n, r) {
4594
- return `<rect fill="url(#olivia_gradient)" x="0" y="0" height="${e.h}" width="${e.w}" stroke-width="1" stroke="#aeaeae" rx="10" ry="10"></rect>`;
4643
+ return `<rect class="boc-hoverable" fill="url(#olivia_gradient)" x="0" y="0" height="${e.h}" width="${e.w}" stroke-width="1" stroke="#aeaeae" rx="10" ry="10"></rect>`;
4595
4644
  }, e.templates.olivia.img_0 = "<clipPath id=\"{randId}\"><circle cx=\"50\" cy=\"60\" r=\"40\"></circle></clipPath><image preserveAspectRatio=\"xMidYMid slice\" clip-path=\"url(#{randId})\" xlink:href=\"{val}\" x=\"10\" y=\"20\" width=\"80\" height=\"80\" ></image>", e.templates.olivia.nodeMenuButton = function(e, t, n, r) {
4596
4645
  return `<g style="cursor:pointer;" transform="matrix(1,0,0,1,${e.w - 25},${e.h - 15})"><rect x="-4" y="-10" fill="#000000" fill-opacity="0" width="22" height="22"></rect><circle cx="0" cy="0" r="2" fill="#AEAEAE"></circle><circle cx="7" cy="0" r="2" fill="#AEAEAE"></circle><circle cx="14" cy="0" r="2" fill="#AEAEAE"></circle></g>`;
4597
4646
  }, e.templates.olivia.padding = [
@@ -4604,7 +4653,7 @@ e.prototype.init = function(t, n) {
4604
4653
  color: "#e6e6e6",
4605
4654
  rect: null
4606
4655
  }, e.templates.belinda.node = function(e, t, n, r) {
4607
- return `<circle cx="${e.w / 2}" cy="${e.h / 2}" r="${e.w / 2}" fill="#039BE5" stroke-width="1" stroke="#aeaeae"></circle>`;
4656
+ return `<circle class="boc-hoverable" cx="${e.w / 2}" cy="${e.h / 2}" r="${e.w / 2}" fill="#039BE5" stroke-width="1" stroke="#aeaeae"></circle>`;
4608
4657
  }, e.templates.belinda.img_0 = function(t, n, r, i, a) {
4609
4658
  var o = t.w / 2, s = 45, c = 40, l = e.randomId();
4610
4659
  return `<clipPath id="${l}"><circle cx="${o}" cy="${s}" r="${c}"></circle></clipPath><image preserveAspectRatio="xMidYMid slice" clip-path="url(#${l})" xlink:href="${a}" x="${o - c}" y="${s - c}" width="${c * 2}" height="${c * 2}" ></image>`;
@@ -4612,7 +4661,7 @@ e.prototype.init = function(t, n) {
4612
4661
  return e.wrapText(a, `<text style="font-size: 18px;" text-anchor="middle" fill="#ffffff" x="${t.w / 2}" y="${t.h / 2 + 15}"></text>`, t.w - 10, 1);
4613
4662
  }, e.templates.belinda.field_1 = function(t, n, r, i, a) {
4614
4663
  return e.wrapText(a, `<text style="font-size: 14px;" text-anchor="middle" fill="#ffffff" x="${t.w / 2}" y="${t.h / 2 + 35}"></text>`, t.w - 20, 2);
4615
- }, e.templates.belinda.link = "<path stroke=\"#aeaeae\" stroke-width=\"1px\" fill=\"none\" d=\"M{xa},{ya} C{xb},{yb} {xc},{yc} {xd},{yd}\"/>", e.templates.belinda.nodeMenuButton = function(e, t, n, r) {
4664
+ }, e.templates.belinda.link = "<path class=\"boc-hoverable\" stroke=\"#aeaeae\" stroke-width=\"1px\" fill=\"none\" d=\"M{xa},{ya} C{xb},{yb} {xc},{yc} {xd},{yd}\"/>", e.templates.belinda.nodeMenuButton = function(e, t, n, r) {
4616
4665
  return `<g style="cursor:pointer;" transform="matrix(1,0,0,1,${e.w / 2 - 11},5)"><rect x="0" y="0" fill="#000000" fill-opacity="0" width="22" height="22"></rect><line stroke-width="2" stroke="#000" x1="0" y1="3" x2="22" y2="3"></line><line stroke-width="2" stroke="#000" x1="0" y1="9" x2="22" y2="9"></line><line stroke-width="2" stroke="#000" x1="0" y1="15" x2="22" y2="15"></line></g>`;
4617
4666
  }, e.templates.rony = Object.assign({}, e.templates.ana), e.templates.rony.svg = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" style=\"background-color:#E8E8E8;display:block;\" width=\"{w}\" height=\"{h}\" viewBox=\"{viewBox}\">{content}</svg>", e.templates.rony.defs = "<filter id=\"{randId}\" x=\"0\" y=\"0\" width=\"200%\" height=\"200%\"><feOffset result=\"offOut\" in=\"SourceAlpha\" dx=\"5\" dy=\"5\"></feOffset><feGaussianBlur result=\"blurOut\" in=\"offOut\" stdDeviation=\"5\"></feGaussianBlur><feBlend in=\"SourceGraphic\" in2=\"blurOut\" mode=\"normal\"></feBlend></filter>", e.templates.rony.size = [180, 250], e.templates.rony.ripple = {
4618
4667
  color: "#F57C00",
@@ -4627,17 +4676,17 @@ e.prototype.init = function(t, n) {
4627
4676
  var o = t.w / 2, s = 160, c = 60, l = e.randomId();
4628
4677
  return `<clipPath id="${l}"><circle cx="${o}" cy="${s}" r="${c}"></circle></clipPath><image preserveAspectRatio="xMidYMid slice" clip-path="url(#${l})" xlink:href="${a}" x="${o - c}" y="${s - c}" width="${c * 2}" height="${c * 2}" ></image>`;
4629
4678
  }, e.templates.rony.node = function(e, t, n, r) {
4630
- return `<rect filter="url(#{randId})" x="0" y="0" height="${e.h}" width="${e.w}" fill="#ffffff" stroke-width="0" rx="10" ry="10"></rect>'`;
4679
+ return `<rect filter="url(#{randId})" x="0" y="0" height="${e.h}" width="${e.w}" fill="#ffffff" stroke-width="0" rx="10" ry="10"></rect>'`;
4631
4680
  }, e.templates.rony.field_0 = function(t, n, r, i, a) {
4632
4681
  return e.wrapText(a, `<text style="font-size: 18px;" fill="#039BE5" x="${t.w / 2}" y="40" text-anchor="middle"></text>`, t.w - 15, 1);
4633
4682
  }, e.templates.rony.field_1 = function(t, n, r, i, a) {
4634
4683
  return e.wrapText(a, `<text style="font-size: 14px;" fill="#F57C00" x="${t.w / 2}" y="60" text-anchor="middle"></text>`, t.w - 15, 3);
4635
4684
  }, e.templates.rony.field_2 = function(t, n, r, i, a) {
4636
4685
  return e.wrapText(a, `<text style="font-size: 14px;" fill="#FFCA28" x="${t.w / 2}" y="80" text-anchor="middle"></text>`, t.w - 15, 1);
4637
- }, e.templates.rony.link = "<path stroke=\"#039BE5\" stroke-width=\"1px\" fill=\"none\" d=\"M{xa},{ya} {xb},{yb} {xc},{yc} L{xd},{yd}\"/>", e.templates.rony.plus = function(e, t, n, r, i) {
4638
- return `<g transform="matrix(1,0,0,1,${i.x - 15},${i.y - 15})"><circle cx="15" cy="15" r="15" fill="#ffffff" stroke="#039BE5" stroke-width="1"></circle><line x1="4" y1="15" x2="26" y2="15" stroke-width="1" stroke="#039BE5"></line><line x1="15" y1="4" x2="15" y2="26" stroke-width="1" stroke="#039BE5"></line></g>`;
4686
+ }, e.templates.rony.link = "<path class=\"boc-hoverable\" stroke=\"#039BE5\" stroke-width=\"1px\" fill=\"none\" d=\"M{xa},{ya} {xb},{yb} {xc},{yc} L{xd},{yd}\"/>", e.templates.rony.plus = function(e, t, n, r, i) {
4687
+ return `<g transform="matrix(1,0,0,1,${i.x - 15},${i.y - 15})"><circle class="boc-hoverable" cx="15" cy="15" r="15" fill="#ffffff" stroke="#039BE5" stroke-width="1"></circle><line x1="4" y1="15" x2="26" y2="15" stroke-width="1" stroke="#039BE5"></line><line x1="15" y1="4" x2="15" y2="26" stroke-width="1" stroke="#039BE5"></line></g>`;
4639
4688
  }, e.templates.rony.minus = function(e, t, n, r, i) {
4640
- return `<g transform="matrix(1,0,0,1,${i.x - 15},${i.y - 15})"><circle cx="15" cy="15" r="15" fill="#ffffff" stroke="#039BE5" stroke-width="1"></circle><line x1="4" y1="15" x2="26" y2="15" stroke-width="1" stroke="#039BE5"></line></g>`;
4689
+ return `<g transform="matrix(1,0,0,1,${i.x - 15},${i.y - 15})"><circle class="boc-hoverable" cx="15" cy="15" r="15" fill="#ffffff" stroke="#039BE5" stroke-width="1"></circle><line x1="4" y1="15" x2="26" y2="15" stroke-width="1" stroke="#039BE5"></line></g>`;
4641
4690
  }, e.templates.rony.nodeMenuButton = function(e, t, n, r) {
4642
4691
  return `<g transform="matrix(1,0,0,1,${e.w - 25},${e.h - 15})"><rect x="-4" y="-10" fill="#000000" fill-opacity="0" width="22" height="22"></rect><circle cx="0" cy="0" r="2" fill="#F57C00"></circle><circle cx="7" cy="0" r="2" fill="#F57C00"></circle><circle cx="14" cy="0" r="2" fill="#F57C00"></circle></g>`;
4643
4692
  }, e.templates.mery = Object.assign({}, e.templates.ana), e.templates.mery.ripple = {
@@ -4645,8 +4694,8 @@ e.prototype.init = function(t, n) {
4645
4694
  radius: 50,
4646
4695
  rect: null
4647
4696
  }, e.templates.mery.node = function(e, t, n, r) {
4648
- return `<rect x="0" y="0" height="${e.h}" width="${e.w}" fill="#ffffff" stroke-width="1" stroke="#686868" rx="50" ry="50"></rect><rect x="0" y="${e.h / 2 - 15}" height="30" width="${e.w}" fill="#039BE5" stroke-width="1"></rect>`;
4649
- }, e.templates.mery.link = "<path stroke=\"#aeaeae\" stroke-width=\"1px\" fill=\"none\" d=\"M{xa},{ya} C{xb},{yb} {xc},{yc} {xd},{yd}\" />", e.templates.mery.img_0 = function(t, n, r, i, a) {
4697
+ return `<rect class="boc-hoverable" x="0" y="0" height="${e.h}" width="${e.w}" fill="#ffffff" stroke-width="1" stroke="#686868" rx="50" ry="50"></rect><rect x="0" y="${e.h / 2 - 15}" height="30" width="${e.w}" fill="#039BE5" stroke-width="1"></rect>`;
4698
+ }, e.templates.mery.link = "<path class=\"boc-hoverable\" stroke=\"#aeaeae\" stroke-width=\"1px\" fill=\"none\" d=\"M{xa},{ya} C{xb},{yb} {xc},{yc} {xd},{yd}\" />", e.templates.mery.img_0 = function(t, n, r, i, a) {
4650
4699
  var o = t.w / 2, s = t.h / 2, c = 24, l = e.randomId();
4651
4700
  return `<clipPath id="${l}"><circle cx="${o}" cy="${s}" r="${c}"></circle></clipPath><image preserveAspectRatio="xMidYMid slice" clip-path="url(#${l})" xlink:href="${a}" x="${o - c}" y="${s - c}" width="${c * 2}" height="${c * 2}" ></image>`;
4652
4701
  }, e.templates.mery.field_0 = function(t, n, r, i, a) {
@@ -4665,12 +4714,12 @@ e.prototype.init = function(t, n) {
4665
4714
  radius: 40,
4666
4715
  rect: null
4667
4716
  }, e.templates.polina.node = function(e, t, n, r) {
4668
- return `<rect x="0" y="0" height="${e.h}" width="${e.w}" fill="#039BE5" stroke-width="1" stroke="#686868" rx="40" ry="40"></rect>`;
4717
+ return `<rect class="boc-hoverable" x="0" y="0" height="${e.h}" width="${e.w}" fill="#039BE5" stroke-width="1" stroke="#686868" rx="40" ry="40"></rect>`;
4669
4718
  }, e.templates.polina.img_0 = "<clipPath id=\"{randId}\"><circle cx=\"40\" cy=\"40\" r=\"35\"></circle></clipPath><image preserveAspectRatio=\"xMidYMid slice\" clip-path=\"url(#{randId})\" xlink:href=\"{val}\" x=\"0\" y=\"0\" width=\"80\" height=\"80\"></image>", e.templates.polina.field_0 = function(t, n, r, i, a) {
4670
4719
  return e.wrapText(a, "<text style=\"font-size: 18px;\" fill=\"#ffffff\" x=\"80\" y=\"30\" text-anchor=\"start\"></text>", t.w - 90, 1);
4671
4720
  }, e.templates.polina.field_1 = function(t, n, r, i, a) {
4672
4721
  return e.wrapText(a, "<text style=\"font-size: 14px;\" fill=\"#ffffff\" x=\"80\" y=\"55\" text-anchor=\"start\"></text>", t.w - 90, 1);
4673
- }, e.templates.polina.link = "<path stroke=\"#686868\" stroke-width=\"1px\" fill=\"none\" d=\"M{xa},{ya} C{xb},{yb} {xc},{yc} {xd},{yd}\" />", e.templates.polina.nodeMenuButton = function(e, t, n, r) {
4722
+ }, e.templates.polina.link = "<path class=\"boc-hoverable\" stroke=\"#686868\" stroke-width=\"1px\" fill=\"none\" d=\"M{xa},{ya} C{xb},{yb} {xc},{yc} {xd},{yd}\" />", e.templates.polina.nodeMenuButton = function(e, t, n, r) {
4674
4723
  return `<g transform="matrix(1,0,0,1,${e.w - 15},33)"><rect x="-4" y="-10" fill="#000000" fill-opacity="0" width="22" height="22"></rect><circle cx="0" cy="0" r="2" fill="#ffffff"></circle><circle cx="0" cy="7" r="2" fill="#ffffff"></circle><circle cx="0" cy="14" r="2" fill="#ffffff"></circle></g>`;
4675
4724
  }, e.templates.mila = Object.assign({}, e.templates.ana), e.templates.mila.padding = [
4676
4725
  60,
@@ -4678,7 +4727,7 @@ e.prototype.init = function(t, n) {
4678
4727
  120,
4679
4728
  15
4680
4729
  ], e.templates.mila.node = function(e, t, n, r) {
4681
- return `<rect x="0" y="0" height="${e.h}" width="${e.w}" fill="#039BE5" stroke-width="1" stroke="#aeaeae"></rect><rect x="-5" y="${e.h - 50}" height="30" width="${e.w + 10}" fill="#ffffff" stroke-width="1" stroke="#039BE5"></rect><line x1="-5" x2="0" y1="${e.h - 20}" y2="${e.h - 15}" stroke-width="1" stroke="#039BE5"/><line x1="${e.w + 5}" x2="${e.w}" y1="${e.h - 20}" y2="${e.h - 15}" stroke-width="1" stroke="#039BE5"/>`;
4730
+ return `<rect class="boc-hoverable" x="0" y="0" height="${e.h}" width="${e.w}" fill="#039BE5" stroke-width="1" stroke="#aeaeae"></rect><rect class="boc-hoverable" x="-5" y="${e.h - 50}" height="30" width="${e.w + 10}" fill="#ffffff" stroke-width="1" stroke="#039BE5"></rect><line x1="-5" x2="0" y1="${e.h - 20}" y2="${e.h - 15}" stroke-width="1" stroke="#039BE5"/><line x1="${e.w + 5}" x2="${e.w}" y1="${e.h - 20}" y2="${e.h - 15}" stroke-width="1" stroke="#039BE5"/>`;
4682
4731
  }, e.templates.mila.img_0 = function(e, t, n, r, i) {
4683
4732
  return `<image preserveAspectRatio="xMidYMid slice" xlink:href="${i}" x="20" y="${e.h - 115}" width="64" height="64"></image>`;
4684
4733
  }, e.templates.mila.field_0 = function(t, n, r, i, a) {
@@ -4691,7 +4740,7 @@ e.prototype.init = function(t, n) {
4691
4740
  30,
4692
4741
  10
4693
4742
  ], e.templates.diva.node = function(e, t, n, r) {
4694
- return `<rect x="0" y="80" height="${e.h - 80}" width="${e.w}" fill="#039BE5"></rect><circle cx="${e.w / 2}" cy="50" fill="#ffffff" r="50" stroke="#039BE5" stroke-width="2"></circle>`;
4743
+ return `<rect class="boc-hoverable" x="0" y="80" height="${e.h - 80}" width="${e.w}" fill="#039BE5"></rect><circle class="boc-hoverable" cx="${e.w / 2}" cy="50" fill="#ffffff" r="50" stroke="#039BE5" stroke-width="2"></circle>`;
4695
4744
  }, e.templates.diva.img_0 = function(t, n, r, i, a) {
4696
4745
  var o = t.w / 2, s = 50, c = 45, l = e.randomId();
4697
4746
  return `<clipPath id="${l}"><circle cx="${o}" cy="${s}" r="${c}"></circle></clipPath><image preserveAspectRatio="xMidYMid slice" clip-path="url(#${l})" xlink:href="${a}" x="${o - c}" y="${s - c}" width="${c * 2}" height="${c * 2}" ></image>`;
@@ -4702,7 +4751,7 @@ e.prototype.init = function(t, n) {
4702
4751
  }, e.templates.diva.pointer = "<g data-pointer=\"pointer\" transform=\"matrix(0,0,0,0,100,100)\"><radialGradient id=\"pointerGradient\"><stop stop-color=\"#ffffff\" offset=\"0\" /><stop stop-color=\"#039BE5\" offset=\"1\" /></radialGradient><circle cx=\"16\" cy=\"16\" r=\"16\" stroke-width=\"1\" stroke=\"#acacac\" fill=\"url(#pointerGradient)\"></circle></g>", e.templates.diva.nodeMenuButton = function(e, t, n, r) {
4703
4752
  return `<g transform="matrix(1,0,0,1,${e.w - 30}, ${e.h - 15})"><rect x="-4" y="-10" fill="#000000" fill-opacity="0" width="22" height="22"></rect><circle cx="0" cy="0" r="2" fill="#ffffff"></circle><circle cx="7" cy="0" r="2" fill="#ffffff"></circle><circle cx="14" cy="0" r="2" fill="#ffffff"></circle></g>`;
4704
4753
  }, e.templates.luba = Object.assign({}, e.templates.ana), e.templates.luba.svg = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" style=\"display:block;background-color: #2E2E2E;\" width=\"{w}\" height=\"{h}\" viewBox=\"{viewBox}\">{content}</svg>", e.templates.luba.defs = "<linearGradient id=\"{randId}\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\"><stop offset=\"0%\" style=\"stop-color:#646464;stop-opacity:1\" /><stop offset=\"100%\" style=\"stop-color:#363636;stop-opacity:1\" /></linearGradient>", e.templates.luba.node = function(e, t, n, r) {
4705
- return `<rect fill="url(#{randId})" x="0" y="0" height="${e.h}" width="${e.w}" stroke-width="1" stroke="#aeaeae" rx="10" ry="10"></rect>`;
4754
+ return `<rect class="boc-hoverable" fill="url(#{randId})" x="0" y="0" height="${e.h}" width="${e.w}" stroke-width="1" stroke="#aeaeae" rx="10" ry="10"></rect>`;
4706
4755
  }, e.templates.luba.padding = [
4707
4756
  70,
4708
4757
  10,
@@ -4717,13 +4766,13 @@ e.prototype.init = function(t, n) {
4717
4766
  return e.wrapText(a, `<text style="font-size: 18px;" fill="#aeaeae" x="${t.w / 2}" y="${t.h - 30}" text-anchor="middle"></text>`, t.w - 15, 1);
4718
4767
  }, e.templates.luba.field_1 = function(t, n, r, i, a) {
4719
4768
  return e.wrapText(a, `<text style="font-size: 14px;" fill="#aeaeae" x="${t.w - 10}" y="30" text-anchor="end"></text>`, t.w - 110, 1);
4720
- }, e.templates.luba.plus = "<rect x=\"0\" y=\"0\" width=\"36\" height=\"36\" rx=\"12\" ry=\"12\" fill=\"#2E2E2E\" stroke=\"#aeaeae\" stroke-width=\"1\"></rect><line x1=\"4\" y1=\"18\" x2=\"32\" y2=\"18\" stroke-width=\"1\" stroke=\"#aeaeae\"></line><line x1=\"18\" y1=\"4\" x2=\"18\" y2=\"32\" stroke-width=\"1\" stroke=\"#aeaeae\"></line>", e.templates.luba.minus = "<rect x=\"0\" y=\"0\" width=\"36\" height=\"36\" rx=\"12\" ry=\"12\" fill=\"#2E2E2E\" stroke=\"#aeaeae\" stroke-width=\"1\"></rect><line x1=\"4\" y1=\"18\" x2=\"32\" y2=\"18\" stroke-width=\"1\" stroke=\"#aeaeae\"></line>", e.templates.luba.expandCollapseSize = 36, e.templates.isla = Object.assign({}, e.templates.ana), e.templates.isla.defs = "<filter x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\" filterUnits=\"objectBoundingBox\" id=\"isla-shadow\"><feOffset dx=\"0\" dy=\"4\" in=\"SourceAlpha\" result=\"shadowOffsetOuter1\" /><feGaussianBlur stdDeviation=\"10\" in=\"shadowOffsetOuter1\" result=\"shadowBlurOuter1\" /><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0\" in=\"shadowBlurOuter1\" type=\"matrix\" result=\"shadowMatrixOuter1\" /><feMerge><feMergeNode in=\"shadowMatrixOuter1\" /><feMergeNode in=\"SourceGraphic\" /></feMerge></filter>", e.templates.isla.size = [180, 120], e.templates.isla.padding = [
4769
+ }, e.templates.luba.plus = "<rect class=\"boc-hoverable\" x=\"0\" y=\"0\" width=\"36\" height=\"36\" rx=\"12\" ry=\"12\" fill=\"#2E2E2E\" stroke=\"#aeaeae\" stroke-width=\"1\"></rect><line x1=\"4\" y1=\"18\" x2=\"32\" y2=\"18\" stroke-width=\"1\" stroke=\"#aeaeae\"></line><line x1=\"18\" y1=\"4\" x2=\"18\" y2=\"32\" stroke-width=\"1\" stroke=\"#aeaeae\"></line>", e.templates.luba.minus = "<rect class=\"boc-hoverable\" x=\"0\" y=\"0\" width=\"36\" height=\"36\" rx=\"12\" ry=\"12\" fill=\"#2E2E2E\" stroke=\"#aeaeae\" stroke-width=\"1\"></rect><line x1=\"4\" y1=\"18\" x2=\"32\" y2=\"18\" stroke-width=\"1\" stroke=\"#aeaeae\"></line>", e.templates.luba.expandCollapseSize = 36, e.templates.isla = Object.assign({}, e.templates.ana), e.templates.isla.defs = "<filter x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\" filterUnits=\"objectBoundingBox\" id=\"isla-shadow\"><feOffset dx=\"0\" dy=\"4\" in=\"SourceAlpha\" result=\"shadowOffsetOuter1\" /><feGaussianBlur stdDeviation=\"10\" in=\"shadowOffsetOuter1\" result=\"shadowBlurOuter1\" /><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0\" in=\"shadowBlurOuter1\" type=\"matrix\" result=\"shadowMatrixOuter1\" /><feMerge><feMergeNode in=\"shadowMatrixOuter1\" /><feMergeNode in=\"SourceGraphic\" /></feMerge></filter>", e.templates.isla.size = [180, 120], e.templates.isla.padding = [
4721
4770
  70,
4722
4771
  1,
4723
4772
  60,
4724
4773
  1
4725
4774
  ], e.templates.isla.node = function(e, t, n, r) {
4726
- return `<rect filter="url(#isla-shadow)" x="0" y="20" rx="10" ry="10" height="${e.h - 20}" width="${e.w}" fill="#FFF" stroke-width="1" stroke="#039BE5" ></rect><rect x="25" y="${e.h - 45}" rx="10" ry="10" height="20" width="${e.w - 50}" fill="#039BE5" stroke-width="3" stroke="#039BE5"></rect><rect fill="#ffffff" stroke="#039BE5" stroke-width="1" x="${e.w / 2 - 20}" y="0" rx="13" ry="13" width="40" height="40"></rect><circle stroke="#FFCA28" stroke-width="3" fill="none" cx="${e.w / 2}" cy="12" r="8"></circle><path d="M${e.w / 2 - 15},34 C${e.w / 2 - 15},17 ${e.w / 2 + 15},17 ${e.w / 2 + 15},34" stroke="#FFCA28" stroke-width="3" fill="none"></path>`;
4775
+ return `<rect class="boc-hoverable" filter="url(#isla-shadow)" x="0" y="20" rx="10" ry="10" height="${e.h - 20}" width="${e.w}" fill="#FFF" stroke-width="1" stroke="#039BE5" ></rect><rect x="25" y="${e.h - 45}" rx="10" ry="10" height="20" width="${e.w - 50}" fill="#039BE5" stroke-width="3" stroke="#039BE5"></rect><rect fill="#ffffff" stroke="#039BE5" stroke-width="1" x="${e.w / 2 - 20}" y="0" rx="13" ry="13" width="40" height="40"></rect><circle stroke="#FFCA28" stroke-width="3" fill="none" cx="${e.w / 2}" cy="12" r="8"></circle><path d="M${e.w / 2 - 15},34 C${e.w / 2 - 15},17 ${e.w / 2 + 15},17 ${e.w / 2 + 15},34" stroke="#FFCA28" stroke-width="3" fill="none"></path>`;
4727
4776
  }, e.templates.isla.field_0 = function(t, n, r, i, a) {
4728
4777
  return e.wrapText(a, `<text style="font-size: 12px;" fill="#fff" x="${t.w / 2}" y="${t.h - 30}" text-anchor="middle"></text>`, t.w - 60, 1);
4729
4778
  }, e.templates.isla.field_1 = function(t, n, r, i, a) {
@@ -4731,7 +4780,7 @@ e.prototype.init = function(t, n) {
4731
4780
  }, e.templates.isla.img_0 = "", e.templates.isla.img_0 = function(t, n, r, i, a) {
4732
4781
  var o = e.randomId();
4733
4782
  return `<clipPath id="${o}"><rect filter="url(#isla-shadow)" fill="#ffffff" stroke="#039BE5" stroke-width="1" x="${t.w / 2 - 20}" y="0" rx="13" ry="13" width="40" height="40"></rect></clipPath><image preserveAspectRatio="xMidYMid slice" clip-path="url(#${o})" xlink:href="${a}" x="${t.w / 2 - 20}" y="0" width="40" height="40"></image>`;
4734
- }, e.templates.isla.minus = "<circle cx=\"15\" cy=\"15\" r=\"15\" fill=\"#F57C00\" stroke=\"#F57C00\" stroke-width=\"1\"></circle><line x1=\"8\" y1=\"15\" x2=\"22\" y2=\"15\" stroke-width=\"1\" stroke=\"#ffffff\"></line>", e.templates.isla.plus = "<circle cx=\"15\" cy=\"15\" r=\"15\" fill=\"#ffffff\" stroke=\"#039BE5\" stroke-width=\"1\"></circle><line x1=\"4\" y1=\"15\" x2=\"26\" y2=\"15\" stroke-width=\"1\" stroke=\"#039BE5\"></line><line x1=\"15\" y1=\"4\" x2=\"15\" y2=\"26\" stroke-width=\"1\" stroke=\"#039BE5\"></line>", e.templates.isla.nodeMenuButton = function(e, t, n, r) {
4783
+ }, e.templates.isla.minus = "<circle class=\"boc-hoverable\" cx=\"15\" cy=\"15\" r=\"15\" fill=\"#F57C00\" stroke=\"#F57C00\" stroke-width=\"1\"></circle><line x1=\"8\" y1=\"15\" x2=\"22\" y2=\"15\" stroke-width=\"1\" stroke=\"#ffffff\"></line>", e.templates.isla.plus = "<circle class=\"boc-hoverable\" cx=\"15\" cy=\"15\" r=\"15\" fill=\"#ffffff\" stroke=\"#039BE5\" stroke-width=\"1\"></circle><line x1=\"4\" y1=\"15\" x2=\"26\" y2=\"15\" stroke-width=\"1\" stroke=\"#039BE5\"></line><line x1=\"15\" y1=\"4\" x2=\"15\" y2=\"26\" stroke-width=\"1\" stroke=\"#039BE5\"></line>", e.templates.isla.nodeMenuButton = function(e, t, n, r) {
4735
4784
  return `<g transform="matrix(1,0,0,1,${e.w / 2 - 7},45)"><rect x="-4" y="-10" fill="#000000" fill-opacity="0" width="22" height="22"></rect><circle cx="0" cy="0" r="2" fill="#F57C00"></circle><circle cx="7" cy="0" r="2" fill="#F57C00"></circle><circle cx="14" cy="0" r="2" fill="#F57C00"></circle></g>`;
4736
4785
  }, e.templates.isla.ripple = {
4737
4786
  radius: 0,
@@ -4743,7 +4792,7 @@ e.prototype.init = function(t, n) {
4743
4792
  height: 100
4744
4793
  }
4745
4794
  }, e.templates.deborah = Object.assign({}, e.templates.polina), e.templates.deborah.size = [150, 150], e.templates.deborah.node = function(e, t, n, r) {
4746
- return `<rect x="0" y="0" height="${e.h}" width="${e.w}" fill="#039BE5" stroke-width="1" stroke="#686868" rx="15" ry="15"></rect>`;
4795
+ return `<rect class="boc-hoverable" x="0" y="0" height="${e.h}" width="${e.w}" fill="#039BE5" stroke-width="1" stroke="#686868" rx="15" ry="15"></rect>`;
4747
4796
  }, e.templates.deborah.img_0 = function(t, n, r, i, a) {
4748
4797
  var o = e.randomId();
4749
4798
  return `<clipPath id="${o}"><rect fill="#ffffff" stroke="#039BE5" stroke-width="1" x="5" y="5" rx="15" ry="15" width="${t.w - 10}" height="${t.h - 10}"></rect></clipPath><image preserveAspectRatio="xMidYMid slice" clip-path="url(#${o})" xlink:href="${a}" x="5" y="5" width="${t.w - 10}" height="${t.h - 10}"></image><rect x="3" y="5" height="30" width="${t.w - 6}" fill="#039BE5" opacity="0.5" rx="3" ry="3"></rect><rect x="3" y="${t.h - 35}" height="30" width="${t.w - 6}" fill="#039BE5" opacity="0.5" rx="3" ry="3"></rect>`;
@@ -4782,7 +4831,7 @@ e.prototype.init = function(t, n) {
4782
4831
  <circle cy="13" cx="20" r="2" fill="#fff"></circle>
4783
4832
  </g>`;
4784
4833
  }, e.templates.clara.node = function(e, t, n, r) {
4785
- return `<rect x="0" y="0" height="${e.h}" width="${e.w}" fill="#039BE5" stroke-width="1" stroke="#aeaeae" rx="10" ry="10"></rect>`;
4834
+ return `<rect class="boc-hoverable" x="0" y="0" height="${e.h}" width="${e.w}" fill="#039BE5" stroke-width="1" stroke="#aeaeae" rx="10" ry="10"></rect>`;
4786
4835
  }, e.templates.treeListItem = Object.assign({}, e.templates.ana), e.templates.treeListItem.size = [350, 60], e.templates.treeListItem.field_0 = function(t, n, r, i, a) {
4787
4836
  var o = t.level * r.expandCollapseSize + 45, s = i.mode == "dark" ? "#ccc" : "#757575";
4788
4837
  return e.wrapText(a, `<text fill="${s}" x="${o}" y="27" style="font-size:16px;"></text>`, t.w - o - 70, 1);
@@ -6589,22 +6638,6 @@ e.prototype.init = function(t, n) {
6589
6638
  e.width = s, e.height = c, i.drawImage(a, 0, 0, s, c), r(e.toDataURL("image/png"));
6590
6639
  }, a.onerror = i, a.src = e;
6591
6640
  });
6592
- }, e._addSelectedStyle = function(t, n, r) {
6593
- var i = t.getNodeElement(n.id);
6594
- if (i && i.classList.add("boc-selected"), n.parent) {
6595
- var a = t.element.querySelector(`[data-l-id="[${n.parent.id}][${n.id}]"]`);
6596
- a && a.classList.add("boc-selected");
6597
- }
6598
- if (r != n.id) {
6599
- var o = t.element.querySelector(`[data-ctrl-ec-id="${n.id}"]`);
6600
- o && o.classList.add("boc-selected");
6601
- }
6602
- n.rightNeighbor && n.rightNeighbor.isSplit && n.rightNeighbor.pid == n.pid && e._addSelectedStyle(t, n.rightNeighbor, r), n.leftNeighbor && n.leftNeighbor.isSplit && n.leftNeighbor.pid == n.pid && e._addSelectedStyle(t, n.leftNeighbor, r), n.parent && n.parent.isSplit && e._addSelectedStyle(t, n.parent, r);
6603
- var s = t.getNode(n.pid);
6604
- n.parent && e._addSelectedStyle(t, s, r);
6605
- }, e._removeSelectedStyle = function(e) {
6606
- let t = e.element.querySelectorAll(".boc-selected");
6607
- for (let e = 0; e < t.length; e++) t[e].classList.remove("boc-selected");
6608
6641
  }, e.xScrollUI = function(t, n, r, i, a) {
6609
6642
  this.element = t, this.requestParams = r, this.config = n, this.onSetViewBoxCallback = i, this.onDrawCallback = a, this.position = 0, this.bar = null, this._event_id = e._guid();
6610
6643
  }, e.xScrollUI.prototype.addListener = function(t) {
@@ -9562,7 +9595,7 @@ e.prototype.init = function(t, n) {
9562
9595
  }, e.input.isValidEmail = function(e) {
9563
9596
  return e &&= e.trim(), /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(String(e).toLowerCase());
9564
9597
  }, e.ui.css = function() {
9565
- return "<style data-boc-styles>.boc-ai-form{height:100%;width:100%;box-shadow:rgba(0,0,0,.2) 0 6px 6px 0,rgba(0,0,0,.19) 0 13px 20px 0;display:flex;flex-direction:column;height:100%;width:400px}.boc-dark .boc-ai-form{color:#aeaeae}.boc-light .boc-ai-form{color:#757575}.boc-ai-messages{font-size:16px}@media screen and (max-width:500px){.boc-ai-form{width:100%}}.boc-dark .boc-ai-form{background-color:#252526}.boc-light .boc-ai-form{background-color:#fff}.boc-ai-button{font-size:32px;position:absolute;top:20px;left:20px;cursor:pointer;padding:12px;border-radius:50%;user-select:none}.boc-dark .boc-ai-button{color:#aeaeae}.boc-light .boc-ai-button{color:#757575}.boc-ai-button:hover{color:#fff;background-color:#039be5}.boc-ai-container{padding:0 14px;display:grid;grid-template-rows:40px auto 80px;gap:10px;height:100%}.boc-ai-container .boc-input input{padding-right:50px}.boc-ai-close{text-align:end;margin-top:20px}.boc-ai-close svg{cursor:pointer}.boc-ai-start{text-align:center;display:flex;justify-content:center;align-items:center;user-select:none}.boc-ai-start span{font-weight:700;font-size:32px;font:\"Segoe UI\",Arial,sans-serif;background:linear-gradient(90deg,#039be5 28%,#f57c00,#ffca28);color:transparent!important;background-clip:text;display:inline-block;padding:10px 0}.boc-ai-send.boc-ai-send-cansend{cursor:pointer;background-color:#039be5}.boc-ai-send.boc-ai-send-cansend:hover{background-color:#f57c00}.boc-ai-send.boc-ai-send-cansend:active{background-color:#ffca28}.boc-ai-send{background-color:transparent;position:absolute;right:7px;top:7px;width:38px;height:38px;border-radius:50%;text-align:center;background-repeat:no-repeat;background-position:center;background-size:20px 20px}.boc-ai-send svg{display:block;margin:auto;height:100%}.boc-ai-user-message{text-align:end;margin:14px 0}.boc-inner-user-message{padding:7px;border-radius:7px;display:inline-block}.boc-ai-middle{overflow-y:auto}.boc-ai-middle::-webkit-scrollbar{display:none}.boc-button{background-color:#039be5;cursor:pointer;width:calc(100%);height:50px;color:#fff;padding-top:5px;padding-left:7px;padding-right:7px;text-align:center;text-transform:uppercase;border:1px solid #3fc0ff;display:inline-block;border-radius:5px}.boc-button.orange{background-color:#f57c00;border:1px solid #ffa03e}.boc-button.yellow{background-color:#ffca28;border:1px solid #ffdf7c}.boc-button.lower{text-transform:unset}.boc-button.transparent{background-color:transparent}.boc-button:hover{background-color:#35afea}.boc-button.orange:hover{background-color:#f79632}.boc-button.yellow:hover{background-color:#ffd452}.boc-button:active{transform:matrix(.98,0,0,.98,0,0)}.boc-button-icon{text-align:initial;cursor:pointer;margin-bottom:15px;color:#039be5}.boc-dark .boc-button-icon:hover{background-color:#2d2d2d}.boc-light .boc-button-icon:hover{background-color:#ececec}.boc-button-icon>img{height:24px;width:24px;vertical-align:middle;padding:7px}.boc-button:focus{outline:0}.boc-button-icon>img{filter:invert(46%) sepia(66%) saturate(2530%) hue-rotate(171deg) brightness(95%) contrast(98%)}.boc-light .boc-button.transparent{color:#039be5}.boc-light .boc-button.transparent:hover{color:#fff}.boc-button-loading{background-color:transparent;cursor:pointer;width:calc(100% - 2px);height:50px;color:#fff;text-align:center;text-transform:uppercase;border:1px solid #027cb7;display:inline-block;display:flex;justify-content:center;align-items:center;display:none}.boc-button-loading .boc-loading-dots div{margin:0 10px}.boc-link-boc-button{position:absolute;right:10px;top:-1px}@media screen and (max-width:1000px){.boc-link-boc-button{right:50px}}[data-boc-input-disabled] .boc-link-boc-button{display:none}[dir=rtl] .boc-link-boc-button{left:10px;right:unset}.boc-img-button{width:48px;height:48px;cursor:pointer;border-radius:50%;background-color:#039be5;background-repeat:no-repeat;background-size:24px 24px;background-position:center center;margin:3px;display:inline-block}.boc-img-button:hover{background-color:#f57c00}.boc-checkbox{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.boc-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.boc-checkbox-checkmark{position:absolute;top:0;left:0;height:25px;width:25px;border-radius:5px}.boc-dark [data-boc-input-disabled] .boc-checkbox-checkmark,.boc-dark [data-boc-input-disabled].boc-checkbox input:checked~.boc-checkbox-checkmark,.boc-light [data-boc-input-disabled] .boc-checkbox-checkmark,.boc-light [data-boc-input-disabled].boc-checkbox input:checked~.boc-checkbox-checkmark{background-color:#aeaeae!important}[data-boc-input-disabled].boc-checkbox{cursor:default}[dir=rtl] .boc-checkbox-checkmark{right:0}[dir=rtl] .boc-checkbox{padding-left:unset;padding-right:35px}.boc-dark .boc-checkbox-checkmark{background-color:#333;border:1px solid #5b5b5b}.boc-light .boc-checkbox-checkmark{background-color:#fff;border:1px solid #c7c7c7}.boc-dark .boc-checkbox:hover input~.boc-checkbox-checkmark{background-color:#3c3c3c}.boc-light .boc-checkbox:hover input~.boc-checkbox-checkmark{background-color:#f8f9f9}.boc-dark .boc-checkbox input:checked~.boc-checkbox-checkmark{background-color:#039be5}.boc-light .boc-checkbox input:checked~.boc-checkbox-checkmark{background-color:#039be5}.boc-checkbox-checkmark:after{content:\"\";position:absolute;display:none}.boc-checkbox input:checked~.boc-checkbox-checkmark:after{display:block}.boc-checkbox .boc-checkbox-checkmark:after{left:9px;top:5px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.boc-controls{display:flex;gap:7px;position:absolute}.boc-controls-top{left:unset;top:15px;right:50%;bottom:unset;transform:translateX(50%);flex-direction:row}.boc-controls-bottom{left:unset;top:unset;right:50%;bottom:15px;transform:translateX(50%);flex-direction:row}.boc-controls-left{left:15px;top:50%;right:unset;bottom:unset;transform:translateY(-50%);flex-direction:column}.boc-controls-right{left:unset;top:50%;right:15px;bottom:unset;transform:translateY(-50%);flex-direction:column}.boc-controls-bottom_right,.boc-controls-right_bottom{left:unset;top:unset;right:15px;bottom:15px;flex-direction:row}.boc-controls-right_bottom{flex-direction:column}.boc-controls-right_top,.boc-controls-top_right{left:unset;top:15px;right:15px;bottom:unset;flex-direction:row}.boc-controls-right_top{flex-direction:column}.boc-controls-bottom_left,.boc-controls-left_bottom{left:15px;top:unset;right:unset;bottom:15px;flex-direction:row}.boc-controls-left_bottom{flex-direction:column}.boc-controls-left_top,.boc-controls-top_left{left:15px;top:15px;right:unset;bottom:unset;flex-direction:row}.boc-controls-left_top{flex-direction:column}.boc-controls [data-control-id] svg{display:block;margin:0 auto}.boc-controls [data-control-id]{display:flex;align-items:center;cursor:pointer;width:60px;height:60px;border-radius:30px;box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.boc-light .boc-controls [data-control-id]{background:rgba(255,255,255,.2);border:1px solid #c7c7c7}.boc-dark .boc-controls [data-control-id]{background:rgba(30,30,30,.2);border:1px solid #5b5b5b}.boc-controls [data-control-id]:hover{background-color:#0074e8}.boc-controls [data-control-id]:hover svg{filter:brightness(0) invert(1)}.boc-controls [data-control-id].boc-control-selected{background-color:#0074e8}.boc-controls [data-control-id].boc-control-selected svg{filter:brightness(0) invert(1)}.boc-filter{user-select:none}.boc-light .boc-filter{color:#757575}.boc-dark .boc-filter{color:#ccc}.boc-filter>div>div{display:inline-block;padding:3px 10px;cursor:pointer}.boc-filter-menu fieldset,.boc-filter>div,.filter-field-selected{border-radius:5px}.boc-filter-menu fieldset{overflow-y:auto;max-height:300px}.boc-filter>div.boc-filter-menu{padding:10px}.boc-light .boc-filter>div.boc-filter-menu,.boc-light .filter-field-selected{background-color:#f8f9f9}.boc-dark .boc-filter>div.boc-filter-menu,.boc-dark .filter-field-selected{background-color:#3c3c3c}.boc-light .boc-filter>div{background-color:#eee}.boc-dark .boc-filter>div{background-color:#333}.boc-form-perspective{transform-style:preserve-3d;perspective:500px;position:absolute;top:32px}.boc-form{box-shadow:rgba(0,0,0,.2) 0 6px 6px 0,rgba(0,0,0,.19) 0 13px 20px 0;padding:14px;transform-origin:top center;user-select:none;display:none;position:relative;max-height:calc(100vh - 100px);overflow-y:auto;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.boc-form-bottom{border-bottom-left-radius:unset;border-bottom-right-radius:unset;border-top-left-radius:5px;border-top-right-radius:5px}.boc-form .separator{margin:0 10px}@media screen and (max-width:1000px){.boc-form-perspective{min-width:100%;max-height:calc(100% - 32px);left:unset!important;right:unset!important;transform:none!important}.boc-form .set{max-height:calc(100vh - 74px)}.boc-form-fieldset{max-width:unset!important}}.boc-light .boc-form .separator{border-bottom:1px solid #c7c7c7}.boc-dark .boc-form .separator{border-bottom:1px solid #5b5b5b}.boc-light .boc-form{background-color:#fff}.boc-dark .boc-form{background-color:#252526}.boc-item{padding:6px 12px 6px 12px;display:flex;flex-direction:row}.boc-light .boc-form .boc-item.selected,.boc-light .boc-form .boc-item:hover{background-color:#0074e8;color:#fff}.boc-dark .boc-form .boc-item.selected,.boc-dark .boc-form .boc-item:hover{background-color:#094771;color:#fff}.boc-item.selected img,.boc-item:hover img{filter:invert(100%)}.boc-item.selected img{visibility:visible!important}.boc-form-fieldset{display:flex;flex-wrap:wrap;margin:0!important}.boc-form-field{flex:1 0 21%;margin:3px;min-width:200px}.boc-form-field-100{flex:1 0 96%;margin:3px;min-width:200px}.boc-input{position:relative}.boc-input>input,.boc-input>select{height:50px;padding:18px 10px 2px 9px;width:100%;box-sizing:border-box;border-style:solid;border-width:1px}.boc-input select{height:50px;padding:20px 5px 4px 5px}[data-boc-input-disabled].boc-input>input,[data-boc-input-disabled].boc-input>select{border-color:transparent!important}.boc-light [data-boc-input-disabled]>input,.boc-light [data-boc-input-disabled]>select{background-color:#fff!important}.boc-dark [data-boc-input-disabled]>input,.boc-dark [data-boc-input-disabled]>select{background-color:#252526!important}[data-boc-input-disabled]>select{appearance:none;padding-left:8px}.boc-input>label{display:inline-block;position:absolute;padding-left:10px;padding-right:10px;color:#acacac;cursor:text;-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-ms-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1 ease-out;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:initial;text-align:initial;white-space:nowrap}.boc-input>label{top:12px;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 14px)}.boc-input>label.focused,.boc-input>label.hasval{top:-1px}.boc-input>input,.boc-input>select{outline:0;border-radius:5px}.boc-dark .boc-input>label.focused,.boc-light .boc-input>label.focused{color:#039be5}.boc-dark .boc-input>input,.boc-dark .boc-input>select{color:#ccc;background-color:#333;border-color:#5b5b5b}.boc-light .boc-input>input,.boc-light .boc-input>select{color:#757575;background-color:#fff;border-color:#c7c7c7}.boc-light .boc-input>input:focus,.boc-light .boc-input>select:focus{border-color:#039be5;background-color:#f8f9f9}.boc-dark .boc-input>input:focus,.boc-dark .boc-input>select:focus{border-color:#039be5;background-color:#3c3c3c}.boc-dark .boc-input>input.boc-validation-error,.boc-dark .boc-input>select.boc-validation-error,.boc-light .boc-input>input.boc-validation-error,.boc-light .boc-input>select.boc-validation-error{border-color:#ca2a2a}.boc-dark .boc-validation-error-message,.boc-light .boc-validation-error-message{color:#ca2a2a}.boc-input select.multiple{height:initial}.boc-link{color:#039be5;cursor:pointer;text-decoration:underline}.boc-link:hover{color:#f57c00}.boc-dark ::-webkit-scrollbar,.boc-light ::-webkit-scrollbar{width:15px;height:15px}.boc-dark ::-webkit-scrollbar-corner{background:#1e1e1e}.boc-dark ::-webkit-scrollbar-track{background:#1e1e1e;border-left:1px solid #333;border-top:1px solid #333}.boc-dark ::-webkit-scrollbar-thumb{background:#424242}.boc-dark ::-webkit-scrollbar-thumb:hover{background:#4f4f4f}.boc-dark ::-webkit-scrollbar-thumb:active{background:#5e5e5e}.boc-light ::-webkit-scrollbar-corner{background:#fff}.boc-light ::-webkit-scrollbar-track{background:#fff;border-left:1px solid #ddd;border-top:1px solid #ddd}.boc-light ::-webkit-scrollbar-thumb{background:#c1c1c1}.boc-light ::-webkit-scrollbar-thumb:hover{background:#929292}.boc-light ::-webkit-scrollbar-thumb:active{background:#666}.boc-edit-form{position:fixed;top:0;right:0;height:100%;width:100%;box-shadow:rgba(0,0,0,.2) 0 6px 6px 0,rgba(0,0,0,.19) 0 13px 20px 0;display:flex;flex-direction:column;height:100%;width:400px}@media screen and (max-width:1000px){.boc-edit-form{width:100%}}.boc-dark .boc-edit-form{background-color:#252526}.boc-light .boc-edit-form{background-color:#fff}.boc-edit-form-header{height:200px;text-align:center;border-radius:10px}.export-service .boc-edit-form-header{border-radius:unset}.boc-edit-form-title{color:#fff;margin:0;padding:14px 17px 7px 17px}.boc-edit-form-avatar{border-radius:50%;width:150px;height:150px;position:absolute;top:75px;border:5px solid #fff;left:50%;transform:translateX(-50%);background-color:#cacaca;box-shadow:rgba(0,0,0,.2) 0 6px 6px 0,rgba(0,0,0,.19) 0 13px 20px 0}.boc-edit-form-close{position:absolute;right:14px;top:14px;width:34px;height:34px;cursor:pointer}.boc-edit-form-fields{flex-grow:1;overflow-y:auto;overflow-x:hidden}.boc-edit-form-fields-inner{margin:0 7px 20px 7px}.boc-ai-user-message{text-align:end;margin:14px 0}.boc-inner-user-message{padding:7px;border-radius:7px;display:inline-block}.dark .boc-inner-user-message{background-color:#333}.light .boc-inner-user-message{background-color:#f9f9f9}.boc-export-form{box-shadow:rgba(0,0,0,.2) 0 -6px 6px 0,rgba(0,0,0,.19) 0 -13px 20px 0;display:flex;flex-direction:column;height:100%;width:400px}.boc-dark .boc-export-form{color:#aeaeae;background-color:#252526}.boc-light .boc-export-form{color:#757575;background-color:#eee}@media screen and (max-width:500px){.boc-export-form{width:100%}}.boc-export-container{display:grid;grid-template-rows:40px auto;gap:10px;height:100%}.boc-export-page{width:100%;border:1px solid #aeaeae;display:flex;justify-content:center;align-items:center;user-select:none;position:relative}.boc-export-selected{border:1px solid #ffca28}.boc-export-middle{overflow-y:auto;overflow-x:hidden;padding:0 3px 0 0;margin-bottom:10px}.boc-export-btns-inner{padding-top:14px;display:flex;justify-content:space-between}.boc-export-left{justify-content:flex-start}.boc-export-right{justify-content:flex-end}.boc-export-left,.boc-export-right{user-select:none}.boc-export-select{position:absolute;top:0;left:0;text-align:center;width:100%}.boc-export-child-buttons{position:absolute;bottom:7px;left:7px;display:none}.boc-export-page:hover .boc-export-child-buttons{display:initial}.boc-export-parent-buttons{position:absolute;top:7px;left:7px;display:none}.boc-export-page:hover .boc-export-parent-buttons{display:initial}.boc-export-remove-buttons{position:absolute;bottom:7px;right:7px;display:none}.boc-export-page:hover .boc-export-remove-buttons{display:initial}.boc-export-child-buttons button,.boc-export-parent-buttons button{width:23px}.boc-export-profiletree-buttons{position:absolute;top:7px;right:7px;display:none}.boc-export-page:hover .boc-export-profiletree-buttons{display:initial}.boc-export-middle-inner{display:grid;gap:10px;margin:0 10px}.boc-export-btns-inner{margin:0 10px}.boc-menu{position:absolute;min-width:240px;border-radius:12px;padding:8px;opacity:0;visibility:hidden;transform:scale(.95);transition:opacity .15s ease,transform .15s ease,visibility .15s;z-index:1000;user-select:none;font:13px/28px Helvetica,\"Segoe UI\",Arial,sans-serif}.boc-menu-options{width:100%;table-layout:auto;border-collapse:collapse}.boc-menu-item{cursor:pointer}.boc-menu-icon,.boc-menu-shortcut{width:1%;white-space:nowrap;padding:12px}.boc-menu-icon{border-top-left-radius:7px;border-bottom-left-radius:7px;vertical-align:middle;font-size:20px}.boc-menu-icon>img,.boc-menu-icon>svg{display:block}.boc-menu-shortcut{text-align:right;border-top-right-radius:7px;border-bottom-right-radius:7px}.boc-menu-text{width:auto;padding:12px 0}.boc-menu-submenu{width:0%}.boc-menu.active{opacity:1;visibility:visible;transform:scale(1)}.boc-menu-line{height:1px}.boc-menu-divider>td{height:12px}.boc-menu-item.boc-has-submenu{position:relative}.boc-submenu-arrow{font-size:10px;opacity:.6}.boc-submenu{position:absolute;top:-9px;min-width:180px;border-radius:12px;padding:8px;opacity:0;visibility:hidden;transform:translateX(-10px);transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:1001}.boc-submenu.boc-submenu-left{right:100%;left:auto;margin-right:4px;transform:translateX(10px)}.boc-submenu:not(.boc-submenu-left){left:100%;right:auto;margin-left:4px}.boc-submenu.boc-submenu-top{bottom:0;top:auto}.boc-submenu:not(.boc-submenu-top){bottom:auto;top:0}.boc-menu-item.boc-has-submenu:hover>.boc-menu-submenu>.boc-submenu{opacity:1;visibility:visible;transform:translateX(0)}.boc-light .boc-submenu{background:#fff;box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.05);border:1px solid #e0e0e0}.boc-light .boc-menu-divider .boc-menu-line{background-color:#e0e0e0}.boc-light .boc-menu-shortcut{color:#666}.boc-light .boc-menu-item{color:#333}.boc-light .boc-menu-item:hover>td{background-color:#f5f5f5}.boc-light .boc-menu-item:hover>.boc-menu-text{color:#000}.boc-light .boc-menu{border:1px solid #e0e0e0;background:#fff;box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.05)}.boc-dark .boc-submenu{background:#1e1e1e;box-shadow:0 10px 25px -5px rgba(0,0,0,.55),0 8px 10px -6px rgba(0,0,0,.45);border:1px solid #3a3a3a}.boc-dark .boc-menu-divider .boc-menu-line{background-color:#3a3a3a}.boc-dark .boc-menu-shortcut{color:#8b949e}.boc-dark .boc-menu-item{color:#c9d1d9}.boc-dark .boc-menu-item:hover>td{background-color:#2d2d2d}.boc-dark .boc-menu-item:hover>.boc-menu-text{color:#fff}.boc-dark .boc-menu{border:1px solid #3a3a3a;background:#1e1e1e;box-shadow:0 10px 25px -5px rgba(0,0,0,.55),0 8px 10px -6px rgba(0,0,0,.45)}.boc-orgscribe-form{height:100%;width:100%;box-shadow:rgba(0,0,0,.2) 0 6px 6px 0,rgba(0,0,0,.19) 0 13px 20px 0;display:flex;flex-direction:column;height:100%;width:400px}@media screen and (max-width:500px){.boc-orgscribe-form{width:100%}}.boc-dark .boc-orgscribe-form{background-color:#252526}.boc-light .boc-orgscribe-form{background-color:#fff}.boc-orgscribe-container{padding:0 14px;display:grid;grid-template-rows:40px auto 10px;gap:10px;height:100%}.boc-orgscribe-container .boc-input input{padding-right:50px}.boc-orgscribe-close{text-align:end;margin-top:20px}.boc-orgscribe-close svg{cursor:pointer}.boc-orgscribe-txt{width:100%;height:100%;box-sizing:border-box;border-style:solid;border-width:1px;outline:0;border-radius:5px;font-size:24px}.boc-dark .boc-orgscribe-txt{color:#ccc;background-color:#333;border-color:#5b5b5b}.boc-light .boc-orgscribe-txt{color:#757575;background-color:#fff;border-color:#c7c7c7}.boc-search{position:absolute}@media screen and (max-width:500px){.boc-search{width:calc(100% - 30px);left:15px}}.boc-search .boc-input{margin-bottom:0}.boc-search-input{color:#7a7a7a;width:100%;border:none;outline:0;padding-top:10px;padding-right:47px}.boc-search-image-td{width:43px}.boc-search-text-td{padding-inline-end:7px;line-height:15px;text-align:start}.boc-search table{box-shadow:rgba(0,0,0,.2) 0 4px 8px 0,rgba(0,0,0,.19) 0 6px 20px 0;margin:0 3.5px 0 3.5px;width:calc(100% - 7px);border-radius:7px}.boc-search table tr:first-child td:first-child{border-top-left-radius:7px}.boc-search table tr:first-child td:last-child{border-top-right-radius:7px}[dir=rtl] .boc-search table tr:first-child td:first-child{border-top-left-radius:unset;border-top-right-radius:7px}[dir=rtl] .boc-search table tr:first-child td:last-child{border-top-right-radius:unset;border-top-left-radius:7px}.boc-search table tr:last-child td:first-child{border-bottom-left-radius:7px}.boc-search table tr:last-child td:last-child{border-bottom-right-radius:7px}[dir=rtl] .boc-search table tr:last-child td:first-child{border-bottom-left-radius:unset;border-bottom-right-radius:7px}[dir=rtl] .boc-search table tr:last-child td:last-child{border-bottom-right-radius:unset;border-bottom-left-radius:7px}.boc-dark .boc-search table{background-color:#252526;color:#acacac}.boc-search [data-search-item-id]{cursor:pointer}.boc-search-photo{margin:7px 7px 0 7px;width:32px;height:32px;background-size:cover;background-position:top center;border-radius:50%;display:inline-block;border:1px solid #8c8c8c}.boc-search [data-search-item-id]:hover .boc-link{color:#ffca28}.boc-search [data-search-item-id]:hover .boc-link:hover{color:#f57c00}.boc-dark .boc-search [data-search-item-id] td{border-top:1px solid #333}.boc-dark .boc-search [data-search-item-id]:hover,.boc-dark .boc-search [data-selected=yes]{background-color:#094771;color:#fff}.boc-light .boc-search table{background-color:#fff;color:#333}.boc-light .boc-search [data-search-item-id] td{border-top:1px solid #c7c7c7}.boc-light .boc-search [data-search-item-id]:hover,.boc-light .boc-search [data-selected=yes]{background-color:#0074e8;color:#fff}.boc-search [data-search-item-id]:first-child td{border-top:unset}.boc-ripple-container{position:absolute;top:0;right:0;bottom:0;left:0}.boc-drag-over rect{opacity:.5}.boc-ripple-container span{transform:scale(0);border-radius:100%;position:absolute;opacity:.75;background-color:#fff;animation:boc-ripple 1s}@-moz-keyframes boc-ripple{to{opacity:0;transform:scale(2)}}@-webkit-keyframes boc-ripple{to{opacity:0;transform:scale(2)}}@-o-keyframes boc-ripple{to{opacity:0;transform:scale(2)}}@keyframes boc-ripple{to{opacity:0;transform:scale(2)}}.boc-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.boc-slider:before{position:absolute;content:\"\";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}.boc-slider.round{border-radius:24px}.boc-slider.round:before{border-radius:50%}svg text:hover{cursor:default}svg.boc-cursor-grab,svg.boc-cursor-grab text:hover{cursor:grab}svg.boc-cursor-nodrop,svg.boc-cursor-nodrop text:hover{cursor:no-drop}svg.boc-cursor-copy,svg.boc-cursor-copy text:hover{cursor:copy}svg.boc-cursor-move,svg.boc-cursor-move text:hover{cursor:move}#boc-close-btn:focus,#boc-close-btn:hover{color:#000;text-decoration:none;cursor:pointer}#boc-id-select:focus{outline:.5px solid #aeaeae}#boc-sampleDialog #title:hover{cursor:default;background:gray}.boc-light{background-color:#fff;font:13px/28px Helvetica,\"Segoe UI\",Arial,sans-serif}.boc-dark{background-color:#1e1e1e;font:13px/28px Helvetica,\"Segoe UI\",Arial,sans-serif}.boc-selected .boc-selectable{stroke:#ffca28;stroke-width:4px}.boc-dark input,.boc-dark select,.boc-light input,.boc-light select{font:16px Helvetica,\"Segoe UI\",Arial,sans-serif}.boc-dark h1,.boc-light h1{font-size:30px;line-height:1}.boc-light [data-boc-content]::backdrop{background-color:#fff}.boc-dark [data-boc-content]::backdrop{background-color:#1e1e1e}.boc-dark text,.boc-light text{user-select:none}.boc-edit-form{position:absolute;border-radius:10px}.export-service .boc-edit-form{border-radius:unset}.boc-dark .boc-edit-form{color:#acacac}.boc-light .boc-edit-form{color:#333}.boc-dark ::-webkit-calendar-picker-indicator{filter:invert(70%)}.boc-light ::-webkit-calendar-picker-indicator{filter:invert(50%)}.boc-edit-form-instruments{margin:42px 10px 0 10px;text-align:center;min-height:70px}.boc-img-button svg{position:relative;top:12px}.boc-light .boc-toolbar-container svg circle,.boc-light .boc-toolbar-container svg line,.boc-light .boc-toolbar-container svg path{stroke:#8c8c8c!important}.boc-dark .boc-toolbar-container svg circle,.boc-dark .boc-toolbar-container svg line,.boc-dark .boc-toolbar-container svg path{stroke:#8c8c8c!important}.boc-dark .boc-toolbar-container svg rect{fill:#252526!important}.boc-dark .boc-toolbar-container [data-tlbr=minus] svg{border-left:1px solid #5b5b5b!important;border-right:1px solid #5b5b5b!important;border-bottom:1px solid #5b5b5b!important}.boc-dark .boc-toolbar-container [data-tlbr=plus] svg{border-left:1px solid #5b5b5b!important;border-right:1px solid #5b5b5b!important;border-top:1px solid #5b5b5b!important}.boc-dark .boc-toolbar-container [data-tlbr]>svg{border:1px solid #5b5b5b!important;background-color:#252526!important}.boc-toolbar-layout{height:123px;padding-top:20px;position:absolute;width:100%;left:\"0\";bottom:\"-145px\"}.boc-light .boc-toolbar-layout{border-top:1px solid #c7c7c7;background-color:#f9f9f9}.boc-dark .boc-toolbar-layout{border-top:1px solid #5b5b5b;background-color:#2b2b2b}.boc-dotted-connector path{stroke-dasharray:7}.boc-undo-redo{position:absolute;top:23px;left:23px}@media screen and (max-width:500px){.boc-undo-redo{position:absolute;top:83px;left:23px}}.boc-light .boc-undo-redo path{fill:#cacaca}.boc-dark .boc-undo-redo path{fill:#5b5b5b}.boc-light .boc-undo-redo .boc-ur-clickable path{fill:#9c9c9c}.boc-dark .boc-undo-redo .boc-ur-clickable path{fill:#8c8c8c}.boc-undo-redo .boc-ur-clickable rect{cursor:pointer}.boc-undo-redo>span{position:relative;display:inline-block;user-select:none}.boc-undo-redo .boc-undo-i{left:-6px;top:-6px}.boc-undo-redo .boc-redo-i{right:-6px;bottom:6px}.boc-undo-redo>span>span{color:#fff;position:absolute;display:inline-block;min-width:20px;min-height:20px;border-radius:50%;line-height:20px;text-align:center;padding:1px;user-select:none;cursor:pointer}.boc-light .boc-undo-redo>span>span{background-color:#9c9c9c}.boc-dark .boc-undo-redo>span>span{background-color:#8c8c8c}.boc-dark .treelist-pinned{filter:brightness(1.2)}.boc-light .treelist-pinned{filter:brightness(.9)}.boc-light .boc-scroll{fill:#fff}.boc-light .boc-scroll-thumb{fill:#c1c1c1}.boc-light .boc-scroll-thumb:hover{fill:#929292}.boc-dark .boc-scroll{fill:#1e1e1e}.boc-dark .boc-scroll-thumb{fill:#424242}.boc-dark .boc-scroll-thumb:hover{fill:#4f4f4f}</style>";
9598
+ return "<style data-boc-styles>.boc-ai-form{height:100%;width:100%;box-shadow:rgba(0,0,0,.2) 0 6px 6px 0,rgba(0,0,0,.19) 0 13px 20px 0;display:flex;flex-direction:column;height:100%;width:400px}.boc-dark .boc-ai-form{color:#aeaeae}.boc-light .boc-ai-form{color:#757575}.boc-ai-messages{font-size:16px}@media screen and (max-width:500px){.boc-ai-form{width:100%}}.boc-dark .boc-ai-form{background-color:#252526}.boc-light .boc-ai-form{background-color:#fff}.boc-ai-button{font-size:32px;position:absolute;top:20px;left:20px;cursor:pointer;padding:12px;border-radius:50%;user-select:none}.boc-dark .boc-ai-button{color:#aeaeae}.boc-light .boc-ai-button{color:#757575}.boc-ai-button:hover{color:#fff;background-color:#039be5}.boc-ai-container{padding:0 14px;display:grid;grid-template-rows:40px auto 80px;gap:10px;height:100%}.boc-ai-container .boc-input input{padding-right:50px}.boc-ai-close{text-align:end;margin-top:20px}.boc-ai-close svg{cursor:pointer}.boc-ai-start{text-align:center;display:flex;justify-content:center;align-items:center;user-select:none}.boc-ai-start span{font-weight:700;font-size:32px;font:\"Segoe UI\",Arial,sans-serif;background:linear-gradient(90deg,#039be5 28%,#f57c00,#ffca28);color:transparent!important;background-clip:text;display:inline-block;padding:10px 0}.boc-ai-send.boc-ai-send-cansend{cursor:pointer;background-color:#039be5}.boc-ai-send.boc-ai-send-cansend:hover{background-color:#f57c00}.boc-ai-send.boc-ai-send-cansend:active{background-color:#ffca28}.boc-ai-send{background-color:transparent;position:absolute;right:7px;top:7px;width:38px;height:38px;border-radius:50%;text-align:center;background-repeat:no-repeat;background-position:center;background-size:20px 20px}.boc-ai-send svg{display:block;margin:auto;height:100%}.boc-ai-user-message{text-align:end;margin:14px 0}.boc-inner-user-message{padding:7px;border-radius:7px;display:inline-block}.boc-ai-middle{overflow-y:auto}.boc-ai-middle::-webkit-scrollbar{display:none}.boc-button{background-color:#039be5;cursor:pointer;width:calc(100%);height:50px;color:#fff;padding-top:5px;padding-left:7px;padding-right:7px;text-align:center;text-transform:uppercase;border:1px solid #3fc0ff;display:inline-block;border-radius:5px}.boc-button.orange{background-color:#f57c00;border:1px solid #ffa03e}.boc-button.yellow{background-color:#ffca28;border:1px solid #ffdf7c}.boc-button.lower{text-transform:unset}.boc-button.transparent{background-color:transparent}.boc-button:hover{background-color:#35afea}.boc-button.orange:hover{background-color:#f79632}.boc-button.yellow:hover{background-color:#ffd452}.boc-button:active{transform:matrix(.98,0,0,.98,0,0)}.boc-button-icon{text-align:initial;cursor:pointer;margin-bottom:15px;color:#039be5}.boc-dark .boc-button-icon:hover{background-color:#2d2d2d}.boc-light .boc-button-icon:hover{background-color:#ececec}.boc-button-icon>img{height:24px;width:24px;vertical-align:middle;padding:7px}.boc-button:focus{outline:0}.boc-button-icon>img{filter:invert(46%) sepia(66%) saturate(2530%) hue-rotate(171deg) brightness(95%) contrast(98%)}.boc-light .boc-button.transparent{color:#039be5}.boc-light .boc-button.transparent:hover{color:#fff}.boc-button-loading{background-color:transparent;cursor:pointer;width:calc(100% - 2px);height:50px;color:#fff;text-align:center;text-transform:uppercase;border:1px solid #027cb7;display:inline-block;display:flex;justify-content:center;align-items:center;display:none}.boc-button-loading .boc-loading-dots div{margin:0 10px}.boc-link-boc-button{position:absolute;right:10px;top:-1px}@media screen and (max-width:1000px){.boc-link-boc-button{right:50px}}[data-boc-input-disabled] .boc-link-boc-button{display:none}[dir=rtl] .boc-link-boc-button{left:10px;right:unset}.boc-img-button{width:48px;height:48px;cursor:pointer;border-radius:50%;background-color:#039be5;background-repeat:no-repeat;background-size:24px 24px;background-position:center center;margin:3px;display:inline-block}.boc-img-button:hover{background-color:#f57c00}.boc-checkbox{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.boc-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.boc-checkbox-checkmark{position:absolute;top:0;left:0;height:25px;width:25px;border-radius:5px}.boc-dark [data-boc-input-disabled] .boc-checkbox-checkmark,.boc-dark [data-boc-input-disabled].boc-checkbox input:checked~.boc-checkbox-checkmark,.boc-light [data-boc-input-disabled] .boc-checkbox-checkmark,.boc-light [data-boc-input-disabled].boc-checkbox input:checked~.boc-checkbox-checkmark{background-color:#aeaeae!important}[data-boc-input-disabled].boc-checkbox{cursor:default}[dir=rtl] .boc-checkbox-checkmark{right:0}[dir=rtl] .boc-checkbox{padding-left:unset;padding-right:35px}.boc-dark .boc-checkbox-checkmark{background-color:#333;border:1px solid #5b5b5b}.boc-light .boc-checkbox-checkmark{background-color:#fff;border:1px solid #c7c7c7}.boc-dark .boc-checkbox:hover input~.boc-checkbox-checkmark{background-color:#3c3c3c}.boc-light .boc-checkbox:hover input~.boc-checkbox-checkmark{background-color:#f8f9f9}.boc-dark .boc-checkbox input:checked~.boc-checkbox-checkmark{background-color:#039be5}.boc-light .boc-checkbox input:checked~.boc-checkbox-checkmark{background-color:#039be5}.boc-checkbox-checkmark:after{content:\"\";position:absolute;display:none}.boc-checkbox input:checked~.boc-checkbox-checkmark:after{display:block}.boc-checkbox .boc-checkbox-checkmark:after{left:9px;top:5px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.boc-controls{display:flex;gap:7px;position:absolute}.boc-controls-top{left:unset;top:15px;right:50%;bottom:unset;transform:translateX(50%);flex-direction:row}.boc-controls-bottom{left:unset;top:unset;right:50%;bottom:15px;transform:translateX(50%);flex-direction:row}.boc-controls-left{left:15px;top:50%;right:unset;bottom:unset;transform:translateY(-50%);flex-direction:column}.boc-controls-right{left:unset;top:50%;right:15px;bottom:unset;transform:translateY(-50%);flex-direction:column}.boc-controls-bottom_right,.boc-controls-right_bottom{left:unset;top:unset;right:15px;bottom:15px;flex-direction:row}.boc-controls-right_bottom{flex-direction:column}.boc-controls-right_top,.boc-controls-top_right{left:unset;top:15px;right:15px;bottom:unset;flex-direction:row}.boc-controls-right_top{flex-direction:column}.boc-controls-bottom_left,.boc-controls-left_bottom{left:15px;top:unset;right:unset;bottom:15px;flex-direction:row}.boc-controls-left_bottom{flex-direction:column}.boc-controls-left_top,.boc-controls-top_left{left:15px;top:15px;right:unset;bottom:unset;flex-direction:row}.boc-controls-left_top{flex-direction:column}.boc-controls [data-control-id] svg{display:block;margin:0 auto}.boc-controls [data-control-id]{display:flex;align-items:center;cursor:pointer;width:60px;height:60px;border-radius:30px;box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.boc-light .boc-controls [data-control-id]{background:rgba(255,255,255,.2);border:1px solid #c7c7c7}.boc-dark .boc-controls [data-control-id]{background:rgba(30,30,30,.2);border:1px solid #5b5b5b}.boc-controls [data-control-id]:hover{background-color:#0074e8}.boc-controls [data-control-id]:hover svg{filter:brightness(0) invert(1)}.boc-controls [data-control-id].boc-control-selected{background-color:#0074e8}.boc-controls [data-control-id].boc-control-selected svg{filter:brightness(0) invert(1)}.boc-filter{user-select:none}.boc-light .boc-filter{color:#757575}.boc-dark .boc-filter{color:#ccc}.boc-filter>div>div{display:inline-block;padding:3px 10px;cursor:pointer}.boc-filter-menu fieldset,.boc-filter>div,.filter-field-selected{border-radius:5px}.boc-filter-menu fieldset{overflow-y:auto;max-height:300px}.boc-filter>div.boc-filter-menu{padding:10px}.boc-light .boc-filter>div.boc-filter-menu,.boc-light .filter-field-selected{background-color:#f8f9f9}.boc-dark .boc-filter>div.boc-filter-menu,.boc-dark .filter-field-selected{background-color:#3c3c3c}.boc-light .boc-filter>div{background-color:#eee}.boc-dark .boc-filter>div{background-color:#333}.boc-form-perspective{transform-style:preserve-3d;perspective:500px;position:absolute;top:32px}.boc-form{box-shadow:rgba(0,0,0,.2) 0 6px 6px 0,rgba(0,0,0,.19) 0 13px 20px 0;padding:14px;transform-origin:top center;user-select:none;display:none;position:relative;max-height:calc(100vh - 100px);overflow-y:auto;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.boc-form-bottom{border-bottom-left-radius:unset;border-bottom-right-radius:unset;border-top-left-radius:5px;border-top-right-radius:5px}.boc-form .separator{margin:0 10px}@media screen and (max-width:1000px){.boc-form-perspective{min-width:100%;max-height:calc(100% - 32px);left:unset!important;right:unset!important;transform:none!important}.boc-form .set{max-height:calc(100vh - 74px)}.boc-form-fieldset{max-width:unset!important}}.boc-light .boc-form .separator{border-bottom:1px solid #c7c7c7}.boc-dark .boc-form .separator{border-bottom:1px solid #5b5b5b}.boc-light .boc-form{background-color:#fff}.boc-dark .boc-form{background-color:#252526}.boc-item{padding:6px 12px 6px 12px;display:flex;flex-direction:row}.boc-light .boc-form .boc-item.selected,.boc-light .boc-form .boc-item:hover{background-color:#0074e8;color:#fff}.boc-dark .boc-form .boc-item.selected,.boc-dark .boc-form .boc-item:hover{background-color:#094771;color:#fff}.boc-item.selected img,.boc-item:hover img{filter:invert(100%)}.boc-item.selected img{visibility:visible!important}.boc-form-fieldset{display:flex;flex-wrap:wrap;margin:0!important}.boc-form-field{flex:1 0 21%;margin:3px;min-width:200px}.boc-form-field-100{flex:1 0 96%;margin:3px;min-width:200px}.boc-input{position:relative}.boc-input>input,.boc-input>select{height:50px;padding:18px 10px 2px 9px;width:100%;box-sizing:border-box;border-style:solid;border-width:1px}.boc-input select{height:50px;padding:20px 5px 4px 5px}[data-boc-input-disabled].boc-input>input,[data-boc-input-disabled].boc-input>select{border-color:transparent!important}.boc-light [data-boc-input-disabled]>input,.boc-light [data-boc-input-disabled]>select{background-color:#fff!important}.boc-dark [data-boc-input-disabled]>input,.boc-dark [data-boc-input-disabled]>select{background-color:#252526!important}[data-boc-input-disabled]>select{appearance:none;padding-left:8px}.boc-input>label{display:inline-block;position:absolute;padding-left:10px;padding-right:10px;color:#acacac;cursor:text;-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-ms-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1 ease-out;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:initial;text-align:initial;white-space:nowrap}.boc-input>label{top:12px;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 14px)}.boc-input>label.focused,.boc-input>label.hasval{top:-1px}.boc-input>input,.boc-input>select{outline:0;border-radius:5px}.boc-dark .boc-input>label.focused,.boc-light .boc-input>label.focused{color:#039be5}.boc-dark .boc-input>input,.boc-dark .boc-input>select{color:#ccc;background-color:#333;border-color:#5b5b5b}.boc-light .boc-input>input,.boc-light .boc-input>select{color:#757575;background-color:#fff;border-color:#c7c7c7}.boc-light .boc-input>input:focus,.boc-light .boc-input>select:focus{border-color:#039be5;background-color:#f8f9f9}.boc-dark .boc-input>input:focus,.boc-dark .boc-input>select:focus{border-color:#039be5;background-color:#3c3c3c}.boc-dark .boc-input>input.boc-validation-error,.boc-dark .boc-input>select.boc-validation-error,.boc-light .boc-input>input.boc-validation-error,.boc-light .boc-input>select.boc-validation-error{border-color:#ca2a2a}.boc-dark .boc-validation-error-message,.boc-light .boc-validation-error-message{color:#ca2a2a}.boc-input select.multiple{height:initial}.boc-link{color:#039be5;cursor:pointer;text-decoration:underline}.boc-link:hover{color:#f57c00}.boc-dark ::-webkit-scrollbar,.boc-light ::-webkit-scrollbar{width:15px;height:15px}.boc-dark ::-webkit-scrollbar-corner{background:#1e1e1e}.boc-dark ::-webkit-scrollbar-track{background:#1e1e1e;border-left:1px solid #333;border-top:1px solid #333}.boc-dark ::-webkit-scrollbar-thumb{background:#424242}.boc-dark ::-webkit-scrollbar-thumb:hover{background:#4f4f4f}.boc-dark ::-webkit-scrollbar-thumb:active{background:#5e5e5e}.boc-light ::-webkit-scrollbar-corner{background:#fff}.boc-light ::-webkit-scrollbar-track{background:#fff;border-left:1px solid #ddd;border-top:1px solid #ddd}.boc-light ::-webkit-scrollbar-thumb{background:#c1c1c1}.boc-light ::-webkit-scrollbar-thumb:hover{background:#929292}.boc-light ::-webkit-scrollbar-thumb:active{background:#666}.boc-edit-form{position:fixed;top:0;right:0;height:100%;width:100%;box-shadow:rgba(0,0,0,.2) 0 6px 6px 0,rgba(0,0,0,.19) 0 13px 20px 0;display:flex;flex-direction:column;height:100%;width:400px}@media screen and (max-width:1000px){.boc-edit-form{width:100%}}.boc-dark .boc-edit-form{background-color:#252526}.boc-light .boc-edit-form{background-color:#fff}.boc-edit-form-header{height:200px;text-align:center;border-radius:10px}.export-service .boc-edit-form-header{border-radius:unset}.boc-edit-form-title{color:#fff;margin:0;padding:14px 17px 7px 17px}.boc-edit-form-avatar{border-radius:50%;width:150px;height:150px;position:absolute;top:75px;border:5px solid #fff;left:50%;transform:translateX(-50%);background-color:#cacaca;box-shadow:rgba(0,0,0,.2) 0 6px 6px 0,rgba(0,0,0,.19) 0 13px 20px 0}.boc-edit-form-close{position:absolute;right:14px;top:14px;width:34px;height:34px;cursor:pointer}.boc-edit-form-fields{flex-grow:1;overflow-y:auto;overflow-x:hidden}.boc-edit-form-fields-inner{margin:0 7px 20px 7px}.boc-ai-user-message{text-align:end;margin:14px 0}.boc-inner-user-message{padding:7px;border-radius:7px;display:inline-block}.dark .boc-inner-user-message{background-color:#333}.light .boc-inner-user-message{background-color:#f9f9f9}.boc-export-form{box-shadow:rgba(0,0,0,.2) 0 -6px 6px 0,rgba(0,0,0,.19) 0 -13px 20px 0;display:flex;flex-direction:column;height:100%;width:400px}.boc-dark .boc-export-form{color:#aeaeae;background-color:#252526}.boc-light .boc-export-form{color:#757575;background-color:#eee}@media screen and (max-width:500px){.boc-export-form{width:100%}}.boc-export-container{display:grid;grid-template-rows:40px auto;gap:10px;height:100%}.boc-export-page{width:100%;border:1px solid #aeaeae;display:flex;justify-content:center;align-items:center;user-select:none;position:relative}.boc-export-selected{border:1px solid #ffca28}.boc-export-middle{overflow-y:auto;overflow-x:hidden;padding:0 3px 0 0;margin-bottom:10px}.boc-export-btns-inner{padding-top:14px;display:flex;justify-content:space-between}.boc-export-left{justify-content:flex-start}.boc-export-right{justify-content:flex-end}.boc-export-left,.boc-export-right{user-select:none}.boc-export-select{position:absolute;top:0;left:0;text-align:center;width:100%}.boc-export-child-buttons{position:absolute;bottom:7px;left:7px;display:none}.boc-export-page:hover .boc-export-child-buttons{display:initial}.boc-export-parent-buttons{position:absolute;top:7px;left:7px;display:none}.boc-export-page:hover .boc-export-parent-buttons{display:initial}.boc-export-remove-buttons{position:absolute;bottom:7px;right:7px;display:none}.boc-export-page:hover .boc-export-remove-buttons{display:initial}.boc-export-child-buttons button,.boc-export-parent-buttons button{width:23px}.boc-export-profiletree-buttons{position:absolute;top:7px;right:7px;display:none}.boc-export-page:hover .boc-export-profiletree-buttons{display:initial}.boc-export-middle-inner{display:grid;gap:10px;margin:0 10px}.boc-export-btns-inner{margin:0 10px}.boc-menu{position:absolute;min-width:240px;border-radius:12px;padding:8px;opacity:0;visibility:hidden;transform:scale(.95);transition:opacity .15s ease,transform .15s ease,visibility .15s;z-index:1000;user-select:none;font:13px/28px Helvetica,\"Segoe UI\",Arial,sans-serif}.boc-menu-options{width:100%;table-layout:auto;border-collapse:collapse}.boc-menu-item{cursor:pointer}.boc-menu-icon,.boc-menu-shortcut{width:1%;white-space:nowrap;padding:12px}.boc-menu-icon{border-top-left-radius:7px;border-bottom-left-radius:7px;vertical-align:middle;font-size:20px}.boc-menu-icon>img,.boc-menu-icon>svg{display:block}.boc-menu-shortcut{text-align:right;border-top-right-radius:7px;border-bottom-right-radius:7px}.boc-menu-text{width:auto;padding:12px 0}.boc-menu-submenu{width:0%}.boc-menu.active{opacity:1;visibility:visible;transform:scale(1)}.boc-menu-line{height:1px}.boc-menu-divider>td{height:12px}.boc-menu-item.boc-has-submenu{position:relative}.boc-submenu-arrow{font-size:10px;opacity:.6}.boc-submenu{position:absolute;top:-9px;min-width:180px;border-radius:12px;padding:8px;opacity:0;visibility:hidden;transform:translateX(-10px);transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:1001}.boc-submenu.boc-submenu-left{right:100%;left:auto;margin-right:4px;transform:translateX(10px)}.boc-submenu:not(.boc-submenu-left){left:100%;right:auto;margin-left:4px}.boc-submenu.boc-submenu-top{bottom:0;top:auto}.boc-submenu:not(.boc-submenu-top){bottom:auto;top:0}.boc-menu-item.boc-has-submenu:hover>.boc-menu-submenu>.boc-submenu{opacity:1;visibility:visible;transform:translateX(0)}.boc-light .boc-submenu{background:#fff;box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.05);border:1px solid #e0e0e0}.boc-light .boc-menu-divider .boc-menu-line{background-color:#e0e0e0}.boc-light .boc-menu-shortcut{color:#666}.boc-light .boc-menu-item{color:#333}.boc-light .boc-menu-item:hover>td{background-color:#f5f5f5}.boc-light .boc-menu-item:hover>.boc-menu-text{color:#000}.boc-light .boc-menu{border:1px solid #e0e0e0;background:#fff;box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.05)}.boc-dark .boc-submenu{background:#1e1e1e;box-shadow:0 10px 25px -5px rgba(0,0,0,.55),0 8px 10px -6px rgba(0,0,0,.45);border:1px solid #3a3a3a}.boc-dark .boc-menu-divider .boc-menu-line{background-color:#3a3a3a}.boc-dark .boc-menu-shortcut{color:#8b949e}.boc-dark .boc-menu-item{color:#c9d1d9}.boc-dark .boc-menu-item:hover>td{background-color:#2d2d2d}.boc-dark .boc-menu-item:hover>.boc-menu-text{color:#fff}.boc-dark .boc-menu{border:1px solid #3a3a3a;background:#1e1e1e;box-shadow:0 10px 25px -5px rgba(0,0,0,.55),0 8px 10px -6px rgba(0,0,0,.45)}.boc-orgscribe-form{height:100%;width:100%;box-shadow:rgba(0,0,0,.2) 0 6px 6px 0,rgba(0,0,0,.19) 0 13px 20px 0;display:flex;flex-direction:column;height:100%;width:400px}@media screen and (max-width:500px){.boc-orgscribe-form{width:100%}}.boc-dark .boc-orgscribe-form{background-color:#252526}.boc-light .boc-orgscribe-form{background-color:#fff}.boc-orgscribe-container{padding:0 14px;display:grid;grid-template-rows:40px auto 10px;gap:10px;height:100%}.boc-orgscribe-container .boc-input input{padding-right:50px}.boc-orgscribe-close{text-align:end;margin-top:20px}.boc-orgscribe-close svg{cursor:pointer}.boc-orgscribe-txt{width:100%;height:100%;box-sizing:border-box;border-style:solid;border-width:1px;outline:0;border-radius:5px;font-size:24px}.boc-dark .boc-orgscribe-txt{color:#ccc;background-color:#333;border-color:#5b5b5b}.boc-light .boc-orgscribe-txt{color:#757575;background-color:#fff;border-color:#c7c7c7}.boc-search{position:absolute}@media screen and (max-width:500px){.boc-search{width:calc(100% - 30px);left:15px}}.boc-search .boc-input{margin-bottom:0}.boc-search-input{color:#7a7a7a;width:100%;border:none;outline:0;padding-top:10px;padding-right:47px}.boc-search-image-td{width:43px}.boc-search-text-td{padding-inline-end:7px;line-height:15px;text-align:start}.boc-search table{box-shadow:rgba(0,0,0,.2) 0 4px 8px 0,rgba(0,0,0,.19) 0 6px 20px 0;margin:0 3.5px 0 3.5px;width:calc(100% - 7px);border-radius:7px}.boc-search table tr:first-child td:first-child{border-top-left-radius:7px}.boc-search table tr:first-child td:last-child{border-top-right-radius:7px}[dir=rtl] .boc-search table tr:first-child td:first-child{border-top-left-radius:unset;border-top-right-radius:7px}[dir=rtl] .boc-search table tr:first-child td:last-child{border-top-right-radius:unset;border-top-left-radius:7px}.boc-search table tr:last-child td:first-child{border-bottom-left-radius:7px}.boc-search table tr:last-child td:last-child{border-bottom-right-radius:7px}[dir=rtl] .boc-search table tr:last-child td:first-child{border-bottom-left-radius:unset;border-bottom-right-radius:7px}[dir=rtl] .boc-search table tr:last-child td:last-child{border-bottom-right-radius:unset;border-bottom-left-radius:7px}.boc-dark .boc-search table{background-color:#252526;color:#acacac}.boc-search [data-search-item-id]{cursor:pointer}.boc-search-photo{margin:7px 7px 0 7px;width:32px;height:32px;background-size:cover;background-position:top center;border-radius:50%;display:inline-block;border:1px solid #8c8c8c}.boc-search [data-search-item-id]:hover .boc-link{color:#ffca28}.boc-search [data-search-item-id]:hover .boc-link:hover{color:#f57c00}.boc-dark .boc-search [data-search-item-id] td{border-top:1px solid #333}.boc-dark .boc-search [data-search-item-id]:hover,.boc-dark .boc-search [data-selected=yes]{background-color:#094771;color:#fff}.boc-light .boc-search table{background-color:#fff;color:#333}.boc-light .boc-search [data-search-item-id] td{border-top:1px solid #c7c7c7}.boc-light .boc-search [data-search-item-id]:hover,.boc-light .boc-search [data-selected=yes]{background-color:#0074e8;color:#fff}.boc-search [data-search-item-id]:first-child td{border-top:unset}.boc-ripple-container{position:absolute;top:0;right:0;bottom:0;left:0}.boc-drag-over rect{opacity:.5}.boc-ripple-container span{transform:scale(0);border-radius:100%;position:absolute;opacity:.75;background-color:#fff;animation:boc-ripple 1s}@-moz-keyframes boc-ripple{to{opacity:0;transform:scale(2)}}@-webkit-keyframes boc-ripple{to{opacity:0;transform:scale(2)}}@-o-keyframes boc-ripple{to{opacity:0;transform:scale(2)}}@keyframes boc-ripple{to{opacity:0;transform:scale(2)}}.boc-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.boc-slider:before{position:absolute;content:\"\";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}.boc-slider.round{border-radius:24px}.boc-slider.round:before{border-radius:50%}svg text:hover{cursor:default}svg.boc-cursor-grab,svg.boc-cursor-grab text:hover{cursor:grab}svg.boc-cursor-nodrop,svg.boc-cursor-nodrop text:hover{cursor:no-drop}svg.boc-cursor-copy,svg.boc-cursor-copy text:hover{cursor:copy}svg.boc-cursor-move,svg.boc-cursor-move text:hover{cursor:move}#boc-close-btn:focus,#boc-close-btn:hover{color:#000;text-decoration:none;cursor:pointer}#boc-id-select:focus{outline:.5px solid #aeaeae}#boc-sampleDialog #title:hover{cursor:default;background:gray}.boc-light{background-color:#fff;font:13px/28px Helvetica,\"Segoe UI\",Arial,sans-serif}.boc-dark{background-color:#1e1e1e;font:13px/28px Helvetica,\"Segoe UI\",Arial,sans-serif}.boc-hover .boc-hoverable{stroke:#ffca28;stroke-width:4px}.boc-dark input,.boc-dark select,.boc-light input,.boc-light select{font:16px Helvetica,\"Segoe UI\",Arial,sans-serif}.boc-dark h1,.boc-light h1{font-size:30px;line-height:1}.boc-light [data-boc-content]::backdrop{background-color:#fff}.boc-dark [data-boc-content]::backdrop{background-color:#1e1e1e}.boc-dark text,.boc-light text{user-select:none}.boc-edit-form{position:absolute;border-radius:10px}.export-service .boc-edit-form{border-radius:unset}.boc-dark .boc-edit-form{color:#acacac}.boc-light .boc-edit-form{color:#333}.boc-dark ::-webkit-calendar-picker-indicator{filter:invert(70%)}.boc-light ::-webkit-calendar-picker-indicator{filter:invert(50%)}.boc-edit-form-instruments{margin:42px 10px 0 10px;text-align:center;min-height:70px}.boc-img-button svg{position:relative;top:12px}.boc-light .boc-toolbar-container svg circle,.boc-light .boc-toolbar-container svg line,.boc-light .boc-toolbar-container svg path{stroke:#8c8c8c!important}.boc-dark .boc-toolbar-container svg circle,.boc-dark .boc-toolbar-container svg line,.boc-dark .boc-toolbar-container svg path{stroke:#8c8c8c!important}.boc-dark .boc-toolbar-container svg rect{fill:#252526!important}.boc-dark .boc-toolbar-container [data-tlbr=minus] svg{border-left:1px solid #5b5b5b!important;border-right:1px solid #5b5b5b!important;border-bottom:1px solid #5b5b5b!important}.boc-dark .boc-toolbar-container [data-tlbr=plus] svg{border-left:1px solid #5b5b5b!important;border-right:1px solid #5b5b5b!important;border-top:1px solid #5b5b5b!important}.boc-dark .boc-toolbar-container [data-tlbr]>svg{border:1px solid #5b5b5b!important;background-color:#252526!important}.boc-toolbar-layout{height:123px;padding-top:20px;position:absolute;width:100%;left:\"0\";bottom:\"-145px\"}.boc-light .boc-toolbar-layout{border-top:1px solid #c7c7c7;background-color:#f9f9f9}.boc-dark .boc-toolbar-layout{border-top:1px solid #5b5b5b;background-color:#2b2b2b}.boc-dotted-connector path{stroke-dasharray:7}.boc-undo-redo{position:absolute;top:23px;left:23px}@media screen and (max-width:500px){.boc-undo-redo{position:absolute;top:83px;left:23px}}.boc-light .boc-undo-redo path{fill:#cacaca}.boc-dark .boc-undo-redo path{fill:#5b5b5b}.boc-light .boc-undo-redo .boc-ur-clickable path{fill:#9c9c9c}.boc-dark .boc-undo-redo .boc-ur-clickable path{fill:#8c8c8c}.boc-undo-redo .boc-ur-clickable rect{cursor:pointer}.boc-undo-redo>span{position:relative;display:inline-block;user-select:none}.boc-undo-redo .boc-undo-i{left:-6px;top:-6px}.boc-undo-redo .boc-redo-i{right:-6px;bottom:6px}.boc-undo-redo>span>span{color:#fff;position:absolute;display:inline-block;min-width:20px;min-height:20px;border-radius:50%;line-height:20px;text-align:center;padding:1px;user-select:none;cursor:pointer}.boc-light .boc-undo-redo>span>span{background-color:#9c9c9c}.boc-dark .boc-undo-redo>span>span{background-color:#8c8c8c}.boc-dark .treelist-pinned{filter:brightness(1.2)}.boc-light .treelist-pinned{filter:brightness(.9)}.boc-light .boc-scroll{fill:#fff}.boc-light .boc-scroll-thumb{fill:#c1c1c1}.boc-light .boc-scroll-thumb:hover{fill:#929292}.boc-dark .boc-scroll{fill:#1e1e1e}.boc-dark .boc-scroll-thumb{fill:#424242}.boc-dark .boc-scroll-thumb:hover{fill:#4f4f4f}</style>";
9566
9599
  }, e === void 0 && (e = {}), e.prototype.onField = function(e) {
9567
9600
  return this.on("field", function(t, n) {
9568
9601
  return e.call(t, n);
package/package.json CHANGED
@@ -58,5 +58,5 @@
58
58
  "url": "git+https://github.com/BALKANGraph/OrgChartJS.git"
59
59
  },
60
60
  "dependencies": {},
61
- "version": "9.2.34"
61
+ "version": "9.2.37"
62
62
  }