django-smartbase-admin 0.2.97__tar.gz → 0.2.99__tar.gz

{django_smartbase_admin-0.2.97 → django_smartbase_admin-0.2.99}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.1
 Name: django-smartbase-admin
-Version: 0.2.97
+Version: 0.2.99
 Summary: 
 Author: SmartBase
 Author-email: info@smartbase.sk

{django_smartbase_admin-0.2.97 → django_smartbase_admin-0.2.99}/pyproject.toml

@@ -1,6 +1,6 @@
 [tool.poetry]
 name = "django-smartbase-admin"
-version = "0.2.97"
+version = "0.2.99"
 description = ""
 authors = ["SmartBase <info@smartbase.sk>"]
 readme = "README.md"

{django_smartbase_admin-0.2.97 → django_smartbase_admin-0.2.99}/src/django_smartbase_admin/admin/widgets.py

@@ -559,7 +559,7 @@ class SBAdminTreeWidget(SBAdminTreeWidgetMixin, SBAdminAutocompleteWidget):
         }
         context["widget"]["additional_columns"] = self.additional_columns
         context["widget"]["tree_strings"] = self.tree_strings
-
+        context["fancytree_filter_settings"] = {}
         return context
 
     @classmethod

django_smartbase_admin-0.2.99/src/django_smartbase_admin/static/sb_admin/dist/tree_widget.js

@@ -0,0 +1 @@
+(()=>{const e=function(e,t,n){let a=e.val();void 0!==a&&n.selectAll(!1);let o=[a];if(!0===t.filter){let e=[];o=[];try{e=JSON.parse(a)}catch(t){e=[]}finally{e.forEach((function(e){o.push(e.value)}))}}else if(2===t.multiselect)try{o=JSON.parse(a)}catch(e){o=[]}o.forEach((function(e){let t=n.getNodeByKey(e);t&&(t.getParentList().forEach((function(e){e.setExpanded(!0)})),t.setSelected(!0))}))};$((function(){const t=function(t){if(t.hasClass("fancytree-container"))return;t.on("change",(e=>{const t=e.target.dataset.changeTarget;if(t){const n=document.querySelector(t);n&&(n.value=e.target.value)}}));let a={};const o=e=>{if(!a.isFiltered)return void e.filterNodes((e=>(e.setExpanded(!1),!0)),{autoExpand:!1});const t={};a.data.forEach((e=>t[e.path]=e)),e.filterNodes((e=>{if(t[e.key])return!0}),{autoExpand:!0})},r=$("#"+t.data("tree-data-id")),d=$("#"+t.data("tree-additional-columns-id")),i=$("#"+t.data("tree-strings-id"));let s={},l=[],c={loading:"Loading...",loadError:"Load error!",moreData:"More...",noData:"No data."};try{s=JSON.parse(r.text())||{},l=JSON.parse(d.text())||[],c=JSON.parse(i.text())}catch(e){console.error(e)}const u=$("#"+s.input_id),f=$("#"+s.input_id+"_search"),p=$("#"+s.input_id+"_matches"),h=$("#"+s.input_id+"_label"),m={indentation:32,nodeColumnIdx:0},y=window.loadJSONScriptData("fancytree_filter_settings");s.checkbox&&(m.checkboxColumnIdx=0,m.nodeColumnIdx=1);let v=["table","gridnav","filter"];s.reorder_url&&v.push("dnd5"),t.fancytree({source:{url:s.data_url},extensions:v,checkbox:s.checkbox,selectMode:s.multiselect,dnd5:{preventVoidMoves:!0,preventRecursion:!0,autoExpandMS:400,dropMarkerParent:".tree-list-view",dropMarkerOffsetX:-8,dropMarkerInsertOffsetX:0,dragStart:function(){return!0},dragEnter:function(){return!0},dragDrop:function(e,t){t.otherNode.moveTo(e,t.hitMode)}},filter:{autoApply:!0,autoExpand:!0,counter:!1,fuzzy:!1,hideExpandedCounter:!0,hideExpanders:!0,highlight:!0,leavesOnly:!1,nodata:!0,mode:"hide",...y},table:m,gridnav:{autofocusInput:!1,handleCursorKeys:!0},strings:c,postProcess:function(t,n){setTimeout((function(){e(u,s,n.tree)}),1)},select:function(e,t){if(u.length>0){let e=null;if(s.filter)e=t.tree.getSelectedNodes().map((function(e){return{value:e.key,label:e.title}})),u.val(JSON.stringify(e));else{e=t.tree.getSelectedNodes().map((function(e){return e.key})).join(", "),2===s.multiselect&&(e=JSON.stringify(t.tree.getSelectedNodes().map((function(e){return e.key}))));let n=t.tree.getSelectedNodes().map((function(e){return e.title})).join(", ");h.text(n),u.val(e)}return u[0].dispatchEvent(new CustomEvent("SBAutocompleteChange")),void u[0].dispatchEvent(new Event("change",{bubbles:!0}))}if(s.filter_by_table_data&&t.originalEvent){const e=t.tree.getSelectedNodes().map((function(e){return e.data.id}));document.body.dispatchEvent(new CustomEvent("treeRowSelected",{detail:{data:e}}))}},enhanceTitle:function(e,t){const n=s.reorder_url,a=t.node.rendered,o=t.node.tree.enableFilter,r=s.detail_url,d=t.node.span&&t.node.span.classList.contains("fancytree-node")&&!t.node.tr.classList.contains("fancytree-hide");if(r&&(!a||o)&&!n&&d){const e=t.node.span.querySelector(".fancytree-title"),n=document.createElement("a"),a=s.detail_url.replace(-1,t.node.data.id);n.innerHTML=e.innerHTML,n.classList.add("link"),n.href=a,e.innerHTML="",e.append(n),e.addEventListener("mousedown",(function(e){e.preventDefault(),e.stopPropagation()}),!0)}},renderNode:function(e,t){const n=s.reorder_url,a=t.node.rendered,o=t.node.span&&t.node.span.classList.contains("fancytree-node")&&!t.node.tr.classList.contains("fancytree-hide");if(a&&!n)return;let r=t.node&&t.node.tr&&t.node.tr.classList.contains("fancytree-lastsib");if(r=void 0!==r&&r,t.node.parent?(t.node.treeLevel=t.node.parent.treeLevel+1,t.node.treeAdditionalLevel=[{level:t.node.treeLevel,lastSib:r},...t.node.parent.treeAdditionalLevel]):(t.node.treeLevel=0,t.node.treeAdditionalLevel=[]),t.node.rendered=!0,o){const e=t.node.span.querySelector(".fancytree-expander"),n=t.node.treeLevel,a=t.node.treeAdditionalLevel;e.innerHTML="",e.className="fancytree-expander",e.classList.add("level-"+n),t.node.parent.expanded&&e.classList.add("expanded-parent"),a.forEach(((t,n)=>{if(0!==n&&t.lastSib)return;const a=document.createElement("span");a.classList.add("expander-additional"),0===n&&a.classList.add("expander-additional-last"),a.style.left=-(50+100*n)+"%",e.append(a)}));const o=document.createElement("span");o.classList.add("expander-border"),e.append(o),e.append(document.createElement("div"))}},renderColumns:function(e,t){const n=$(t.node.tr).find(">td");l.forEach((function(e,a){let o=t.node.data[e.key];e.hide_zero&&0===o&&(o=""),n.eq(1+m.nodeColumnIdx+a).html(o)}))},init:function(e,a){s.filter_by_table_data&&o(a.tree),s.allow_select_all&&n(t,a.tree)}});const g=function(){f.val(""),p.text(""),E.visit((function(e){e.rendered=!1})),E.clearFilter()},E=$.ui.fancytree.getTree("#"+s.input_id+"_tree");u.on("SBTableFilterFormLoad",(()=>{e(u,s,E)})),u.on("clear",(()=>{E.getSelectedNodes().map((e=>{e.setSelected(!1)}))})),f.on("keyup",(function(e){let t=$(this).val(),n=E.filterNodes(t);e&&e.which===$.ui.keyCode.ESCAPE||""===$.trim(t)?g():p.text("("+n+" matches)")})).trigger("focus"),f.on("search",(function(e){e.target.value||g()})),E.saveTreeOrder=function(){const e=JSON.stringify(E.toDict());fetch(s.reorder_url,{method:"POST",headers:{"X-CSRFToken":window.csrf_token},body:e}).then((e=>e.json())).then((e=>{document.getElementById("notification-messages").innerHTML=e.messages,window.htmx.process(document.getElementById("notification-messages"))}))},s.filter_by_table_data&&(document.body.addEventListener("tableDataProcessed",(e=>{a=e.detail,"loading"!==E.getRootNode().getChildren()[0].statusNodeType&&o(E)})),document.body.addEventListener("treeDeselectAllRows",(()=>{E.selectAll(!1)})),document.body.addEventListener("treeSelectAllRows",(()=>{E.selectAll(!0)})))},n=function(e,t){e.find(".select-all-checkbox-wrapper").append('\n            <span role="checkbox" aria-label="Select All" class="fancytree-checkbox" id="fancytree-row-select-all"></span>\n        '),$("#fancytree-row-select-all").on("click",(function(){const e="fancytree-selected",n=$(this).parent().hasClass(e);t.getRootNode().findAll((e=>e.match)).forEach((e=>e.setSelected(!n))),n?$(this).parent().removeClass(e):$(this).parent().addClass(e)}))},a=function(){$(".js-tree-widget").each((function(e,n){const a=$(n);if(a.hasClass("fancytree-container"))return;const o=a.closest(".dropdown-menu");if(o.length>0){const e=function(){t(a),o.prev().off("show.bs.dropdown",e)};o.prev().on("show.bs.dropdown",e)}else t(a)}))};a(),document.addEventListener("formset:added",(()=>{a()}));$(".query-builder-advanced").on("afterCreateRuleInput.queryBuilder",(function(){setTimeout((()=>{a()}),0)}))}))})();

