balkan-orgchart-react-community 9.1.82 → 9.1.83
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/index.es.js +1 -1
- package/index.umd.js +1 -1
- package/package.json +1 -1
- package/readme.md +67 -8
package/index.es.js
CHANGED
|
@@ -5964,7 +5964,7 @@ var o = a, s = { divToEmployees: function(e) {
|
|
|
5964
5964
|
l.current = i, e.onUpdateNode && i.onUpdateNode(e.onUpdateNode);
|
|
5965
5965
|
}
|
|
5966
5966
|
}, []), t(() => {
|
|
5967
|
-
l.current && e.data;
|
|
5967
|
+
l.current && e.data && e.data.length > 0 && l.current.load(e.data);
|
|
5968
5968
|
}, [e.data]), /* @__PURE__ */ i("div", {
|
|
5969
5969
|
ref: c,
|
|
5970
5970
|
style: {
|
package/index.umd.js
CHANGED
|
@@ -284,4 +284,4 @@
|
|
|
284
284
|
|
|
285
285
|
</div>
|
|
286
286
|
</div>`,this.instance.leftElement.appendChild(this.element),this.instance.leftElement.style.display=`block`,u.input.init(this.element);var n=this.instance.leftElement.querySelector(`[data-boc-ai-close] svg`);n&&n.addEventListener(`click`,function(t){e.hide()}),this.inputElement=this.element.querySelector(`#`+t),this.btnSendElement=this.inputElement.parentNode.querySelector(`[data-boc-ai-send]`),this.messagesElement=this.element.querySelector(`[data-boc-ai-messages]`),this.inputElement.addEventListener(`input`,function(e){this.value?this.parentNode.querySelector(`.boc-ai-send`).classList.add(`boc-ai-send-cansend`):this.parentNode.querySelector(`.boc-ai-send`).classList.remove(`boc-ai-send-cansend`)}),this.element.querySelector(`[data-boc-ai-send]`).addEventListener(`click`,function(t){e.sendUserInput()}),this.inputElement.addEventListener(`keyup`,function(t){var n=window.event?window.event:t;switch(e.canSetContext||(e.canSetContext=!0,e.instance._ai.setContext()),n.key){case`Enter`:e.sendUserInput();break;case`ArrowUp`:var r=u.aiUI._getSuggestions();if(r.length){var i=r.indexOf(e.inputElement.value);i==-1?i=r.length-1:i--,i==-1&&(i=r.length-1),e.inputElement.value=r[i]}break;case`ArrowDown`:var r=u.aiUI._getSuggestions();if(r.length){var i=r.indexOf(e.inputElement.value);i==-1?i=0:i++,i==r.length&&(i=0),e.inputElement.value=r[i]}break;default:}})}},u.aiUI.prototype.addUserMessage=function(e){this.btnSendElement.classList.remove(`boc-ai-send-cansend`);var t=this.element.querySelector(`.boc-ai-start`);t&&(t.classList.remove(`boc-ai-start`),this.messagesElement.innerHTML=``);var n=document.createElement(`div`);n.classList.add(`boc-ai-user-message`),n.innerHTML=`<span class="boc-inner-user-message">${e}</span>`,this.messagesElement.appendChild(n)},u.aiUI.prototype.hide=function(){this.instance.leftElement.style.display=`none`,this.element&&=(this.element.parentNode.removeChild(this.element),null)},u.aiUI.prototype.sendUserInput=function(){var e=this;u.aiUI._addSuggestion(this.inputElement.value),this.addUserMessage(this.inputElement.value);var t=document.createElement(`div`);t.classList.add(`boc-ai-assistant-message`);var n=document.createElement(`span`);n.classList.add(`boc-inner-assistant-message`),t.appendChild(n),this.messagesElement.appendChild(t);var r=``;this.instance._ai.prompt(this.inputElement.value,function(t){r+=t,n.innerHTML=marked.parse(r);var i=e.element.querySelector(`.boc-ai-middle`);i.scrollTo(0,i.scrollHeight)}),this.inputElement.value=``},u.aiUI._addSuggestion=function(e){e=e.trim();var t=u.aiUI._getSuggestions(),n=t.indexOf(e);n!=-1&&t.splice(n,1),t.push(e),localStorage.setItem(`suggestions`,JSON.stringify(t))},u.aiUI._getSuggestions=function(){var e=localStorage.getItem(`suggestions`);return e=e?JSON.parse(e):[],e},u===void 0&&(u={}),u.events.on(`init`,function(e,t){if(e.config.keyNavigation&&(window.addEventListener(`keydown`,function(){e._windowKeyDownHandler.apply(e,[this,arguments[0]])}),u.isNEU(e._keyNavigationActiveNodeId)&&e.roots&&e.roots.length)){var n=e.roots[0].id;u.isNEU(e.config.keyNavigation.focusId)||(n=e.config.keyNavigation.focusId),e._keyNavigationActiveNodeId=n,e.center(e._keyNavigationActiveNodeId)}}),u.prototype._windowKeyDownHandler=function(e,t){for(var n=t.target,r=null;n&&n!=this.element;){if(n.hasAttribute&&n.hasAttribute(u.attr.node_id)){r=n.getAttribute(u.attr.node_id);break}n=n.parentNode}if(n){var i=r?this.getNode(r):null,a={node:i,data:r?this.get(r):null,event:t};if(u.events.publish(`key-down`,[this,a])!==!1&&i){if(t.code==`KeyF`)this.searchUI.find(``);else if(t.code==`ArrowRight`||i.isAssistant&&t.code==`ArrowDown`||i.isPartner&&t.code==`ArrowDown`){var o=this.getNode(i.pid);if(o){var s=o.childrenIds.indexOf(i.id);if(s++,s<o.childrenIds.length){var c=o.childrenIds[s];this._keyNavigationActiveNodeId=c,this.center(c)}}}else if(t.code==`ArrowLeft`){var o=this.getNode(i.pid);if(o){var s=o.childrenIds.indexOf(i.id);if(s--,s>=0){var c=o.childrenIds[s];this._keyNavigationActiveNodeId=c,this.center(c)}}}else if(t.code==`ArrowUp`){var o=this.getNode(i.pid);if(o){var c=o.id;if(i.isAssistant||o.hasAssistants||i.isPartner||o.hasPartners){var s=o.childrenIds.indexOf(i.id);s--,s>=0&&(c=o.childrenIds[s])}this._keyNavigationActiveNodeId=c,this.center(c)}}else if(t.code==`ArrowDown`)i.childrenIds.length&&(this._keyNavigationActiveNodeId=i.childrenIds[0],this.center(i.childrenIds[0]));else if(t.code==`Space`){var l=n.getAttribute(u.attr.node_id);this.toggleExpandCollapse(l,t);return}}}},u.events.on(`redraw`,function(e,t){e.config.keyNavigation&&u._keyNavigation(e)}),u.events.on(`click`,function(e,t){e.config&&e.config.keyNavigation&&(e._keyNavigationActiveNodeId=t.node.id,e.center(t.node.id))}),u._keyNavigation=function(e){var t=e.element.querySelector(`:focus`);if(t&&t.parentElement&&t.parentElement.hasAttribute(u.attr.node_id)){var n=t.parentElement,r=t,i=r.querySelector(`title`);i&&i.parentNode.removeChild(i),r.removeAttribute(`tabindex`)}if(!u.isNEU(e._keyNavigationActiveNodeId)){var n=e.getNodeElement(e._keyNavigationActiveNodeId);if(!(!n||!n.children.length)){var r=n.children[0];r.setAttribute(`tabindex`,2);var a={text:``,id:e._keyNavigationActiveNodeId};if(u.events.publish(`screen-reader-text`,[e,a]),!u.isNEU(a.text)){var i=document.createElementNS(`http://www.w3.org/2000/svg`,`title`);i.innerHTML=a.text,r.appendChild(i)}u.SEARCH_CLOSE_RESULT_ON_ESCAPE_OR_CLICKOUTSIDE&&e.searchUI.hide(),r.focus()}}},u.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-chart-menu{opacity:0;display:inline-block;position:absolute;text-align:left;user-select:none;min-width:270px;box-shadow:rgba(0,0,0,.2) 0 4px 8px 0,rgba(0,0,0,.19) 0 6px 20px 0;font:13px/28px Helvetica,"Segoe UI",Arial,sans-serif;border-radius:10px}.boc-chart-menu>div:hover img{filter:invert(100%)}.boc-chart-menu [data-item]{text-align:start;padding:7px 10px}.boc-dark .boc-chart-menu [data-item]{background-color:#252526;color:#acacac;border-bottom:1px solid #333}.boc-dark .boc-chart-menu [data-item]:hover{background-color:#094771!important;color:#fff!important}.boc-dark .boc-chart-menu [data-item]:hover svg{filter:brightness(0) invert(1)}.boc-light .boc-chart-menu [data-item]{background-color:#fff;color:#333;border-bottom:1px solid #c7c7c7}.boc-light .boc-chart-menu [data-item]:hover{background-color:#0074e8!important;color:#fff!important}.boc-light .boc-chart-menu [data-item]:hover svg{filter:brightness(0) invert(1)}.boc-chart-menu [data-item] svg{vertical-align:middle}.boc-chart-menu [data-item]:first-child{border-top-left-radius:7px;border-top-right-radius:7px}.boc-chart-menu [data-item]:last-child{border-bottom-width:0;border-bottom-style:none;border-bottom-left-radius:7px;border-bottom-right-radius:7px}.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-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>`},u.input={},u.input._timeout=null,u.input.initWithTimeout=function(){u.input._timeout&&(clearTimeout(u.input._timeout),u.input._timeout=null),u.input._timeout=setTimeout(u.input.init,200)},u.input.init=function(e){for(var t=e?e.querySelectorAll(`[data-boc-input]`):document.querySelectorAll(`[data-boc-input]`),n=0;n<t.length;n++){var r=t[n],i=null;r.type&&r.type.toLowerCase()==`hidden`&&(i=r),i||=r.querySelector(`input`),i||=r.querySelector(`select`);var a=r.querySelector(`label`);a&&(i.value||i.type==`select-one`&&i.selectedOptions&&i.selectedOptions.length&&i.selectedOptions[0].value==``&&i.selectedOptions[0].innerHTML)&&a.classList.add(`hasval`),i.type.toLowerCase()!=`checkbox`&&i.addEventListener(`focus`,function(){this.classList.remove(`boc-validation-error`);var e=this.parentNode.querySelector(`label`);e.classList.add(`focused`);var t=e.querySelector(`.boc-validation-error-message`);t&&t.parentNode.removeChild(t)}),i.type.toLowerCase()!=`checkbox`&&i.addEventListener(`blur`,function(){u.input.blurHandler(this)})}},u.input.blurHandler=function(e){var t=e.parentNode.querySelector(`label`);t.classList.remove(`focused`),e.value||e.type==`date`?t.classList.add(`hasval`):t.classList.remove(`hasval`)},u.input.validate=function(e){var t=null;e.type&&e.type.toLowerCase()==`hidden`&&(t=e),t||=e.querySelector(`input`),t||=e.querySelector(`select`);var n=e.querySelector(`label`);if(t.classList.remove(`boc-validation-error`),n){var r=n.querySelector(`.boc-validation-error-message`);r&&r.parentNode.removeChild(r)}!t.selectedOptions&&t.value&&(t.value=t.value.trim());var i=e.getAttribute(`data-v-required`),a=e.getAttribute(`data-v-password`),o=e.getAttribute(`data-v-email`),s=e.getAttribute(`data-v-emails`);return i&&t.value==``?(n.innerHTML+=`<span class="boc-validation-error-message"> `+i+`</span>`,t.classList.add(`boc-validation-error`),!1):a&&!u.input.validatePassword(t.value)?(n.innerHTML+=`<span class="boc-validation-error-message"> `+a+`</span>`,t.classList.add(`boc-validation-error`),!1):o&&!u.input.isValidEmail(t.value)?(n.innerHTML+=`<span class="boc-validation-error-message"> `+o+`</span>`,t.classList.add(`boc-validation-error`),!1):s&&!u.input.isValidEmails(t.value)?(n.innerHTML+=`<span class="boc-validation-error-message"> `+s+`</span>`,t.classList.add(`boc-validation-error`),!1):!0},u.input.validateAndGetData=function(e){for(var t=e.querySelectorAll(`[data-boc-input]`),n=!0,r=0;r<t.length;r++){var i=t[r];u.input.validate(i)||(n=!1)}return n?u.input.getData(e):!1},u.input.getData=function(e){for(var t=e.querySelectorAll(`[data-binding]`),n={},r=0;r<t.length;r++){var i=t[r],a=i.getAttribute(`data-binding`);if(i.type.toLowerCase()==`checkbox`)n[a]=i.checked;else if(i.selectedOptions&&i.hasAttribute(`multiple`)){var o=i.selectedOptions;n[a]=Array.from(o).map(({value:e})=>e)}else n[a]=i.value}return n},u.input.validatePassword=function(e){return e&&=e.trim(),e.length<5||e.length>18?!1:e.indexOf(` `)==-1},u.input.isValidEmails=function(e){if(e)for(var t=e.split(`,`),n=0;n<t.length;n++){var r=t[n].trim();if(!u.input.isValidEmail(r))return!1}return!0},u.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())},u===void 0&&(u={}),u.prototype.onField=function(e){return this.on(`field`,function(t,n){return e.call(t,n)})},u.prototype.onInit=function(e){return this.on(`init`,function(t){return e.call(t)})},u.prototype.onRedraw=function(e){return this.on(`redraw`,function(t){return e.call(t)})},u.prototype.onUpdateNode=function(e){return this.on(`update`,function(t,n,r){var i={oldData:n,newData:r};return e.call(t,i)})},u.prototype.onUpdated=function(e){return this.on(`updated`,function(t){return e.call(t)})},u.prototype.onRemoveNode=function(e){return this.on(`remove`,function(t,n,r){var i={id:n,newPidsAndStpidsForIds:r};return e.call(t,i)})},u.prototype.onAddNode=function(e){return this.on(`add`,function(t,n){var r={data:n};return e.call(t,r)})},u.prototype.onDrop=function(e){return this.on(`drop`,function(t,n,r,i,a){var o={dragId:n,dropId:r,dragNodeElement:i,event:a};return e.call(t,o)})},u.prototype.onDrag=function(e){return this.on(`drag`,function(t,n,r,i){var a={dragId:n,event:r,nodeIds:i};return e.call(t,a)})},u.prototype.onExpandCollapseButtonClick=u.prototype.onExpandCollpaseButtonClick=function(e){return this.on(`expcollclick`,function(t,n,r,i){var a={collapsing:n,id:r,ids:i};return e.call(t,a)})},u.prototype.onExportStart=function(e){return this.on(`exportstart`,function(t,n){return e.call(t,n)})},u.prototype.onExportEnd=function(e){return this.on(`exportend`,function(t,n){return e.call(t,n)})},u.prototype.onNodeClick=function(e){return this.on(`click`,function(t,n){return e.call(t,n)})},u.prototype.onCanvasClick=function(e){return this.on(`canvas-click`,function(t,n){return e.call(t,n)})},u.prototype.onNodeDoubleClick=function(e){return this.on(`dbclick`,function(t,n){var r={data:n};return e.call(t,r)})},u.prototype.onAIToolCalls=function(e){return this.on(`ai-tool-calls`,function(t,n){return e.call(t,n)})},u.prototype._dragDropHandler=function(e,t,n){},u.prototype._movableHandler=function(e,t,n){},u===void 0&&(u={}),u._communityMessages=[],u._communityAlert=function(){var e=[];for(var t of u._communityMessages)e.includes(t)||e.push(t);if(e.length){var n=`The following methods and options are not supported in Community Edition:\n\n${e.join(`
|
|
287
|
-
`)} \n\nDownload the Trial Edition if you want to use the features above.`;alert(n)}},u._communityMethod=function(e){u._communityMessages.push(e+` [method]`)},u.manager._community_createNodes=u.manager._createNodes,u.manager._createNodes=function(e){var t=e.manager.config,n=e.manager.layoutConfigs;return u._checkForUnsuportedFeatures(t,n),u.manager._community_createNodes(e)},u._checkForUnsuportedFeatures=function(e,t){for(var n of e.nodes){if(n.tags){var r=n.tags.indexOf(`assistant`);r>-1&&(u._communityMessages.push(`assistant [tag]`),n.tags.splice(r,1)),r=n.tags.indexOf(`partner`),r>-1&&(u._communityMessages.push(`partner [tag]`),n.tags.splice(r,1)),r=n.tags.indexOf(`left-partner`),r>-1&&(u._communityMessages.push(`left-partner [tag]`),n.tags.splice(r,1)),r=n.tags.indexOf(`right-partner`),r>-1&&(u._communityMessages.push(`right-partner [tag]`),n.tags.splice(r,1))}u.isNEU(n.stpid)||(u._communityMessages.push(`stpid [property]`),n.stpid=void 0)}for(var i in e.slinks&&e.slinks.length&&(u._communityMessages.push(`slinks [option]`),e.slinks=[]),e.clinks&&e.clinks.length&&(u._communityMessages.push(`clinks [option]`),e.clinks=[]),t){var a=t[i];a.layout!=u.layout.normal&&(u._communityMessages.push(`layout [option]`),a.layout=u.layout.normal)}},u.events.on(`init`,function(e,t){setTimeout(u._communityAlert,500)}),u._defaultConfig=function(e){for(var t of[`enableDragDrop`,`enableSearch`,`enableAI`,`keyNavigation`,`miniMap`,`controls`,`nodeMenu`,`nodeCircleMenu`,`nodeContextMenu`,`menu`,`toolbar`,`showXScroll`,`showYScroll`,`searchFields`,`searchDisplayField`,`searchFieldsWeight`,`searchFieldsAbbreviation`,`movable`,`serverUrl`,`state`,`editForm`,`showYScroll`,`showYScroll`,`filterBy`,`undoRedoStorageName`])e[t]&&u._communityMessages.push(t+` [option]`);return{interactive:!0,mode:`light`,lazyLoading:`auto`,enableDragDrop:!1,enableSearch:!1,enableAI:!1,enablePan:!0,keyNavigation:!1,miniMap:!1,controls:null,nodeMenu:null,nodeCircleMenu:null,nodeContextMenu:null,menu:null,toolbar:!1,nodeMouseClick:u.action.none,nodeMouseDbClick:u.action.none,mouseScrool:u.action.ctrlZoom,showXScroll:!1,showYScroll:!1,template:`ana`,tags:{},min:!1,nodeBinding:{},linkBinding:{},searchFields:null,searchDisplayField:null,searchFieldsWeight:null,searchFieldsAbbreviation:null,nodes:[],clinks:[],slinks:[],backdrops:[],groupDottedLines:[],dottedLines:[],undoRedoStorageName:null,levelSeparation:60,siblingSeparation:20,subtreeSeparation:40,backdropSeparation:15,mixedHierarchyNodesSeparation:15,assistantSeparation:100,minPartnerSeparation:50,partnerChildrenSplitSeparation:20,partnerNodeSeparation:15,columns:10,padding:30,orientation:u.orientation.top,layout:u.layout.normal,layoutGridColumns:`dynamic`,scaleInitial:u.match.boundaryIfOutside,movable:null,scaleMin:.1,scaleMax:5,orderBy:null,editUI:null,aiUI:null,orgScribeUI:null,powerPointPreviewUI:null,pdfPreviewUI:null,svgPreviewUI:null,pngPreviewUI:null,filterUI:null,searchUI:null,xScrollUI:null,yScrollUI:null,nodeMenuUI:null,controlsUI:null,nodeCircleMenuUI:null,nodeContextMenuUI:null,toolbarUI:null,notifierUI:null,menuUI:null,undoRedoUI:null,exportUrl:null,serverUrl:null,aiChatTools:[],collapse:{},expand:{},align:u.CENTER,UI:null,anim:{func:u.anim.outPow,duration:200},zoom:{speed:120,smooth:12},roots:null,state:null,editForm:null}},u.prototype.__mouseScrollHandlerTreeList=function(){},u.prototype._treeListUpdate=function(){},u.prototype._treeListIterate2=function(){},u.prototype._treeListSetPositions=function(){},u.prototype._treeListThumbMouseDownHandler=function(){},u.prototype._treeListExpandCollapseHandler=function(e){},u===void 0&&(u={}),u.local={},u.local._setPositions=function(e,t,n){u.local._walk(e,t),n()},u.local._walk=function(e,t){for(var n={minX:null,minY:null,maxX:null,maxY:null},r=[],i=[],a=0;a<e.length;a++){var o=u.local._getConfig(e[a],t);u.local._firstWalk(e[a],0,r,i,o)}for(var a=0;a<e.length;a++){var o=u.local._getConfig(e[a],t);u.local._secondWalk(e[a],0,0,0,r,n,o)}},u.local._firstWalk=function(e,t,n,r,i){var a=null;if(e.x=0,e.y=0,e._prelim=0,e._modifier=0,e.leftNeighbor=null,e.rightNeighbor=null,u.local._setLevelMaxNodeHeight(e,t,n,i),u.local._setNeighbors(e,t,r),!u.local._hasChildren(e)||t==u.MAX_DEPTH)if(a=u.local._getLeftSibling(e),a!=null){var o=i.siblingSeparation;e._prelim=a._prelim+u.local._nodeWithPartnersSize(a,i)+o}else e._prelim=0;else{for(var s of e.children)u.local._firstWalk(s,t+1,n,r,i);var c=u.local._fChild(e),l=e.children[e.children.length-1],d=c._prelim+(l._prelim-c._prelim)/2+u.local._leftMidPoint(l,i);if(d-=u.local._mid(e,i),a=u.local._getLeftSibling(e),a!=null){var o=i.siblingSeparation;e._prelim=a._prelim+u.local._nodeWithPartnersSize(a,i)+o,e._modifier=e._prelim-d,u.local._apportion(e,t,n,i)}else i.orientation<=3?e._prelim=d:e._prelim=0}},u.local._secondWalk=function(e,t,n,r,i,a,o){if(t<=u.MAX_DEPTH){var s=e._prelim+n,c=r,l=0,d=0;switch(l=i[t],d=u.local._getNodeHeight(e,o),e.x=s,e.y=c,o.orientation){case u.orientation.right:case u.orientation.right_top:case u.orientation.left:case u.orientation.left_top:var f=e.x;e.x=e.y,e.y=f;break}switch(o.orientation){case u.orientation.bottom:case u.orientation.bottom_left:e.y=-e.y-d;break;case u.orientation.right:case u.orientation.right_top:e.x=-e.x-d;break}if(u._setMinMaxXY(e,a,!0),e.children!=0){var p=o.levelSeparation;u.local._secondWalk(e.children[0],t+1,n+e._modifier,r+l+p,i,a,o)}var m=u.local._getRightSibling(e);m!=null&&u.local._secondWalk(m,t,n,r,i,a,o)}},u.local._lastWalk=function(e,t,n,r,i){e.x+=t+i[3]-r.minX,e.y+=n+i[0]-r.minY;for(var a of e.children)u.local._lastWalk(a,t,n,r,i)},u.local._apportion=function(e,t,n,r){for(var i=u.local._fChild(e),a=i.leftNeighbor,o=1,s=u.MAX_DEPTH-t;i!=null&&a!=null&&o<=s;){for(var c=0,l=0,d=i,f=a,p=0;p<o;p++)d=d.parent,f=f.parent,c+=d._modifier,l+=f._modifier;var m=r.subtreeSeparation;e.leftNeighbor&&e.parent==e.leftNeighbor.parent&&typeof e.leftNeighbor.id==`string`&&e.leftNeighbor.id.indexOf(`_sublevel_layout_`)!=-1&&(m=r.subtreeSeparation);var h=a._prelim+l+u.local._nodeWithPartnersSize(a,r)+m-(i._prelim+c);if(h>0){for(var g=e,_=0;g!=null&&g!=f;g=u.local._getLeftSibling(g))_++;if(g!=null){var v=e,y=h/_;for(typeof v.id==`string`&&v.id.indexOf(`_grid_pseudo_node_`)!=-1&&(y=0);v!=f;v=u.local._getLeftSibling(v))v._prelim+=h,v._modifier+=h,h-=y}}o++,i=u.local._hasChildren(i)?u.local._fChild(i):u.local._getLeftmost(e,0,o),i!=null&&(a=i.leftNeighbor)}},u.local._mixedTreeHeight=function(e){e.size+=u.local._getNodeHeight(e.node,e.config)+e.config.mixedHierarchyNodesSeparation;for(var t=0;t<e.node.children.length;t++)e.node=e.node.children[t],u.local._mixedTreeHeight(e)},u.local._setLevelMaxNodeHeight=function(e,t,n,r){n[t]??(n[t]=0);var i=u.local._getNodeHeight(e,r);n[t]<i&&(n[t]=i)},u.local._setNeighbors=function(e,t,n){n[t]&&n[t].id===e.id||(e.leftNeighbor=n[t],e.leftNeighbor!=null&&(e.leftNeighbor.rightNeighbor=e),n[t]=e)},u.local._nodeWithPartnersSize=function(e,t){switch(t.orientation){case u.orientation.top:case u.orientation.top_left:case u.orientation.bottom:case u.orientation.bottom_left:return e.w;case u.orientation.right:case u.orientation.right_top:case u.orientation.left:case u.orientation.left_top:return e.h}return 0},u.local._size=function(e,t){switch(t.orientation){case u.orientation.top:case u.orientation.top_left:case u.orientation.bottom:case u.orientation.bottom_left:return e.w;case u.orientation.right:case u.orientation.right_top:case u.orientation.left:case u.orientation.left_top:return e.h}return 0},u.local._leftMidPoint=function(e,t){switch(t.orientation){case u.orientation.top:case u.orientation.top_left:case u.orientation.bottom:case u.orientation.bottom_left:return e.w/2;case u.orientation.right:case u.orientation.right_top:case u.orientation.left:case u.orientation.left_top:return e.h/2}return 0},u.local._rightMidPoint=function(e,t){switch(t.orientation){case u.orientation.top:case u.orientation.top_left:case u.orientation.bottom:case u.orientation.bottom_left:return e.w/2;case u.orientation.right:case u.orientation.right_top:case u.orientation.left:case u.orientation.left_top:return e.h/2}return 0},u.local._mid=function(e,t){switch(t.orientation){case u.orientation.top:case u.orientation.top_left:case u.orientation.bottom:case u.orientation.bottom_left:return e.w/2;case u.orientation.right:case u.orientation.right_top:case u.orientation.left:case u.orientation.left_top:return e.h/2}return 0},u.local._getNodeHeight=function(e,t){switch(t.orientation){case u.orientation.top:case u.orientation.top_left:case u.orientation.bottom:case u.orientation.bottom_left:return e.h;case u.orientation.right:case u.orientation.right_top:case u.orientation.left:case u.orientation.left_top:return e.w}return 0},u.local._getLeftSibling=function(e){return e.leftNeighbor!=null&&e.leftNeighbor.parent==e.parent?e.leftNeighbor:null},u.local._getRightSibling=function(e){return e.rightNeighbor!=null&&e.rightNeighbor.parent==e.parent?e.rightNeighbor:null},u.local._getLeftmost=function(e,t,n){if(t>=n)return e;if(!u.local._hasChildren(e))return null;for(var r of e.children){var i=u.local._getLeftmost(r,t+1,n);if(i!=null)return i}return null},u.local._fChild=function(e){return e.children[0]},u.local._hasChildren=function(e){for(var t=0;t<e.children.length;t++)return!0;return!1},u.local._getConfig=function(e,t){return t[e.lcn?e.lcn:`base`]},u.editUI=function(){},u.editUI.prototype.init=function(){},u.editUI.prototype.on=function(e,t){return u._communityMethod(`editUI.on`),this},u.editUI.prototype.show=function(e,t,n){u._communityMethod(`editUI.show`)},u.editUI.prototype.setAvatar=function(e){u._communityMethod(`editUI.setAvatar`)},u.editUI.prototype.hide=function(e){},u.menuUI=function(){},u.menuUI.prototype.init=function(){},u.menuUI.prototype.showStickIn=function(){u._communityMethod(`menuUI.showStickIn`)},u.menuUI.prototype.show=function(){u._communityMethod(`menuUI.show`)},u.menuUI.prototype.isVisible=function(){u._communityMethod(`menuUI.isVisible`)},u.menuUI.prototype.hide=function(){},u.menuUI.prototype.on=function(){u._communityMethod(`menuUI.on`)},u.controlsUI=function(){},u.controlsUI.prototype.init=function(){},u.controlsUI.prototype.show=function(){u._communityMethod(`controlsUI.show`)},u.controlsUI.prototype.hide=function(){u._communityMethod(`controlsUI.hide`)},u.circleMenuUI=function(){},u.circleMenuUI.prototype.init=function(){},u.circleMenuUI.prototype.show=function(){u._communityMethod(`circleMenuUI.show`)},u.circleMenuUI.prototype.isVisible=function(){u._communityMethod(`circleMenuUI.isVisible`)},u.circleMenuUI.prototype.hide=function(){},u.circleMenuUI.prototype.on=function(){return u._communityMethod(`circleMenuUI.on`),this},u.toolbarUI=function(){},u.toolbarUI.expandAllIcon=``,u.toolbarUI.fitIcon=``,u.toolbarUI.openFullScreenIcon=``,u.toolbarUI.closeFullScreenIcon=``,u.toolbarUI.zoomInIcon=``,u.toolbarUI.zoomOutIcon=``,u.toolbarUI.layoutIcon=``,u.toolbarUI.prototype.init=function(){},u.toolbarUI.prototype.showLayout=function(){},u.toolbarUI.prototype.hideLayout=function(){},u.prototype.importCSV=function(){u._communityMethod(`importCSV`)},u.prototype.importXML=function(){u._communityMethod(`importXML`)},u.searchUI=function(){},u.searchUI.prototype.init=function(e){},u.searchUI.prototype._enterHandler=function(){u._communityMethod(`searchUI._enterHandler`)},u.searchUI.prototype.find=function(e){u._communityMethod(`searchUI.find`)},u.searchUI.prototype.addMatchTag=function(e){},u.searchUI.prototype.__search=function(){},u.searchUI.prototype._search=function(){},u.searchUI.prototype.helpView=function(){u._communityMethod(`searchUI.helpView`)},u.searchUI.createItem=function(e,t,n,r){u._communityMethod(`searchUI.createItem`)},u.searchUI.prototype.hide=function(){u._communityMethod(`searchUI.hide`)},u.searchUI.prototype.on=function(e,t){return u._communityMethod(`searchUI.on`),this},u.xScrollUI=function(e,t,n,r,i){this.config=t},u.xScrollUI.prototype.addListener=function(e){},u.xScrollUI.prototype.create=function(e){},u.xScrollUI.prototype.setPosition=function(){},u.yScrollUI=function(e,t,n,r,i){this.config=t},u.yScrollUI.prototype.addListener=function(e){},u.yScrollUI.prototype.create=function(e){},u.yScrollUI.prototype.setPosition=function(){},u===void 0&&(u={}),u.clinkLabelPosition=function(){},u.clinkCurve=function(){},u.prototype.addClink=function(){return u._communityMethod(`addClink`),this},u.prototype.removeClink=function(){return u._communityMethod(`removeClink`),this},u.clinkTemplates={},u.clinkTemplates.orange={defs:``,link:``,label:``},u.clinkTemplates.blue={defs:``,link:``,label:``},u.clinkTemplates.yellow={defs:``,link:``,label:``},u===void 0&&(u={}),u.prototype._slinks=function(){u._communityMethod(`_slinks`)},u.prototype.addSlink=function(){return u._communityMethod(`addSlink`),this},u.prototype.removeSlink=function(e,t){return u._communityMethod(`removeSlink`),this},u.slinkTemplates={},u.slinkTemplates.orange={defs:``,link:``,label:``,labelPosition:``},u.slinkTemplates.blue={defs:``,link:``,label:``,labelPosition:``},u.slinkTemplates.yellow={defs:``,link:``,label:``,labelPosition:``},u.orgScribeUI=function(){},u.orgScribeUI.prototype.init=function(e){},u.orgScribeUI.prototype.isVisible=function(){u._communityMethod(`orgScribeUI.isVisible`)},u.orgScribeUI.prototype.show=function(e,t){u._communityMethod(`orgScribeUI.show`)},u.orgScribeUI.prototype.hide=function(){u._communityMethod(`orgScribeUI.hide`)},u===void 0&&(u={}),u.prototype.undo=function(e){u._communityMethod(`undo`)},u.prototype.redo=function(e){u._communityMethod(`redo`)},u.prototype.clearRedo=function(){},u.prototype.clearUndo=function(){u._communityMethod(`clearUndo`)},u.prototype.undoStepsCount=function(){u._communityMethod(`undoStepsCount`)},u.prototype.redoStepsCount=function(){u._communityMethod(`redoStepsCount`)},u.prototype._putInUndoStack=function(){},u.prototype._putInRedoStack=function(){},u===void 0&&(u={}),u.undoRedoUI=function(){},u.undoRedoUI.prototype.init=function(e){},u.undoRedoUI.prototype.refresh=function(){u._communityMethod(`undoRedoUI.refresh`)},u.undoRedoUI.prototype.on=function(e,t){return u._communityMethod(`undoRedoUI.on`),this},u.undoRedoUI.prototype.onChange=function(e){u._communityMethod(`undoRedoUI.onChange`)},u.miniMap={},u.miniMap.colors=[],u.miniMap.selectorBackgroundColor=``,u.miniMap.backgroundColor=``,u.miniMap.focusStroke=``,u.miniMap.opacity=0,u.miniMap.border=``,u.miniMap.width=0,u.miniMap.height=0,u.miniMap.padding=0,u.miniMap.position={top:void 0,left:void 0,right:void 0,bottom:void 0},u.miniMap.draggable=!0,u.state={},u.state._buildStateNames=function(e){return{paramScale:e+`-scale`,paramX:e+`-x`,paramY:e+`-y`,paramExp:e+`-exp`,paramMin:e+`-min`,paramRoots:e+`-roots`,paramAdjustify:e+`-adjustify`}},u.state._put=function(e,t,n,r,i,a,o,s){},u.state._get=function(e,t,n,r){r(null)},u.state.clear=function(e){},u._search={},u._search.search=function(){u._communityMethod(`searchUI.search`)},u._search.addNodeToResult=function(){u._communityMethod(`searchUI.addNodeToResult`)},u._search.searchAndComputeScore=function(){u._communityMethod(`searchUI.searchAndComputeScore`)},u._search.searchIndexesOf=function(){u._communityMethod(`searchUI.searchIndexesOf`)},u.filterUI=function(){},u.filterUI.prototype.init=function(e){},u.filterUI.prototype.addFilterTag=function(e){},u.filterUI.prototype.show=function(e){u._communityMethod(`filterUI.show`)},u.filterUI.prototype.hide=function(){},u.filterUI.prototype._removeFilter=function(e){},u.filterUI.prototype.update=function(){},u.filterUI.prototype.on=function(e,t){u._communityMethod(`filterUI.on`)},u.filterUI.textFilterBy=``,u.filterUI.all=``,u.prototype.exportToPDFProfile=function(){u._communityMethod(`exportToPDFProfile`)},u.prototype.exportToVisio=function(){u._communityMethod(`exportToVisio`)},u.prototype.exportToPDF=function(){u._communityMethod(`exportToPDF`)},u.prototype.exportToPNG=function(){u._communityMethod(`exportToPNG`)},u.prototype.exportToSVG=function(){u._communityMethod(`exportToSVG`)},u.prototype.exportToPowerPoint=function(){u._communityMethod(`exportToPowerPoint`)},u.exportUI=function(){},u.exportUI.prototype.init=function(){},u.exportUI.prototype.show=function(e){u._communityMethod(`exportUI.show`)},u.exportUI.prototype.isVisible=function(){u._communityMethod(`exportUI.isVisible`)},u.exportUI.prototype.hide=function(){},u.exportUI.prototype.refresh=function(){u._communityMethod(`exportUI.refresh`)},u.exportUI.prototype.toggleLanscape=function(){u._communityMethod(`exportUI.toggleLanscape`)},u.exportUI.prototype.addPage=function(){u._communityMethod(`exportUI.addPage`)},u.exportUI.prototype.removePage=function(){u._communityMethod(`exportUI.removePage`)},u.exportUI.prototype.toggelePrintTreeOrProfile=function(){u._communityMethod(`exportUI.toggelePrintTreeOrProfile`)},u.exportUI.prototype.selectPage=function(e){u._communityMethod(`exportUI.selectPage`)};var d=u,f={divToEmployees:function(e){let t=[],n=1;function r(e,i){let a=n++,o={id:a};i!==void 0&&(o.pid=i),Array.from(e.attributes).forEach(e=>{let t=e.name.replace(`data-`,``),n=e.value;t===`assistant`||t===`partner`?n===`true`&&(o.tags||=[],o.tags.push(t)):o[t]=n}),t.push(o),Array.from(e.children).forEach(e=>{r(e,a)})}return Array.from(e.children).forEach(e=>r(e)),t}},p=function({children:e,title:t,name:r,photo:i,assistant:a,partner:o,...s}){return(0,n.jsx)(`div`,{...Object.keys(s).reduce((e,t)=>(e[`data-${t}`]=s[t],e),{}),"data-title":t,"data-name":r,"data-photo":i,"data-assistant":a,"data-partner":o,children:e})},m=(0,t.forwardRef)((e,r)=>{let i=(0,t.useRef)(null),a=(0,t.useRef)(null);return(0,t.useImperativeHandle)(r,()=>({get instance(){return a.current}})),(0,t.useEffect)(()=>{if(i.current&&!a.current){let t=f.divToEmployees(i.current),n=e?.data;t&&!n&&(n=t);let r={...e,nodes:n},o=new d(i.current,r);a.current=o,e.onUpdateNode&&o.onUpdateNode(e.onUpdateNode)}},[]),(0,t.useEffect)(()=>{a.current&&e.data},[e.data]),(0,n.jsx)(`div`,{ref:i,style:{width:`100%`,height:`600px`,...e?.style},children:e?.children})});m.displayName=`OrgChart`,e.Employee=p,e.OrgChart=m});
|
|
287
|
+
`)} \n\nDownload the Trial Edition if you want to use the features above.`;alert(n)}},u._communityMethod=function(e){u._communityMessages.push(e+` [method]`)},u.manager._community_createNodes=u.manager._createNodes,u.manager._createNodes=function(e){var t=e.manager.config,n=e.manager.layoutConfigs;return u._checkForUnsuportedFeatures(t,n),u.manager._community_createNodes(e)},u._checkForUnsuportedFeatures=function(e,t){for(var n of e.nodes){if(n.tags){var r=n.tags.indexOf(`assistant`);r>-1&&(u._communityMessages.push(`assistant [tag]`),n.tags.splice(r,1)),r=n.tags.indexOf(`partner`),r>-1&&(u._communityMessages.push(`partner [tag]`),n.tags.splice(r,1)),r=n.tags.indexOf(`left-partner`),r>-1&&(u._communityMessages.push(`left-partner [tag]`),n.tags.splice(r,1)),r=n.tags.indexOf(`right-partner`),r>-1&&(u._communityMessages.push(`right-partner [tag]`),n.tags.splice(r,1))}u.isNEU(n.stpid)||(u._communityMessages.push(`stpid [property]`),n.stpid=void 0)}for(var i in e.slinks&&e.slinks.length&&(u._communityMessages.push(`slinks [option]`),e.slinks=[]),e.clinks&&e.clinks.length&&(u._communityMessages.push(`clinks [option]`),e.clinks=[]),t){var a=t[i];a.layout!=u.layout.normal&&(u._communityMessages.push(`layout [option]`),a.layout=u.layout.normal)}},u.events.on(`init`,function(e,t){setTimeout(u._communityAlert,500)}),u._defaultConfig=function(e){for(var t of[`enableDragDrop`,`enableSearch`,`enableAI`,`keyNavigation`,`miniMap`,`controls`,`nodeMenu`,`nodeCircleMenu`,`nodeContextMenu`,`menu`,`toolbar`,`showXScroll`,`showYScroll`,`searchFields`,`searchDisplayField`,`searchFieldsWeight`,`searchFieldsAbbreviation`,`movable`,`serverUrl`,`state`,`editForm`,`showYScroll`,`showYScroll`,`filterBy`,`undoRedoStorageName`])e[t]&&u._communityMessages.push(t+` [option]`);return{interactive:!0,mode:`light`,lazyLoading:`auto`,enableDragDrop:!1,enableSearch:!1,enableAI:!1,enablePan:!0,keyNavigation:!1,miniMap:!1,controls:null,nodeMenu:null,nodeCircleMenu:null,nodeContextMenu:null,menu:null,toolbar:!1,nodeMouseClick:u.action.none,nodeMouseDbClick:u.action.none,mouseScrool:u.action.ctrlZoom,showXScroll:!1,showYScroll:!1,template:`ana`,tags:{},min:!1,nodeBinding:{},linkBinding:{},searchFields:null,searchDisplayField:null,searchFieldsWeight:null,searchFieldsAbbreviation:null,nodes:[],clinks:[],slinks:[],backdrops:[],groupDottedLines:[],dottedLines:[],undoRedoStorageName:null,levelSeparation:60,siblingSeparation:20,subtreeSeparation:40,backdropSeparation:15,mixedHierarchyNodesSeparation:15,assistantSeparation:100,minPartnerSeparation:50,partnerChildrenSplitSeparation:20,partnerNodeSeparation:15,columns:10,padding:30,orientation:u.orientation.top,layout:u.layout.normal,layoutGridColumns:`dynamic`,scaleInitial:u.match.boundaryIfOutside,movable:null,scaleMin:.1,scaleMax:5,orderBy:null,editUI:null,aiUI:null,orgScribeUI:null,powerPointPreviewUI:null,pdfPreviewUI:null,svgPreviewUI:null,pngPreviewUI:null,filterUI:null,searchUI:null,xScrollUI:null,yScrollUI:null,nodeMenuUI:null,controlsUI:null,nodeCircleMenuUI:null,nodeContextMenuUI:null,toolbarUI:null,notifierUI:null,menuUI:null,undoRedoUI:null,exportUrl:null,serverUrl:null,aiChatTools:[],collapse:{},expand:{},align:u.CENTER,UI:null,anim:{func:u.anim.outPow,duration:200},zoom:{speed:120,smooth:12},roots:null,state:null,editForm:null}},u.prototype.__mouseScrollHandlerTreeList=function(){},u.prototype._treeListUpdate=function(){},u.prototype._treeListIterate2=function(){},u.prototype._treeListSetPositions=function(){},u.prototype._treeListThumbMouseDownHandler=function(){},u.prototype._treeListExpandCollapseHandler=function(e){},u===void 0&&(u={}),u.local={},u.local._setPositions=function(e,t,n){u.local._walk(e,t),n()},u.local._walk=function(e,t){for(var n={minX:null,minY:null,maxX:null,maxY:null},r=[],i=[],a=0;a<e.length;a++){var o=u.local._getConfig(e[a],t);u.local._firstWalk(e[a],0,r,i,o)}for(var a=0;a<e.length;a++){var o=u.local._getConfig(e[a],t);u.local._secondWalk(e[a],0,0,0,r,n,o)}},u.local._firstWalk=function(e,t,n,r,i){var a=null;if(e.x=0,e.y=0,e._prelim=0,e._modifier=0,e.leftNeighbor=null,e.rightNeighbor=null,u.local._setLevelMaxNodeHeight(e,t,n,i),u.local._setNeighbors(e,t,r),!u.local._hasChildren(e)||t==u.MAX_DEPTH)if(a=u.local._getLeftSibling(e),a!=null){var o=i.siblingSeparation;e._prelim=a._prelim+u.local._nodeWithPartnersSize(a,i)+o}else e._prelim=0;else{for(var s of e.children)u.local._firstWalk(s,t+1,n,r,i);var c=u.local._fChild(e),l=e.children[e.children.length-1],d=c._prelim+(l._prelim-c._prelim)/2+u.local._leftMidPoint(l,i);if(d-=u.local._mid(e,i),a=u.local._getLeftSibling(e),a!=null){var o=i.siblingSeparation;e._prelim=a._prelim+u.local._nodeWithPartnersSize(a,i)+o,e._modifier=e._prelim-d,u.local._apportion(e,t,n,i)}else i.orientation<=3?e._prelim=d:e._prelim=0}},u.local._secondWalk=function(e,t,n,r,i,a,o){if(t<=u.MAX_DEPTH){var s=e._prelim+n,c=r,l=0,d=0;switch(l=i[t],d=u.local._getNodeHeight(e,o),e.x=s,e.y=c,o.orientation){case u.orientation.right:case u.orientation.right_top:case u.orientation.left:case u.orientation.left_top:var f=e.x;e.x=e.y,e.y=f;break}switch(o.orientation){case u.orientation.bottom:case u.orientation.bottom_left:e.y=-e.y-d;break;case u.orientation.right:case u.orientation.right_top:e.x=-e.x-d;break}if(u._setMinMaxXY(e,a,!0),e.children!=0){var p=o.levelSeparation;u.local._secondWalk(e.children[0],t+1,n+e._modifier,r+l+p,i,a,o)}var m=u.local._getRightSibling(e);m!=null&&u.local._secondWalk(m,t,n,r,i,a,o)}},u.local._lastWalk=function(e,t,n,r,i){e.x+=t+i[3]-r.minX,e.y+=n+i[0]-r.minY;for(var a of e.children)u.local._lastWalk(a,t,n,r,i)},u.local._apportion=function(e,t,n,r){for(var i=u.local._fChild(e),a=i.leftNeighbor,o=1,s=u.MAX_DEPTH-t;i!=null&&a!=null&&o<=s;){for(var c=0,l=0,d=i,f=a,p=0;p<o;p++)d=d.parent,f=f.parent,c+=d._modifier,l+=f._modifier;var m=r.subtreeSeparation;e.leftNeighbor&&e.parent==e.leftNeighbor.parent&&typeof e.leftNeighbor.id==`string`&&e.leftNeighbor.id.indexOf(`_sublevel_layout_`)!=-1&&(m=r.subtreeSeparation);var h=a._prelim+l+u.local._nodeWithPartnersSize(a,r)+m-(i._prelim+c);if(h>0){for(var g=e,_=0;g!=null&&g!=f;g=u.local._getLeftSibling(g))_++;if(g!=null){var v=e,y=h/_;for(typeof v.id==`string`&&v.id.indexOf(`_grid_pseudo_node_`)!=-1&&(y=0);v!=f;v=u.local._getLeftSibling(v))v._prelim+=h,v._modifier+=h,h-=y}}o++,i=u.local._hasChildren(i)?u.local._fChild(i):u.local._getLeftmost(e,0,o),i!=null&&(a=i.leftNeighbor)}},u.local._mixedTreeHeight=function(e){e.size+=u.local._getNodeHeight(e.node,e.config)+e.config.mixedHierarchyNodesSeparation;for(var t=0;t<e.node.children.length;t++)e.node=e.node.children[t],u.local._mixedTreeHeight(e)},u.local._setLevelMaxNodeHeight=function(e,t,n,r){n[t]??(n[t]=0);var i=u.local._getNodeHeight(e,r);n[t]<i&&(n[t]=i)},u.local._setNeighbors=function(e,t,n){n[t]&&n[t].id===e.id||(e.leftNeighbor=n[t],e.leftNeighbor!=null&&(e.leftNeighbor.rightNeighbor=e),n[t]=e)},u.local._nodeWithPartnersSize=function(e,t){switch(t.orientation){case u.orientation.top:case u.orientation.top_left:case u.orientation.bottom:case u.orientation.bottom_left:return e.w;case u.orientation.right:case u.orientation.right_top:case u.orientation.left:case u.orientation.left_top:return e.h}return 0},u.local._size=function(e,t){switch(t.orientation){case u.orientation.top:case u.orientation.top_left:case u.orientation.bottom:case u.orientation.bottom_left:return e.w;case u.orientation.right:case u.orientation.right_top:case u.orientation.left:case u.orientation.left_top:return e.h}return 0},u.local._leftMidPoint=function(e,t){switch(t.orientation){case u.orientation.top:case u.orientation.top_left:case u.orientation.bottom:case u.orientation.bottom_left:return e.w/2;case u.orientation.right:case u.orientation.right_top:case u.orientation.left:case u.orientation.left_top:return e.h/2}return 0},u.local._rightMidPoint=function(e,t){switch(t.orientation){case u.orientation.top:case u.orientation.top_left:case u.orientation.bottom:case u.orientation.bottom_left:return e.w/2;case u.orientation.right:case u.orientation.right_top:case u.orientation.left:case u.orientation.left_top:return e.h/2}return 0},u.local._mid=function(e,t){switch(t.orientation){case u.orientation.top:case u.orientation.top_left:case u.orientation.bottom:case u.orientation.bottom_left:return e.w/2;case u.orientation.right:case u.orientation.right_top:case u.orientation.left:case u.orientation.left_top:return e.h/2}return 0},u.local._getNodeHeight=function(e,t){switch(t.orientation){case u.orientation.top:case u.orientation.top_left:case u.orientation.bottom:case u.orientation.bottom_left:return e.h;case u.orientation.right:case u.orientation.right_top:case u.orientation.left:case u.orientation.left_top:return e.w}return 0},u.local._getLeftSibling=function(e){return e.leftNeighbor!=null&&e.leftNeighbor.parent==e.parent?e.leftNeighbor:null},u.local._getRightSibling=function(e){return e.rightNeighbor!=null&&e.rightNeighbor.parent==e.parent?e.rightNeighbor:null},u.local._getLeftmost=function(e,t,n){if(t>=n)return e;if(!u.local._hasChildren(e))return null;for(var r of e.children){var i=u.local._getLeftmost(r,t+1,n);if(i!=null)return i}return null},u.local._fChild=function(e){return e.children[0]},u.local._hasChildren=function(e){for(var t=0;t<e.children.length;t++)return!0;return!1},u.local._getConfig=function(e,t){return t[e.lcn?e.lcn:`base`]},u.editUI=function(){},u.editUI.prototype.init=function(){},u.editUI.prototype.on=function(e,t){return u._communityMethod(`editUI.on`),this},u.editUI.prototype.show=function(e,t,n){u._communityMethod(`editUI.show`)},u.editUI.prototype.setAvatar=function(e){u._communityMethod(`editUI.setAvatar`)},u.editUI.prototype.hide=function(e){},u.menuUI=function(){},u.menuUI.prototype.init=function(){},u.menuUI.prototype.showStickIn=function(){u._communityMethod(`menuUI.showStickIn`)},u.menuUI.prototype.show=function(){u._communityMethod(`menuUI.show`)},u.menuUI.prototype.isVisible=function(){u._communityMethod(`menuUI.isVisible`)},u.menuUI.prototype.hide=function(){},u.menuUI.prototype.on=function(){u._communityMethod(`menuUI.on`)},u.controlsUI=function(){},u.controlsUI.prototype.init=function(){},u.controlsUI.prototype.show=function(){u._communityMethod(`controlsUI.show`)},u.controlsUI.prototype.hide=function(){u._communityMethod(`controlsUI.hide`)},u.circleMenuUI=function(){},u.circleMenuUI.prototype.init=function(){},u.circleMenuUI.prototype.show=function(){u._communityMethod(`circleMenuUI.show`)},u.circleMenuUI.prototype.isVisible=function(){u._communityMethod(`circleMenuUI.isVisible`)},u.circleMenuUI.prototype.hide=function(){},u.circleMenuUI.prototype.on=function(){return u._communityMethod(`circleMenuUI.on`),this},u.toolbarUI=function(){},u.toolbarUI.expandAllIcon=``,u.toolbarUI.fitIcon=``,u.toolbarUI.openFullScreenIcon=``,u.toolbarUI.closeFullScreenIcon=``,u.toolbarUI.zoomInIcon=``,u.toolbarUI.zoomOutIcon=``,u.toolbarUI.layoutIcon=``,u.toolbarUI.prototype.init=function(){},u.toolbarUI.prototype.showLayout=function(){},u.toolbarUI.prototype.hideLayout=function(){},u.prototype.importCSV=function(){u._communityMethod(`importCSV`)},u.prototype.importXML=function(){u._communityMethod(`importXML`)},u.searchUI=function(){},u.searchUI.prototype.init=function(e){},u.searchUI.prototype._enterHandler=function(){u._communityMethod(`searchUI._enterHandler`)},u.searchUI.prototype.find=function(e){u._communityMethod(`searchUI.find`)},u.searchUI.prototype.addMatchTag=function(e){},u.searchUI.prototype.__search=function(){},u.searchUI.prototype._search=function(){},u.searchUI.prototype.helpView=function(){u._communityMethod(`searchUI.helpView`)},u.searchUI.createItem=function(e,t,n,r){u._communityMethod(`searchUI.createItem`)},u.searchUI.prototype.hide=function(){u._communityMethod(`searchUI.hide`)},u.searchUI.prototype.on=function(e,t){return u._communityMethod(`searchUI.on`),this},u.xScrollUI=function(e,t,n,r,i){this.config=t},u.xScrollUI.prototype.addListener=function(e){},u.xScrollUI.prototype.create=function(e){},u.xScrollUI.prototype.setPosition=function(){},u.yScrollUI=function(e,t,n,r,i){this.config=t},u.yScrollUI.prototype.addListener=function(e){},u.yScrollUI.prototype.create=function(e){},u.yScrollUI.prototype.setPosition=function(){},u===void 0&&(u={}),u.clinkLabelPosition=function(){},u.clinkCurve=function(){},u.prototype.addClink=function(){return u._communityMethod(`addClink`),this},u.prototype.removeClink=function(){return u._communityMethod(`removeClink`),this},u.clinkTemplates={},u.clinkTemplates.orange={defs:``,link:``,label:``},u.clinkTemplates.blue={defs:``,link:``,label:``},u.clinkTemplates.yellow={defs:``,link:``,label:``},u===void 0&&(u={}),u.prototype._slinks=function(){u._communityMethod(`_slinks`)},u.prototype.addSlink=function(){return u._communityMethod(`addSlink`),this},u.prototype.removeSlink=function(e,t){return u._communityMethod(`removeSlink`),this},u.slinkTemplates={},u.slinkTemplates.orange={defs:``,link:``,label:``,labelPosition:``},u.slinkTemplates.blue={defs:``,link:``,label:``,labelPosition:``},u.slinkTemplates.yellow={defs:``,link:``,label:``,labelPosition:``},u.orgScribeUI=function(){},u.orgScribeUI.prototype.init=function(e){},u.orgScribeUI.prototype.isVisible=function(){u._communityMethod(`orgScribeUI.isVisible`)},u.orgScribeUI.prototype.show=function(e,t){u._communityMethod(`orgScribeUI.show`)},u.orgScribeUI.prototype.hide=function(){u._communityMethod(`orgScribeUI.hide`)},u===void 0&&(u={}),u.prototype.undo=function(e){u._communityMethod(`undo`)},u.prototype.redo=function(e){u._communityMethod(`redo`)},u.prototype.clearRedo=function(){},u.prototype.clearUndo=function(){u._communityMethod(`clearUndo`)},u.prototype.undoStepsCount=function(){u._communityMethod(`undoStepsCount`)},u.prototype.redoStepsCount=function(){u._communityMethod(`redoStepsCount`)},u.prototype._putInUndoStack=function(){},u.prototype._putInRedoStack=function(){},u===void 0&&(u={}),u.undoRedoUI=function(){},u.undoRedoUI.prototype.init=function(e){},u.undoRedoUI.prototype.refresh=function(){u._communityMethod(`undoRedoUI.refresh`)},u.undoRedoUI.prototype.on=function(e,t){return u._communityMethod(`undoRedoUI.on`),this},u.undoRedoUI.prototype.onChange=function(e){u._communityMethod(`undoRedoUI.onChange`)},u.miniMap={},u.miniMap.colors=[],u.miniMap.selectorBackgroundColor=``,u.miniMap.backgroundColor=``,u.miniMap.focusStroke=``,u.miniMap.opacity=0,u.miniMap.border=``,u.miniMap.width=0,u.miniMap.height=0,u.miniMap.padding=0,u.miniMap.position={top:void 0,left:void 0,right:void 0,bottom:void 0},u.miniMap.draggable=!0,u.state={},u.state._buildStateNames=function(e){return{paramScale:e+`-scale`,paramX:e+`-x`,paramY:e+`-y`,paramExp:e+`-exp`,paramMin:e+`-min`,paramRoots:e+`-roots`,paramAdjustify:e+`-adjustify`}},u.state._put=function(e,t,n,r,i,a,o,s){},u.state._get=function(e,t,n,r){r(null)},u.state.clear=function(e){},u._search={},u._search.search=function(){u._communityMethod(`searchUI.search`)},u._search.addNodeToResult=function(){u._communityMethod(`searchUI.addNodeToResult`)},u._search.searchAndComputeScore=function(){u._communityMethod(`searchUI.searchAndComputeScore`)},u._search.searchIndexesOf=function(){u._communityMethod(`searchUI.searchIndexesOf`)},u.filterUI=function(){},u.filterUI.prototype.init=function(e){},u.filterUI.prototype.addFilterTag=function(e){},u.filterUI.prototype.show=function(e){u._communityMethod(`filterUI.show`)},u.filterUI.prototype.hide=function(){},u.filterUI.prototype._removeFilter=function(e){},u.filterUI.prototype.update=function(){},u.filterUI.prototype.on=function(e,t){u._communityMethod(`filterUI.on`)},u.filterUI.textFilterBy=``,u.filterUI.all=``,u.prototype.exportToPDFProfile=function(){u._communityMethod(`exportToPDFProfile`)},u.prototype.exportToVisio=function(){u._communityMethod(`exportToVisio`)},u.prototype.exportToPDF=function(){u._communityMethod(`exportToPDF`)},u.prototype.exportToPNG=function(){u._communityMethod(`exportToPNG`)},u.prototype.exportToSVG=function(){u._communityMethod(`exportToSVG`)},u.prototype.exportToPowerPoint=function(){u._communityMethod(`exportToPowerPoint`)},u.exportUI=function(){},u.exportUI.prototype.init=function(){},u.exportUI.prototype.show=function(e){u._communityMethod(`exportUI.show`)},u.exportUI.prototype.isVisible=function(){u._communityMethod(`exportUI.isVisible`)},u.exportUI.prototype.hide=function(){},u.exportUI.prototype.refresh=function(){u._communityMethod(`exportUI.refresh`)},u.exportUI.prototype.toggleLanscape=function(){u._communityMethod(`exportUI.toggleLanscape`)},u.exportUI.prototype.addPage=function(){u._communityMethod(`exportUI.addPage`)},u.exportUI.prototype.removePage=function(){u._communityMethod(`exportUI.removePage`)},u.exportUI.prototype.toggelePrintTreeOrProfile=function(){u._communityMethod(`exportUI.toggelePrintTreeOrProfile`)},u.exportUI.prototype.selectPage=function(e){u._communityMethod(`exportUI.selectPage`)};var d=u,f={divToEmployees:function(e){let t=[],n=1;function r(e,i){let a=n++,o={id:a};i!==void 0&&(o.pid=i),Array.from(e.attributes).forEach(e=>{let t=e.name.replace(`data-`,``),n=e.value;t===`assistant`||t===`partner`?n===`true`&&(o.tags||=[],o.tags.push(t)):o[t]=n}),t.push(o),Array.from(e.children).forEach(e=>{r(e,a)})}return Array.from(e.children).forEach(e=>r(e)),t}},p=function({children:e,title:t,name:r,photo:i,assistant:a,partner:o,...s}){return(0,n.jsx)(`div`,{...Object.keys(s).reduce((e,t)=>(e[`data-${t}`]=s[t],e),{}),"data-title":t,"data-name":r,"data-photo":i,"data-assistant":a,"data-partner":o,children:e})},m=(0,t.forwardRef)((e,r)=>{let i=(0,t.useRef)(null),a=(0,t.useRef)(null);return(0,t.useImperativeHandle)(r,()=>({get instance(){return a.current}})),(0,t.useEffect)(()=>{if(i.current&&!a.current){let t=f.divToEmployees(i.current),n=e?.data;t&&!n&&(n=t);let r={...e,nodes:n},o=new d(i.current,r);a.current=o,e.onUpdateNode&&o.onUpdateNode(e.onUpdateNode)}},[]),(0,t.useEffect)(()=>{a.current&&e.data&&e.data.length>0&&a.current.load(e.data)},[e.data]),(0,n.jsx)(`div`,{ref:i,style:{width:`100%`,height:`600px`,...e?.style},children:e?.children})});m.displayName=`OrgChart`,e.Employee=p,e.OrgChart=m});
|
package/package.json
CHANGED
package/readme.md
CHANGED
|
@@ -32,34 +32,93 @@ yarn add balkan-orgchart-react
|
|
|
32
32
|
|
|
33
33
|
|
|
34
34
|
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
|
|
35
38
|
## Declarative Usage
|
|
36
39
|
|
|
37
40
|
```js
|
|
38
41
|
|
|
39
42
|
|
|
40
|
-
import {OrgChart, Employee} from "
|
|
43
|
+
import {OrgChart, Employee} from "../src/OrgChart.tsx";
|
|
41
44
|
|
|
42
|
-
|
|
43
|
-
return
|
|
44
|
-
<>
|
|
45
|
-
<OrgChart nodeBinding={{ field_0: 'name', field_1: 'title' }} >
|
|
45
|
+
export const ChartExample = () => {
|
|
46
|
+
return <OrgChart nodeBinding={{ field_0: 'name', field_1: 'title' }} style={{width: '100%', height: '100%'}} enableSearch={false}>
|
|
46
47
|
<Employee name='Denny Curtis' title='CEO'>
|
|
47
48
|
<Employee name='Lexie Cole' title='QA Lead'></Employee>
|
|
48
49
|
<Employee name='Janae Barrett' title='Technical Director'></Employee>
|
|
49
50
|
<Employee name='Aaliyah Webb' title='Assistant' assistant={true}></Employee>
|
|
50
51
|
</Employee>
|
|
51
52
|
</OrgChart>
|
|
52
|
-
</>
|
|
53
|
-
)
|
|
54
53
|
}
|
|
55
54
|
|
|
56
|
-
|
|
55
|
+
```
|
|
56
|
+
|
|
57
|
+
|
|
58
|
+
## Load form JSON
|
|
59
|
+
|
|
60
|
+
```js
|
|
61
|
+
|
|
62
|
+
import {OrgChart} from "../src/OrgChart.tsx";
|
|
63
|
+
|
|
64
|
+
export const ChartExample = () => {
|
|
65
|
+
const [jsonData, setJsonData] = useState([]);
|
|
66
|
+
|
|
67
|
+
useEffect(() => {
|
|
68
|
+
fetch('/data.json')
|
|
69
|
+
.then((response) => response.json())
|
|
70
|
+
.then((data) => {
|
|
71
|
+
setJsonData(data)
|
|
72
|
+
})
|
|
73
|
+
.catch((error) => {
|
|
74
|
+
console.error('Error loading data:', error)
|
|
75
|
+
})
|
|
76
|
+
}, []);
|
|
77
|
+
|
|
78
|
+
return <OrgChart style={{width: '100%', height: '100%'}} data={jsonData} nodeBinding={{ field_0: 'name', field_1: 'title' }} enableSearch={false}></OrgChart>
|
|
79
|
+
}
|
|
57
80
|
|
|
58
81
|
```
|
|
59
82
|
|
|
60
83
|
|
|
61
84
|
|
|
62
85
|
|
|
86
|
+
## API Call
|
|
87
|
+
|
|
88
|
+
|
|
89
|
+
```js
|
|
90
|
+
|
|
91
|
+
import { OrgChart, Employee, OrgChartRef } from "../src/OrgChart.tsx";
|
|
92
|
+
|
|
93
|
+
export const ChartExample = () => {
|
|
94
|
+
const chartRef = useRef<OrgChartRef>(null);
|
|
95
|
+
|
|
96
|
+
const handleExport = () => {
|
|
97
|
+
chartRef.current?.instance?.exportToPDF();
|
|
98
|
+
};
|
|
99
|
+
|
|
100
|
+
return (
|
|
101
|
+
<>
|
|
102
|
+
<button onClick={handleExport} style={{ fontSize: "24px"}}>Export PDF</button>
|
|
103
|
+
|
|
104
|
+
<OrgChart ref={chartRef} nodeBinding={{ field_0: "name", field_1: "title" }} style={{width: '100%', height: '100%'}} enableSearch={false}>
|
|
105
|
+
<Employee name="Denny Curtis" title="CEO">
|
|
106
|
+
<Employee name="Lexie Cole" title="QA Lead" />
|
|
107
|
+
<Employee name="Janae Barrett" title="Technical Director" />
|
|
108
|
+
<Employee name="Aaliyah Webb" title="Assistant" assistant />
|
|
109
|
+
</Employee>
|
|
110
|
+
</OrgChart>
|
|
111
|
+
</>
|
|
112
|
+
);
|
|
113
|
+
};
|
|
114
|
+
|
|
115
|
+
```
|
|
116
|
+
|
|
117
|
+
|
|
118
|
+
You can call any API method from [here](https://balkan.app/OrgChartJS/API/classes/OrgChart)
|
|
119
|
+
|
|
120
|
+
|
|
121
|
+
|
|
63
122
|
<br>
|
|
64
123
|
|
|
65
124
|
<br>
|