balkan-orgchart-js 9.2.36 → 9.2.37

package/orgchart.mjs

@@ -848,7 +848,7 @@ e.prototype.init = function(t, n) {
 			n._menuClickHandler.apply(n, [this, e]);
 		});
 	}
-}, e === void 0 && (e = {}), e.VERSION = "9.2.36", 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 = {
+}, 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 = {
 	top_right: "top_right",
 	right_top: "right_top",
 	bottom_right: "bottom_right",
@@ -3558,50 +3558,50 @@ e.prototype.init = function(t, n) {
 	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));
 }, e._hover._addSelectedStyleChildren = function(t, n, r) {
 	var i = t.getNodeElement(n.id);
-	i && i.classList.add("boc-selected");
+	i && i.classList.add("boc-hover");
 	var a = t.element.querySelector(`[data-ctrl-ec-id="${n.id}"]`);
-	if (a && a.classList.add("boc-selected"), n.id != r) {
+	if (a && a.classList.add("boc-hover"), n.id != r) {
 		if (n.rightNeighbor && n.rightNeighbor.isSplit && n.rightNeighbor.pid == n.pid) {
 			var o = t.element.querySelector(`[data-l-id="[${n.parent.id}][${n.id}]"]`);
-			o && o.classList.add("boc-selected");
+			o && o.classList.add("boc-hover");
 		}
 		if (n.leftNeighbor && n.leftNeighbor.isSplit && n.leftNeighbor.pid == n.pid) {
 			var o = t.element.querySelector(`[data-l-id="[${n.parent.id}][${n.id}]"]`);
-			o && o.classList.add("boc-selected");
+			o && o.classList.add("boc-hover");
 		}
 		if (n.parent && n.parent.isSplit) {
 			var o = t.element.querySelector(`[data-l-id="[${n.parent.id}][${n.id}]"]`);
-			o && o.classList.add("boc-selected");
+			o && o.classList.add("boc-hover");
 		}
 	}
 	for (var s of n.children) if (s.isSplit) {
 		var o = t.element.querySelector(`[data-l-id="[${n.id}][${s.id}]"]`);
-		o && o.classList.add("boc-selected"), e._hover._addSelectedStyleChildren(t, s, r);
+		o && o.classList.add("boc-hover"), e._hover._addSelectedStyleChildren(t, s, r);
 	}
 	for (var c of n.childrenIds) {
 		var s = t.getNode(c), o = t.element.querySelector(`[data-l-id="[${n.id}][${s.id}]"]`);
-		o && o.classList.add("boc-selected"), e._hover._addSelectedStyleChildren(t, s, r);
+		o && o.classList.add("boc-hover"), e._hover._addSelectedStyleChildren(t, s, r);
 	}
 }, e._hover._addSelectedStyleSameLevel = function(e, t, n) {
 	var r = e.getNodeElement(t.id);
-	r && r.classList.add("boc-selected");
-	for (var i of e.element.querySelectorAll(`[data-l="${t.level}"]`)) i.classList.add("boc-selected");
+	r && r.classList.add("boc-hover");
+	for (var i of e.element.querySelectorAll(`[data-l="${t.level}"]`)) i.classList.add("boc-hover");
 }, e._hover._addSelectedStyleParents = function(t, n, r) {
 	var i = t.getNodeElement(n.id);
-	if (i && i.classList.add("boc-selected"), n.parent) {
+	if (i && i.classList.add("boc-hover"), n.parent) {
 		var a = t.element.querySelector(`[data-l-id="[${n.parent.id}][${n.id}]"]`);
-		a && a.classList.add("boc-selected");
+		a && a.classList.add("boc-hover");
 	}
 	if (r != n.id) {
 		var o = t.element.querySelector(`[data-ctrl-ec-id="${n.id}"]`);
-		o && o.classList.add("boc-selected");
+		o && o.classList.add("boc-hover");
 	}
 	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);
 	var s = t.getNode(n.pid);
 	n.parent && e._hover._addSelectedStyleParents(t, s, r);
 }, e._hover._removeSelectedStyle = function(e) {
-	let t = e.element.querySelectorAll(".boc-selected");
-	for (let e = 0; e < t.length; e++) t[e].classList.remove("boc-selected");
+	let t = e.element.querySelectorAll(".boc-hover");
+	for (let e = 0; e < t.length; e++) t[e].classList.remove("boc-hover");
 }, e === void 0 && (e = {}), e.manager = function(e) {
 	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 = {
 		x: 0,
@@ -4528,7 +4528,7 @@ e.prototype.init = function(t, n) {
 		rect: null
 	},
 	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>",
-	link: "<path stroke-linejoin=\"round\" stroke=\"#aeaeae\" stroke-width=\"1px\" fill=\"none\" d=\"M{xa},{ya} {xb},{yb} {xc},{yc} L{xd},{yd}\"/>",
+	link: "<path  stroke-linejoin=\"round\" stroke=\"#aeaeae\" stroke-width=\"1px\" fill=\"none\" d=\"M{xa},{ya} {xb},{yb} {xc},{yc} L{xd},{yd}\"/>",
 	node: "<rect x=\"0\" y=\"0\" height=\"120\" width=\"250\" fill=\"none\" stroke-width=\"1\" stroke=\"#aeaeae\" rx=\"7\" ry=\"7\"></rect>",
 	plus: function(e, t, n, r, i) {
 		var a = r.mode == "dark" ? "#1E1E1E" : "#ffffff";
@@ -4562,18 +4562,18 @@ e.prototype.init = function(t, n) {
 	},
 	expandCollapseSize: 30,
 	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>",
-	link: "<path class=\"boc-selectable\" stroke-linejoin=\"round\" stroke=\"#aeaeae\" stroke-width=\"1px\" fill=\"none\" d=\"{rounded}\" />",
+	link: "<path class=\"boc-hoverable\" stroke-linejoin=\"round\" stroke=\"#aeaeae\" stroke-width=\"1px\" fill=\"none\" d=\"{rounded}\" />",
 	node: function(e, t, n, r) {
-		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>`;
+		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>`;
 	},
 	plus: function(e, t, n, r, i) {
 		var a = r.mode == "dark" ? "#1E1E1E" : "#ffffff";
-		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>
+		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>
         <text text-anchor="middle" style="font-size: 14px;cursor:pointer;" fill="#aeaeae" x="15" y="21">${e.deepCollapsedChildCount}</text></g>`;
 	},
 	minus: function(e, t, n, r, i) {
 		var a = r.mode == "dark" ? "#1E1E1E" : "#ffffff";
-		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>
+		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>
             <line x1="4" y1="15" x2="26" y2="15" stroke-width="1" stroke="#aeaeae"></line></g>`;
 	},
 	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>",
@@ -4600,7 +4600,7 @@ e.prototype.init = function(t, n) {
 	],
 	editFormHeaderColor: "#039BE5",
 	treeListMaxHeight: 500
-}, 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 = [
+}, 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 = [
 	50,
 	20,
 	35,
@@ -4624,7 +4624,7 @@ e.prototype.init = function(t, n) {
 }, e.templates.ula.field_1 = function(t, n, r, i, a) {
 	return e.wrapText(a, "<text data-text-overflow=\"multiline\" style=\"font-size: 14px;\" fill=\"#afafaf\" x=\"100\" y=\"76\"></text>", t.w - 105, 3);
 }, e.templates.ula.node = function(e, t, n, r) {
-	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>`;
+	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>`;
 }, e.templates.ula.img_0 = function(t, n, r, i, a) {
 	var o = 50, s = 60, c = 40, l = e.randomId();
 	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>`;
@@ -4640,7 +4640,7 @@ e.prototype.init = function(t, n) {
 }, e.templates.olivia.field_1 = function(t, n, r, i, a) {
 	return e.wrapText(a, "<text class=\"olivia-f1\" x=\"100\" y=\"76\"></text>", t.w - 105, 3);
 }, e.templates.olivia.node = function(e, t, n, r) {
-	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>`;
+	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>`;
 }, 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) {
 	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>`;
 }, e.templates.olivia.padding = [
@@ -4653,7 +4653,7 @@ e.prototype.init = function(t, n) {
 	color: "#e6e6e6",
 	rect: null
 }, e.templates.belinda.node = function(e, t, n, r) {
-	return `<circle cx="${e.w / 2}" cy="${e.h / 2}" r="${e.w / 2}" fill="#039BE5" stroke-width="1" stroke="#aeaeae"></circle>`;
+	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>`;
 }, e.templates.belinda.img_0 = function(t, n, r, i, a) {
 	var o = t.w / 2, s = 45, c = 40, l = e.randomId();
 	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>`;
@@ -4661,7 +4661,7 @@ e.prototype.init = function(t, n) {
 	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);
 }, e.templates.belinda.field_1 = function(t, n, r, i, a) {
 	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);
-}, 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) {
+}, 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) {
 	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>`;
 }, 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 = {
 	color: "#F57C00",
@@ -4676,17 +4676,17 @@ e.prototype.init = function(t, n) {
 	var o = t.w / 2, s = 160, c = 60, l = e.randomId();
 	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>`;
 }, e.templates.rony.node = function(e, t, n, r) {
-	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>'`;
+	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>'`;
 }, e.templates.rony.field_0 = function(t, n, r, i, a) {
 	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);
 }, e.templates.rony.field_1 = function(t, n, r, i, a) {
 	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);
 }, e.templates.rony.field_2 = function(t, n, r, i, a) {
 	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);