django_smartbase_admin-0.2.99/src/django_smartbase_admin/static/sb_admin/dist/tree_widget_style.css

@@ -0,0 +1 @@
+.tree-widget-wrapper>.dropdown-menu{min-width:480px;width:auto}.fancytree-ext-table{color:var(--color-dark-900);font-size:.875rem;height:100%;line-height:1.25rem}.fancytree-ext-table>thead{background-color:var(--color-dark-50);border-bottom-width:1px;border-color:var(--color-dark-200)}.fancytree-ext-table>tbody>tr.fancytree-active,.fancytree-ext-table>tbody>tr.fancytree-active:hover,.fancytree-ext-table>tbody>tr.fancytree-selected,.fancytree-ext-table>tbody>tr.fancytree-selected:hover,.fancytree-ext-table>tbody>tr:hover{background-color:var(--color-primary-50)}.fancytree-ext-table th{background-color:var(--color-dark-50);color:var(--color-dark-600);font-size:.875rem;font-weight:400;height:3rem;line-height:1.25rem;padding:.5rem;white-space:nowrap}.fancytree-ext-table th:first-child{padding-left:1rem}.fancytree-ext-table th:last-child{padding-right:1rem}.fancytree-ext-table th:not(.text-right){text-align:left}.fancytree-ext-table td{padding:0 .5rem;position:relative}.fancytree-ext-table td:not(.fancytree-checkbox-column):first-child{width:99%}.fancytree-ext-table td:not(:first-child){border-bottom-width:1px;border-color:var(--color-dark-200)}.fancytree-ext-table td.fancytree-checkbox-column+td,.fancytree-ext-table td:first-child{border:none;overflow:hidden;width:99%}.fancytree-ext-table td.fancytree-checkbox-column{padding-right:0;width:2rem}.fancytree-ext-table td:last-child{padding-right:1rem}.fancytree-ext-table td .fancytree-title{margin-left:2.5rem;white-space:nowrap}.fancytree-ext-table td .fancytree-title a{align-items:center;display:flex;padding:.25rem .5rem}.fancytree-ext-table td .fancytree-title .inactive-title{color:#8997ab;transition:color .2s ease-in-out}.fancytree-ext-table td .fancytree-title .inactive-badge{background:#e2e3e7;border-radius:4px;color:#4b5563!important;font-size:10px;margin-left:8px;padding:2px 8px}.fancytree-ext-table tr.fancytree-expanded td .fancytree-title a{font-weight:600}.fancytree-ext-table th.select-all-checkbox-wrapper{padding-left:8px}.fancytree-node{align-items:center;display:flex;height:2.5rem;position:relative}.fancytree-icon{display:none}.fancytree-checkbox{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.1);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);background-color:var(--color-light);border-color:var(--color-dark-300);border-radius:6px;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000 0),var(--tw-ring-shadow,0 0 #0000 0),var(--tw-shadow);cursor:pointer;display:block;height:1.25rem;left:0;outline-color:var(--color-transparent);outline-offset:2px;outline-style:solid;outline-width:2px;position:relative;top:0;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:1.25rem}.fancytree-checkbox:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m20.707 7.707-10 10a1 1 0 0 1-1.414 0l-5-5 1.414-1.414L10 15.586l9.293-9.293 1.414 1.414Z' fill='%23E5E7EB'/%3E%3C/svg%3E");content:"";display:block;height:1.125rem;height:18px;left:1px;opacity:0;top:1px;transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:1.125rem;width:18px}.fancytree-checkbox:hover{border-color:var(--color-dark)}.fancytree-checkbox:hover:after,.fancytree-selected{opacity:1}.fancytree-selected .fancytree-checkbox{background-color:var(--color-primary);border-color:var(--color-primary)}.fancytree-selected .fancytree-checkbox:after{opacity:1}.fancytree-selected .fancytree-checkbox:hover{background-color:var(--color-primary-600);border-color:var(--color-primary-600)}.fancytree-partsel{opacity:1}.fancytree-partsel .fancytree-checkbox{background-color:var(--color-primary);border-color:var(--color-primary)}.fancytree-partsel .fancytree-checkbox:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.25 13h-14v-2h14v2Z' fill='%23E5E7EB'/%3E%3C/svg%3E");opacity:1}.fancytree-partsel .fancytree-checkbox:hover{background-color:var(--color-primary-600);border-color:var(--color-primary-600)}.fancytree-title{align-items:center;display:flex;height:1.5rem;position:relative}.expander-border{bottom:0;left:0;position:absolute;right:0}.expander-border:after{border-bottom-width:1px;border-color:var(--color-dark-200);bottom:0;content:"";display:block;left:100%;position:absolute;right:-100vw}.fancytree-expander{--expander-border:2px solid var(--color-dark-400);align-items:center;background-size:16px;display:flex;height:100%;justify-content:center;position:absolute;width:2rem}.fancytree-expander>div{background-position:50%;height:1.25rem;position:relative;width:1.25rem;z-index:1}.fancytree-expander:after,.fancytree-expander:before{content:"";display:block;position:absolute}.fancytree-expander:before{border-bottom:var(--expander-border);left:-50%;margin-right:1rem;right:0;top:50%}.fancytree-expander:after{border-left:var(--expander-border);left:50%}.fancytree-expander.level-1:after,.fancytree-expander.level-1:before{content:none}.fancytree-expander.expanded-parent .expander-additional{bottom:0;position:absolute;top:0}.fancytree-expander.expanded-parent .expander-additional:before{border-left:var(--expander-border);bottom:0;content:"";display:block;position:absolute;top:0}.fancytree-expander:hover>div{filter:brightness(.5)}tr.fancytree-has-children span.fancytree-expander:before{right:50%}.fancytree-ico-e .fancytree-expander:before{bottom:50%}.fancytree-ico-e .fancytree-expander:after{bottom:0;margin-top:1rem;top:50%}.fancytree-ico-c .fancytree-expander:after{left:-50%}.fancytree-lastsib span.fancytree-expander.expanded-parent .expander-additional-last:before{bottom:50%!important}.fancytree-exp-c:first-child .fancytree-expander:after,.fancytree-exp-e:first-child .fancytree-expander:after{top:50%}.fancytree-exp-cl span.fancytree-expander:after{bottom:50%}.fancytree-ext-filter-hide-expanders tr.fancytree-match span.fancytree-expander{visibility:visible}.fancytree-exp-n .fancytree-expander>div,.fancytree-exp-nl .fancytree-expander>div{display:none}.fancytree-exp-n .fancytree-expander:before,.fancytree-exp-nl .fancytree-expander:before{margin-right:.5rem}.fancytree-exp-nl .fancytree-expander:after{bottom:50%}.fancytree-exp-c .fancytree-expander>div,.fancytree-exp-cl .fancytree-expander>div{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12Zm11-9a9 9 0 1 0 0 18 9 9 0 0 0 0-18Zm-1 8V8h2v3h3v2h-3v3h-2v-3H8v-2h3Z' fill='%236B7280'/%3E%3C/svg%3E")}.fancytree-exp-e .fancytree-expander>div,.fancytree-exp-ed .fancytree-expander>div,.fancytree-exp-edl .fancytree-expander>div,.fancytree-exp-el .fancytree-expander>div{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11S18.075 1 12 1ZM3 12a9 9 0 1 1 18 0 9 9 0 0 1-18 0Zm5 1h8v-2H8v2Z' fill='%236B7280'/%3E%3C/svg%3E")}.fancytree-hide{display:none}.fancytree-submatch:not(.fancytree-match)>*{opacity:.5}.fancytree-status-merged{height:2.5rem}.fancytree-statusnode-error,.fancytree-statusnode-loading{pointer-events:none}.filter-wrapper .fancytree-ext-table>thead{display:none}.filter-wrapper .fancytree-ext-table .fancytree-checkbox-column{background-color:var(--color-light);left:0;padding-left:.75rem;padding-right:.25rem;position:sticky;z-index:1}.filter-wrapper .fancytree-ext-table .fancytree-checkbox-column+td{isolation:isolate;padding-left:0}.filter-wrapper .fancytree-ext-table>tbody>tr.fancytree-active:hover>.fancytree-checkbox-column,.filter-wrapper .fancytree-ext-table>tbody>tr.fancytree-active>.fancytree-checkbox-column,.filter-wrapper .fancytree-ext-table>tbody>tr.fancytree-selected:hover>.fancytree-checkbox-column,.filter-wrapper .fancytree-ext-table>tbody>tr.fancytree-selected>.fancytree-checkbox-column,.filter-wrapper .fancytree-ext-table>tbody>tr:hover>.fancytree-checkbox-column{background-color:var(--color-primary-50)}#fancytree-drop-marker{height:42px;margin:0;position:absolute;width:100%}#fancytree-drop-marker:before{content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}#fancytree-drop-marker:after{background-repeat:no-repeat;bottom:0;content:"";display:block;position:absolute;right:100%;top:0;width:28px}#fancytree-drop-marker.fancytree-drop-before:before{border-color:var(--color-primary);border-top-width:2px;margin-top:12px}#fancytree-drop-marker.fancytree-drop-before:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m17.586 10-2.293-2.293 1.414-1.414 4 4a1 1 0 0 1 0 1.414l-4 4-1.414-1.414L17.586 12H5.5a.5.5 0 0 0-.5.5V19H3v-6.5A2.5 2.5 0 0 1 5.5 10h12.086Z' fill='%2300959D'/%3E%3C/svg%3E");background-position:100% 0;right:calc(100% + 27px);top:2px}#fancytree-drop-marker.fancytree-drop-after:before{border-bottom-width:2px;border-color:var(--color-primary);margin-top:-12px}#fancytree-drop-marker.fancytree-drop-after:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m17.586 10-2.293-2.293 1.414-1.414 4 4a1 1 0 0 1 0 1.414l-4 4-1.414-1.414L17.586 12H5.5a.5.5 0 0 0-.5.5V19H3v-6.5A2.5 2.5 0 0 1 5.5 10h12.086Z' fill='%2300959D'/%3E%3C/svg%3E");background-position:100% 0;bottom:2px;right:calc(100% + 27px);transform:rotateX(180deg)}#fancytree-drop-marker.fancytree-drop-over:before{border-bottom-width:2px;border-color:var(--color-primary);border-top-width:2px}#fancytree-drop-marker.fancytree-drop-over:after{background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12Zm11-9a9 9 0 1 0 0 18 9 9 0 0 0 0-18Zm1.832 10.25H7.245v-2h6.585L11.04 8.457l1.414-1.414 4.5 4.5a1 1 0 0 1 0 1.414l-4.5 4.5-1.414-1.414 2.793-2.793Z' fill='%2300959D'/%3E%3C/svg%3E");background-position:center left 2px;bottom:10px;top:10px}span.fancytree-drag-source.fancytree-drag-remove{opacity:.5}.fancytree-ext-table:active>tbody>tr.fancytree-active{background-color:transparent}

{django_smartbase_admin-0.2.97 → django_smartbase_admin-0.2.99}/src/django_smartbase_admin/static/sb_admin/src/css/tree_widget.css

@@ -76,6 +76,9 @@
             @apply font-semibold;
         }
     }
+    th.select-all-checkbox-wrapper{
+        padding-left: 8px;
+    }
 }
 
 .fancytree-node {

{django_smartbase_admin-0.2.97 → django_smartbase_admin-0.2.99}/src/django_smartbase_admin/static/sb_admin/src/js/tree_widget.js

@@ -95,6 +95,7 @@ const loadValue = function ($inputEl, treeWidgetData, treeInstance) {
                 indentation: 32,
                 nodeColumnIdx: 0,
             }
+            const fancytreeFilterSettings = window.loadJSONScriptData("fancytree_filter_settings")
             if (treeWidgetData.checkbox) {
                 tableConfig.checkboxColumnIdx = 0
                 tableConfig.nodeColumnIdx = 1
@@ -131,13 +132,14 @@ const loadValue = function ($inputEl, treeWidgetData, treeInstance) {
                     autoApply: true,   // Re-apply last filter if lazy data is loaded
                     autoExpand: true, // Expand all branches that contain matches while filtered
                     counter: false,     // Show a badge with number of matching child nodes near parent icons
-                    fuzzy: true,      // Match single characters in order, e.g. 'fb' will match 'FooBar'
+                    fuzzy: false,      // Match single characters in order, e.g. 'fb' will match 'FooBar'
                     hideExpandedCounter: true,  // Hide counter badge if parent is expanded
                     hideExpanders: true,       // Hide expanders if all child nodes are hidden by filter
                     highlight: true,   // Highlight matches by wrapping inside <mark> tags
                     leavesOnly: false, // Match end nodes only
                     nodata: true,      // Display a 'no data' status node if result is empty
-                    mode: "hide"       // Grayout unmatched nodes (pass "hide" to remove unmatched node instead)
+                    mode: "hide",       // Grayout unmatched nodes (pass "hide" to remove unmatched node instead)
+                    ...fancytreeFilterSettings,
                 },
                 table: tableConfig,
                 gridnav: {
@@ -268,6 +270,9 @@ const loadValue = function ($inputEl, treeWidgetData, treeInstance) {
                     if(treeWidgetData.filter_by_table_data) {
                         filterByTableData(data.tree)
                     }
+                    if (treeWidgetData.allow_select_all) {
+                        appendSelectAllCheckbox($treeEl, data.tree)
+                    }
                 }
             })
 
@@ -341,6 +346,28 @@ const loadValue = function ($inputEl, treeWidgetData, treeInstance) {
             }
         }
 