-}, 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) {
-	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>`;
+}, 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) {
+	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>`;
 }, e.templates.rony.minus = function(e, t, n, r, i) {
-	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>`;
+	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>`;
 }, e.templates.rony.nodeMenuButton = function(e, t, n, r) {
 	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>`;
 }, e.templates.mery = Object.assign({}, e.templates.ana), e.templates.mery.ripple = {
@@ -4694,8 +4694,8 @@ e.prototype.init = function(t, n) {
 	radius: 50,
 	rect: null
 }, e.templates.mery.node = function(e, t, n, r) {
-	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>`;
-}, 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) {
+	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>`;
+}, 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) {
 	var o = t.w / 2, s = t.h / 2, c = 24, l = e.randomId();
 	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>`;
 }, e.templates.mery.field_0 = function(t, n, r, i, a) {
@@ -4714,12 +4714,12 @@ e.prototype.init = function(t, n) {
 	radius: 40,
 	rect: null
 }, e.templates.polina.node = function(e, t, n, r) {
-	return `<rect x="0" y="0" height="${e.h}" width="${e.w}" fill="#039BE5" stroke-width="1" stroke="#686868" rx="40" ry="40"></rect>`;
+	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>`;
 }, 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) {
 	return e.wrapText(a, "<text style=\"font-size: 18px;\" fill=\"#ffffff\" x=\"80\" y=\"30\" text-anchor=\"start\"></text>", t.w - 90, 1);
 }, e.templates.polina.field_1 = function(t, n, r, i, a) {
 	return e.wrapText(a, "<text  style=\"font-size: 14px;\" fill=\"#ffffff\" x=\"80\" y=\"55\" text-anchor=\"start\"></text>", t.w - 90, 1);
-}, 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) {
+}, 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) {
 	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>`;
 }, e.templates.mila = Object.assign({}, e.templates.ana), e.templates.mila.padding = [
 	60,
@@ -4727,7 +4727,7 @@ e.prototype.init = function(t, n) {
 	120,
 	15
 ], e.templates.mila.node = function(e, t, n, r) {
-	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"/>`;
+	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"/>`;
 }, e.templates.mila.img_0 = function(e, t, n, r, i) {
 	return `<image preserveAspectRatio="xMidYMid slice" xlink:href="${i}" x="20" y="${e.h - 115}"  width="64" height="64"></image>`;
 }, e.templates.mila.field_0 = function(t, n, r, i, a) {
@@ -4740,7 +4740,7 @@ e.prototype.init = function(t, n) {
 	30,
 	10
 ], e.templates.diva.node = function(e, t, n, r) {
-	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>`;
+	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>`;
 }, e.templates.diva.img_0 = function(t, n, r, i, a) {
 	var o = t.w / 2, s = 50, c = 45, l = e.randomId();
 	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>`;
@@ -4751,7 +4751,7 @@ e.prototype.init = function(t, n) {
 }, 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) {
 	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>`;
 }, 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) {
-	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>`;
+	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>`;
 }, e.templates.luba.padding = [
 	70,
 	10,
@@ -4766,13 +4766,13 @@ e.prototype.init = function(t, n) {
 	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);
 }, e.templates.luba.field_1 = function(t, n, r, i, a) {
 	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);
-}, 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 = [
+}, 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 = [
 	70,
 	1,
 	60,
 	1
 ], e.templates.isla.node = function(e, t, n, r) {
-	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>`;
+	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>`;
 }, e.templates.isla.field_0 = function(t, n, r, i, a) {
 	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);
 }, e.templates.isla.field_1 = function(t, n, r, i, a) {
@@ -4780,7 +4780,7 @@ e.prototype.init = function(t, n) {
 }, e.templates.isla.img_0 = "", e.templates.isla.img_0 = function(t, n, r, i, a) {
 	var o = e.randomId();
 	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>`;
-}, 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) {
+}, 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) {
 	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>`;
 }, e.templates.isla.ripple = {
 	radius: 0,
@@ -4792,7 +4792,7 @@ e.prototype.init = function(t, n) {
 		height: 100
 	}
 }, e.templates.deborah = Object.assign({}, e.templates.polina), e.templates.deborah.size = [150, 150], e.templates.deborah.node = function(e, t, n, r) {
-	return `<rect x="0" y="0" height="${e.h}" width="${e.w}" fill="#039BE5" stroke-width="1" stroke="#686868" rx="15" ry="15"></rect>`;
+	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>`;
 }, e.templates.deborah.img_0 = function(t, n, r, i, a) {
 	var o = e.randomId();
 	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>`;
@@ -4831,7 +4831,7 @@ e.prototype.init = function(t, n) {
                 <circle cy="13" cx="20" r="2" fill="#fff"></circle>
         </g>`;
 }, e.templates.clara.node = function(e, t, n, r) {
-	return `<rect   x="0" y="0" height="${e.h}" width="${e.w}" fill="#039BE5" stroke-width="1" stroke="#aeaeae" rx="10" ry="10"></rect>`;
+	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>`;
 }, 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) {
 	var o = t.level * r.expandCollapseSize + 45, s = i.mode == "dark" ? "#ccc" : "#757575";
 	return e.wrapText(a, `<text fill="${s}"  x="${o}" y="27" style="font-size:16px;"></text>`, t.w - o - 70, 1);
@@ -9595,7 +9595,7 @@ e.prototype.init = function(t, n) {
 }, e.input.isValidEmail = function(e) {
 	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());
 }, e.ui.css = function() {
-	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>";
+	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>";
 }, e === void 0 && (e = {}), e.prototype.onField = function(e) {
 	return this.on("field", function(t, n) {
 		return e.call(t, n);

package/package.json

@@ -58,5 +58,5 @@
     "url": "git+https://github.com/BALKANGraph/OrgChartJS.git"
   },
   "dependencies": {},
-  "version": "9.2.36"
+  "version": "9.2.37"
 }