+        const appendSelectAllCheckbox = function ($treeEl, treeInstance) {
+            const $selectAllWrapper = $treeEl.find(".select-all-checkbox-wrapper")
+
+            $selectAllWrapper.append(`
+            <span role="checkbox" aria-label="Select All" class="fancytree-checkbox" id="fancytree-row-select-all"></span>
+        `)
+
+            $("#fancytree-row-select-all").on("click", function () {
+                const selectedClassName = "fancytree-selected"
+                const isChecked = $(this).parent().hasClass(selectedClassName)
+
+                const visibleNodes = treeInstance.getRootNode().findAll(node => node.match)
+                visibleNodes.forEach(node => node.setSelected(!isChecked))
+
+                if (!isChecked) {
+                    $(this).parent().addClass(selectedClassName)
+                } else {
+                    $(this).parent().removeClass(selectedClassName)
+                }
+            })
+        }
+
         const initAllTrees = function () {
             $('.js-tree-widget').each(function (index, element) {
                 const $treeEl = $(element)

{django_smartbase_admin-0.2.97 → django_smartbase_admin-0.2.99}/src/django_smartbase_admin/templates/sb_admin/widgets/attributes.html

@@ -59,8 +59,9 @@
     }
 
     document.addEventListener('DOMContentLoaded', () => {
+        window.recalculateDictField('{{ widget.attrs.id }}');
         document.getElementById('{{ widget.attrs.id }}_dict_wrapper').addEventListener('change', function() {
-            window.recalculateDictField('{{ widget.attrs.id }}')
+            window.recalculateDictField('{{ widget.attrs.id }}');
         })
     });
 </script>

{django_smartbase_admin-0.2.97 → django_smartbase_admin-0.2.99}/src/django_smartbase_admin/templates/sb_admin/widgets/tree_base.html

@@ -17,7 +17,9 @@
     <table style="width: 100%;" id="{{ tree_component_id }}_tree" class="js-tree-widget fancytree-ext-table" data-tree-data-id="{{ tree_component_id }}_data" data-tree-additional-columns-id="{{ tree_component_id }}_additional_columns" data-tree-strings-id="{{ tree_component_id }}_tree_strings">
         <thead>
         <tr>
-            {% if tree_show_checkbox %}<th></th>{% endif %}
+            {% if tree_show_checkbox %}
+                <th class="select-all-checkbox-wrapper"></th>
+            {% endif %}
             <th class="text-left">{{ tree_main_column_name }}<span id="{{ tree_component_id }}_matches" class="ml-4"></span></th>
             {% for column in tree_additional_columns %}
                 <th>{{ column.title }}</th>
@@ -26,7 +28,8 @@
         </thead>
         <tbody>
         <tr>
-            {% if tree_show_checkbox %}<td class="alignCenter fancytree-checkbox-column"></td>{% endif %}
+            {% if tree_show_checkbox %}
+                <td class="alignCenter fancytree-checkbox-column"></td>{% endif %}
             <td></td>
             {% for column in tree_additional_columns %}
                 <td></td>
@@ -45,9 +48,11 @@
         "multiselect": {% if tree_multiselect %}2{% else %}1{% endif %},
         "detail_url":"{{ tree_detail_url }}",
         "reorder_url":"{{ tree_reorder_url }}",
-        "filter_by_table_data": {% if filter_by_table_data %}true{% else %}false{% endif %}
+        "filter_by_table_data": {% if filter_by_table_data %}true{% else %}false{% endif %},
+        "allow_select_all": {% if allow_select_all %}true{% else %}false{% endif %}
     }
 </script>
+{{ fancytree_filter_settings|get_json_script:'fancytree_filter_settings' }}
 <script id="{{ tree_component_id }}_additional_columns" type="application/json">{{ tree_additional_columns|get_json|safe }}</script>
 <script id="{{ tree_component_id }}_tree_strings" type="application/json">
     {{ tree_strings|get_json|safe }}

{django_smartbase_admin-0.2.97 → django_smartbase_admin-0.2.99}/src/django_smartbase_admin/templates/sb_admin/widgets/tree_select_inline.html

@@ -7,6 +7,6 @@
     <div id="{{ widget.attrs.id }}-wrapper" class="tree-widget-wrapper">
         <input type="hidden" id="{{ widget.attrs.id }}" name="{{ widget.name }}"{% if widget.raw_value %}
                value="{{ widget.raw_value|get_json }}"{% endif %}>
-        {% include "sb_admin/widgets/tree_base.html" with tree_main_column_name=filter_widget.form_field.label tree_strings=widget.tree_strings tree_additional_columns=widget.additional_columns tree_value=widget.raw_value tree_multiselect=filter_widget.multiselect tree_component_id=widget.attrs.id tree_data_url=filter_widget.to_json.autocomplete_url tree_show_checkbox=True table_wrapper_classes="max-h-432 overflow-auto custom-scrollbar" search_wrapper_classes="pb-16 px-16" %}
+        {% include "sb_admin/widgets/tree_base.html" with tree_main_column_name=filter_widget.form_field.label tree_strings=widget.tree_strings tree_additional_columns=widget.additional_columns tree_value=widget.raw_value tree_multiselect=filter_widget.multiselect tree_component_id=widget.attrs.id tree_data_url=filter_widget.to_json.autocomplete_url tree_show_checkbox=True table_wrapper_classes="max-h-432 overflow-auto custom-scrollbar" search_wrapper_classes="pb-16 px-16" allow_select_all=True %}
     </div>
 </div>

django_smartbase_admin-0.2.97/src/django_smartbase_admin/static/sb_admin/dist/tree_widget.js

@@ -1 +0,0 @@
-(()=>{const e=function(e,t,n){let o=e.val();void 0!==o&&n.selectAll(!1);let r=[o];if(!0===t.filter){let e=[];r=[];try{e=JSON.parse(o)}catch(t){e=[]}finally{e.forEach((function(e){r.push(e.value)}))}}else if(2===t.multiselect)try{r=JSON.parse(o)}catch(e){r=[]}r.forEach((function(e){let t=n.getNodeByKey(e);t&&(t.getParentList().forEach((function(e){e.setExpanded(!0)})),t.setSelected(!0))}))};$((function(){const t=function(t){if(t.hasClass("fancytree-container"))return;t.on("change",(e=>{const t=e.target.dataset.changeTarget;if(t){const n=document.querySelector(t);n&&(n.value=e.target.value)}}));let n={};const o=e=>{if(!n.isFiltered)return void e.filterNodes((e=>(e.setExpanded(!1),!0)),{autoExpand:!1});const t={};n.data.forEach((e=>t[e.path]=e)),e.filterNodes((e=>{if(t[e.key])return!0}),{autoExpand:!0})},r=$("#"+t.data("tree-data-id")),d=$("#"+t.data("tree-additional-columns-id")),a=$("#"+t.data("tree-strings-id"));let i={},s=[],l={loading:"Loading...",loadError:"Load error!",moreData:"More...",noData:"No data."};try{i=JSON.parse(r.text())||{},s=JSON.parse(d.text())||[],l=JSON.parse(a.text())}catch(e){console.error(e)}const c=$("#"+i.input_id),u=$("#"+i.input_id+"_search"),f=$("#"+i.input_id+"_matches"),p=$("#"+i.input_id+"_label"),h={indentation:32,nodeColumnIdx:0};i.checkbox&&(h.checkboxColumnIdx=0,h.nodeColumnIdx=1);let m=["table","gridnav","filter"];i.reorder_url&&m.push("dnd5"),t.fancytree({source:{url:i.data_url},extensions:m,checkbox:i.checkbox,selectMode:i.multiselect,dnd5:{preventVoidMoves:!0,preventRecursion:!0,autoExpandMS:400,dropMarkerParent:".tree-list-view",dropMarkerOffsetX:-8,dropMarkerInsertOffsetX:0,dragStart:function(){return!0},dragEnter:function(){return!0},dragDrop:function(e,t){t.otherNode.moveTo(e,t.hitMode)}},filter:{autoApply:!0,autoExpand:!0,counter:!1,fuzzy:!0,hideExpandedCounter:!0,hideExpanders:!0,highlight:!0,leavesOnly:!1,nodata:!0,mode:"hide"},table:h,gridnav:{autofocusInput:!1,handleCursorKeys:!0},strings:l,postProcess:function(t,n){setTimeout((function(){e(c,i,n.tree)}),1)},select:function(e,t){if(c.length>0){let e=null;if(i.filter)e=t.tree.getSelectedNodes().map((function(e){return{value:e.key,label:e.title}})),c.val(JSON.stringify(e));else{e=t.tree.getSelectedNodes().map((function(e){return e.key})).join(", "),2===i.multiselect&&(e=JSON.stringify(t.tree.getSelectedNodes().map((function(e){return e.key}))));let n=t.tree.getSelectedNodes().map((function(e){return e.title})).join(", ");p.text(n),c.val(e)}return c[0].dispatchEvent(new CustomEvent("SBAutocompleteChange")),void c[0].dispatchEvent(new Event("change",{bubbles:!0}))}if(i.filter_by_table_data&&t.originalEvent){const e=t.tree.getSelectedNodes().map((function(e){return e.data.id}));document.body.dispatchEvent(new CustomEvent("treeRowSelected",{detail:{data:e}}))}},enhanceTitle:function(e,t){const n=i.reorder_url,o=t.node.rendered,r=t.node.tree.enableFilter,d=i.detail_url,a=t.node.span&&t.node.span.classList.contains("fancytree-node")&&!t.node.tr.classList.contains("fancytree-hide");if(d&&(!o||r)&&!n&&a){const e=t.node.span.querySelector(".fancytree-title"),n=document.createElement("a"),o=i.detail_url.replace(-1,t.node.data.id);n.innerHTML=e.innerHTML,n.classList.add("link"),n.href=o,e.innerHTML="",e.append(n),e.addEventListener("mousedown",(function(e){e.preventDefault(),e.stopPropagation()}),!0)}},renderNode:function(e,t){const n=i.reorder_url,o=t.node.rendered,r=t.node.span&&t.node.span.classList.contains("fancytree-node")&&!t.node.tr.classList.contains("fancytree-hide");if(o&&!n)return;let d=t.node&&t.node.tr&&t.node.tr.classList.contains("fancytree-lastsib");if(d=void 0!==d&&d,t.node.parent?(t.node.treeLevel=t.node.parent.treeLevel+1,t.node.treeAdditionalLevel=[{level:t.node.treeLevel,lastSib:d},...t.node.parent.treeAdditionalLevel]):(t.node.treeLevel=0,t.node.treeAdditionalLevel=[]),t.node.rendered=!0,r){const e=t.node.span.querySelector(".fancytree-expander"),n=t.node.treeLevel,o=t.node.treeAdditionalLevel;e.innerHTML="",e.className="fancytree-expander",e.classList.add("level-"+n),t.node.parent.expanded&&e.classList.add("expanded-parent"),o.forEach(((t,n)=>{if(0!==n&&t.lastSib)return;const o=document.createElement("span");o.classList.add("expander-additional"),0===n&&o.classList.add("expander-additional-last"),o.style.left=-(50+100*n)+"%",e.append(o)}));const r=document.createElement("span");r.classList.add("expander-border"),e.append(r),e.append(document.createElement("div"))}},renderColumns:function(e,t){const n=$(t.node.tr).find(">td");s.forEach((function(e,o){let r=t.node.data[e.key];e.hide_zero&&0===r&&(r=""),n.eq(1+h.nodeColumnIdx+o).html(r)}))},init:function(e,t){i.filter_by_table_data&&o(t.tree)}});const v=function(){u.val(""),f.text(""),y.visit((function(e){e.rendered=!1})),y.clearFilter()},y=$.ui.fancytree.getTree("#"+i.input_id+"_tree");c.on("SBTableFilterFormLoad",(()=>{e(c,i,y)})),c.on("clear",(()=>{y.getSelectedNodes().map((e=>{e.setSelected(!1)}))})),u.on("keyup",(function(e){let t=$(this).val(),n=y.filterNodes(t);e&&e.which===$.ui.keyCode.ESCAPE||""===$.trim(t)?v():f.text("("+n+" matches)")})).trigger("focus"),u.on("search",(function(e){e.target.value||v()})),y.saveTreeOrder=function(){const e=JSON.stringify(y.toDict());fetch(i.reorder_url,{method:"POST",headers:{"X-CSRFToken":window.csrf_token},body:e}).then((e=>e.json())).then((e=>{document.getElementById("notification-messages").innerHTML=e.messages,window.htmx.process(document.getElementById("notification-messages"))}))},i.filter_by_table_data&&(document.body.addEventListener("tableDataProcessed",(e=>{n=e.detail,"loading"!==y.getRootNode().getChildren()[0].statusNodeType&&o(y)})),document.body.addEventListener("treeDeselectAllRows",(()=>{y.selectAll(!1)})),document.body.addEventListener("treeSelectAllRows",(()=>{y.selectAll(!0)})))},n=function(){$(".js-tree-widget").each((function(e,n){const o=$(n);if(o.hasClass("fancytree-container"))return;const r=o.closest(".dropdown-menu");if(r.length>0){const e=function(){t(o),r.prev().off("show.bs.dropdown",e)};r.prev().on("show.bs.dropdown",e)}else t(o)}))};n(),document.addEventListener("formset:added",(()=>{n()}));$(".query-builder-advanced").on("afterCreateRuleInput.queryBuilder",(function(){setTimeout((()=>{n()}),0)}))}))})();

django_smartbase_admin-0.2.97/src/django_smartbase_admin/static/sb_admin/dist/tree_widget_style.css

@@ -1 +0,0 @@
-.tree-widget-wrapper>.dropdown-menu{min-width:480px;width:auto}.fancytree-ext-table{color:var(--color-dark-900);font-size:.875rem;height:100%;line-height:1.25rem}.fancytree-ext-table>thead{background-color:var(--color-dark-50);border-bottom-width:1px;border-color:var(--color-dark-200)}.fancytree-ext-table>tbody>tr.fancytree-active,.fancytree-ext-table>tbody>tr.fancytree-active:hover,.fancytree-ext-table>tbody>tr.fancytree-selected,.fancytree-ext-table>tbody>tr.fancytree-selected:hover,.fancytree-ext-table>tbody>tr:hover{background-color:var(--color-primary-50)}.fancytree-ext-table th{background-color:var(--color-dark-50);color:var(--color-dark-600);font-size:.875rem;font-weight:400;height:3rem;line-height:1.25rem;padding:.5rem;white-space:nowrap}.fancytree-ext-table th:first-child{padding-left:1rem}.fancytree-ext-table th:last-child{padding-right:1rem}.fancytree-ext-table th:not(.text-right){text-align:left}.fancytree-ext-table td{padding:0 .5rem;position:relative}.fancytree-ext-table td:not(.fancytree-checkbox-column):first-child{width:99%}.fancytree-ext-table td:not(:first-child){border-bottom-width:1px;border-color:var(--color-dark-200)}.fancytree-ext-table td.fancytree-checkbox-column+td,.fancytree-ext-table td:first-child{border:none;overflow:hidden;width:99%}.fancytree-ext-table td.fancytree-checkbox-column{padding-right:0;width:2rem}.fancytree-ext-table td:last-child{padding-right:1rem}.fancytree-ext-table td .fancytree-title{margin-left:2.5rem;white-space:nowrap}.fancytree-ext-table td .fancytree-title a{align-items:center;display:flex;padding:.25rem .5rem}.fancytree-ext-table td .fancytree-title .inactive-title{color:#8997ab;transition:color .2s ease-in-out}.fancytree-ext-table td .fancytree-title .inactive-badge{background:#e2e3e7;border-radius:4px;color:#4b5563!important;font-size:10px;margin-left:8px;padding:2px 8px}.fancytree-ext-table tr.fancytree-expanded td .fancytree-title a{font-weight:600}.fancytree-node{align-items:center;display:flex;height:2.5rem;position:relative}.fancytree-icon{display:none}.fancytree-checkbox{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.1);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);background-color:var(--color-light);border-color:var(--color-dark-300);border-radius:6px;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000 0),var(--tw-ring-shadow,0 0 #0000 0),var(--tw-shadow);cursor:pointer;display:block;height:1.25rem;left:0;outline-color:var(--color-transparent);outline-offset:2px;outline-style:solid;outline-width:2px;position:relative;top:0;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:1.25rem}.fancytree-checkbox:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m20.707 7.707-10 10a1 1 0 0 1-1.414 0l-5-5 1.414-1.414L10 15.586l9.293-9.293 1.414 1.414Z' fill='%23E5E7EB'/%3E%3C/svg%3E");content:"";display:block;height:1.125rem;height:18px;left:1px;opacity:0;top:1px;transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:1.125rem;width:18px}.fancytree-checkbox:hover{border-color:var(--color-dark)}.fancytree-checkbox:hover:after,.fancytree-selected{opacity:1}.fancytree-selected .fancytree-checkbox{background-color:var(--color-primary);border-color:var(--color-primary)}.fancytree-selected .fancytree-checkbox:after{opacity:1}.fancytree-selected .fancytree-checkbox:hover{background-color:var(--color-primary-600);border-color:var(--color-primary-600)}.fancytree-partsel{opacity:1}.fancytree-partsel .fancytree-checkbox{background-color:var(--color-primary);border-color:var(--color-primary)}.fancytree-partsel .fancytree-checkbox:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.25 13h-14v-2h14v2Z' fill='%23E5E7EB'/%3E%3C/svg%3E");opacity:1}.fancytree-partsel .fancytree-checkbox:hover{background-color:var(--color-primary-600);border-color:var(--color-primary-600)}.fancytree-title{align-items:center;display:flex;height:1.5rem;position:relative}.expander-border{bottom:0;left:0;position:absolute;right:0}.expander-border:after{border-bottom-width:1px;border-color:var(--color-dark-200);bottom:0;content:"";display:block;left:100%;position:absolute;right:-100vw}.fancytree-expander{--expander-border:2px solid var(--color-dark-400);align-items:center;background-size:16px;display:flex;height:100%;justify-content:center;position:absolute;width:2rem}.fancytree-expander>div{background-position:50%;height:1.25rem;position:relative;width:1.25rem;z-index:1}.fancytree-expander:after,.fancytree-expander:before{content:"";display:block;position:absolute}.fancytree-expander:before{border-bottom:var(--expander-border);left:-50%;margin-right:1rem;right:0;top:50%}.fancytree-expander:after{border-left:var(--expander-border);left:50%}.fancytree-expander.level-1:after,.fancytree-expander.level-1:before{content:none}.fancytree-expander.expanded-parent .expander-additional{bottom:0;position:absolute;top:0}.fancytree-expander.expanded-parent .expander-additional:before{border-left:var(--expander-border);bottom:0;content:"";display:block;position:absolute;top:0}.fancytree-expander:hover>div{filter:brightness(.5)}tr.fancytree-has-children span.fancytree-expander:before{right:50%}.fancytree-ico-e .fancytree-expander:before{bottom:50%}.fancytree-ico-e .fancytree-expander:after{bottom:0;margin-top:1rem;top:50%}.fancytree-ico-c .fancytree-expander:after{left:-50%}.fancytree-lastsib span.fancytree-expander.expanded-parent .expander-additional-last:before{bottom:50%!important}.fancytree-exp-c:first-child .fancytree-expander:after,.fancytree-exp-e:first-child .fancytree-expander:after{top:50%}.fancytree-exp-cl span.fancytree-expander:after{bottom:50%}.fancytree-ext-filter-hide-expanders tr.fancytree-match span.fancytree-expander{visibility:visible}.fancytree-exp-n .fancytree-expander>div,.fancytree-exp-nl .fancytree-expander>div{display:none}.fancytree-exp-n .fancytree-expander:before,.fancytree-exp-nl .fancytree-expander:before{margin-right:.5rem}.fancytree-exp-nl .fancytree-expander:after{bottom:50%}.fancytree-exp-c .fancytree-expander>div,.fancytree-exp-cl .fancytree-expander>div{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12Zm11-9a9 9 0 1 0 0 18 9 9 0 0 0 0-18Zm-1 8V8h2v3h3v2h-3v3h-2v-3H8v-2h3Z' fill='%236B7280'/%3E%3C/svg%3E")}.fancytree-exp-e .fancytree-expander>div,.fancytree-exp-ed .fancytree-expander>div,.fancytree-exp-edl .fancytree-expander>div,.fancytree-exp-el .fancytree-expander>div{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11S18.075 1 12 1ZM3 12a9 9 0 1 1 18 0 9 9 0 0 1-18 0Zm5 1h8v-2H8v2Z' fill='%236B7280'/%3E%3C/svg%3E")}.fancytree-hide{display:none}.fancytree-submatch:not(.fancytree-match)>*{opacity:.5}.fancytree-status-merged{height:2.5rem}.fancytree-statusnode-error,.fancytree-statusnode-loading{pointer-events:none}.filter-wrapper .fancytree-ext-table>thead{display:none}.filter-wrapper .fancytree-ext-table .fancytree-checkbox-column{background-color:var(--color-light);left:0;padding-left:.75rem;padding-right:.25rem;position:sticky;z-index:1}.filter-wrapper .fancytree-ext-table .fancytree-checkbox-column+td{isolation:isolate;padding-left:0}.filter-wrapper .fancytree-ext-table>tbody>tr.fancytree-active:hover>.fancytree-checkbox-column,.filter-wrapper .fancytree-ext-table>tbody>tr.fancytree-active>.fancytree-checkbox-column,.filter-wrapper .fancytree-ext-table>tbody>tr.fancytree-selected:hover>.fancytree-checkbox-column,.filter-wrapper .fancytree-ext-table>tbody>tr.fancytree-selected>.fancytree-checkbox-column,.filter-wrapper .fancytree-ext-table>tbody>tr:hover>.fancytree-checkbox-column{background-color:var(--color-primary-50)}#fancytree-drop-marker{height:42px;margin:0;position:absolute;width:100%}#fancytree-drop-marker:before{content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}#fancytree-drop-marker:after{background-repeat:no-repeat;bottom:0;content:"";display:block;position:absolute;right:100%;top:0;width:28px}#fancytree-drop-marker.fancytree-drop-before:before{border-color:var(--color-primary);border-top-width:2px;margin-top:12px}#fancytree-drop-marker.fancytree-drop-before:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m17.586 10-2.293-2.293 1.414-1.414 4 4a1 1 0 0 1 0 1.414l-4 4-1.414-1.414L17.586 12H5.5a.5.5 0 0 0-.5.5V19H3v-6.5A2.5 2.5 0 0 1 5.5 10h12.086Z' fill='%2300959D'/%3E%3C/svg%3E");background-position:100% 0;right:calc(100% + 27px);top:2px}#fancytree-drop-marker.fancytree-drop-after:before{border-bottom-width:2px;border-color:var(--color-primary);margin-top:-12px}#fancytree-drop-marker.fancytree-drop-after:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m17.586 10-2.293-2.293 1.414-1.414 4 4a1 1 0 0 1 0 1.414l-4 4-1.414-1.414L17.586 12H5.5a.5.5 0 0 0-.5.5V19H3v-6.5A2.5 2.5 0 0 1 5.5 10h12.086Z' fill='%2300959D'/%3E%3C/svg%3E");background-position:100% 0;bottom:2px;right:calc(100% + 27px);transform:rotateX(180deg)}#fancytree-drop-marker.fancytree-drop-over:before{border-bottom-width:2px;border-color:var(--color-primary);border-top-width:2px}#fancytree-drop-marker.fancytree-drop-over:after{background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12Zm11-9a9 9 0 1 0 0 18 9 9 0 0 0 0-18Zm1.832 10.25H7.245v-2h6.585L11.04 8.457l1.414-1.414 4.5 4.5a1 1 0 0 1 0 1.414l-4.5 4.5-1.414-1.414 2.793-2.793Z' fill='%2300959D'/%3E%3C/svg%3E");background-position:center left 2px;bottom:10px;top:10px}span.fancytree-drag-source.fancytree-drag-remove{opacity:.5}.fancytree-ext-table:active>tbody>tr.fancytree-active{background-color:transparent}