reneco-hierarchized-picker 0.4.2-beta.12 → 0.4.2-beta.14

package/dist/cjs/loader.cjs.js

@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["reneco-hierarchized-picker_2.cjs",[[0,"reneco-hierarchized-picker",{"options":[1],"valueChangeCallback":[16],"disabled":[4],"newoptions":[1],"newfilter":[1],"isDisabled":[32],"componentID":[32],"rawData":[32],"pickerClass":[32],"displayedValue":[32],"value":[32],"shownTree":[32],"searchResultData":[32],"hasFocus":[32],"errorToLog":[32],"getValue":[64],"refreshPicker":[64],"setOptions":[64],"getSearchResult":[64],"filterTree":[64],"clearPicker":[64],"showSelectedNodes":[64]}],[0,"search-input",{"placeholder":[1],"setFocus":[64]}]]]], options);
+  return index.bootstrapLazy([["reneco-hierarchized-picker_2.cjs",[[0,"reneco-hierarchized-picker",{"options":[1],"valueChangeCallback":[16],"disabled":[4],"newoptions":[1],"newfilter":[1],"activatedDragAndDrop":[4,"activated-drag-and-drop"],"isDisabled":[32],"componentID":[32],"rawData":[32],"pickerClass":[32],"displayedValue":[32],"value":[32],"shownTree":[32],"searchResultData":[32],"hasFocus":[32],"errorToLog":[32],"getValue":[64],"refreshPicker":[64],"setOptions":[64],"getSearchResult":[64],"filterTree":[64],"clearPicker":[64],"showSelectedNodes":[64]}],[0,"search-input",{"placeholder":[1],"setFocus":[64]}]]]], options);
   });
 };
 

package/dist/cjs/reneco-hierarchized-picker.cjs.js

@@ -17,7 +17,7 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["reneco-hierarchized-picker_2.cjs",[[0,"reneco-hierarchized-picker",{"options":[1],"valueChangeCallback":[16],"disabled":[4],"newoptions":[1],"newfilter":[1],"isDisabled":[32],"componentID":[32],"rawData":[32],"pickerClass":[32],"displayedValue":[32],"value":[32],"shownTree":[32],"searchResultData":[32],"hasFocus":[32],"errorToLog":[32],"getValue":[64],"refreshPicker":[64],"setOptions":[64],"getSearchResult":[64],"filterTree":[64],"clearPicker":[64],"showSelectedNodes":[64]}],[0,"search-input",{"placeholder":[1],"setFocus":[64]}]]]], options);
+  return index.bootstrapLazy([["reneco-hierarchized-picker_2.cjs",[[0,"reneco-hierarchized-picker",{"options":[1],"valueChangeCallback":[16],"disabled":[4],"newoptions":[1],"newfilter":[1],"activatedDragAndDrop":[4,"activated-drag-and-drop"],"isDisabled":[32],"componentID":[32],"rawData":[32],"pickerClass":[32],"displayedValue":[32],"value":[32],"shownTree":[32],"searchResultData":[32],"hasFocus":[32],"errorToLog":[32],"getValue":[64],"refreshPicker":[64],"setOptions":[64],"getSearchResult":[64],"filterTree":[64],"clearPicker":[64],"showSelectedNodes":[64]}],[0,"search-input",{"placeholder":[1],"setFocus":[64]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/cjs/reneco-hierarchized-picker_2.cjs.entry.js

@@ -52,7 +52,9 @@ const acceptableDelayBetweenSimilarActions = 300;
 /**
  * Handles the drag start event.
  */
-function onItemDragStart(el, e) {
+function onItemDragStart(el, e, active = true) {
+  if (!active)
+    return;
   curDraggingItem = el;
   el.classList.add('dragging');
   e.stopPropagation();
@@ -60,7 +62,9 @@ function onItemDragStart(el, e) {
 /**
  * Handles the drag end event.
  */
-function onItemDragEnd(el, e) {
+function onItemDragEnd(el, e, active = true) {
+  if (!active)
+    return;
   el.classList.remove('dragging');
   e.stopPropagation();
   clearDragOverStyles(el.parentElement);
@@ -68,7 +72,9 @@ function onItemDragEnd(el, e) {
 /**
  * Handles the drag over event.
  */
-function onItemDragOver(el, e) {
+function onItemDragOver(el, e, active = true) {
+  if (!active)
+    return;
   const now = new Date().getTime();
   if (now - lastDraggedOverTimeForAscendent < 50 && el.dataset.nodeId !== lastDraggedOverNodeId) {
     return;
@@ -97,7 +103,9 @@ function onItemDragOver(el, e) {
 /**
  * Handles the drag leave event.
  */
-function onItemDragLeave(el, e) {
+function onItemDragLeave(el, e, active = true) {
+  if (!active)
+    return;
   clearDragOverStyles(el);
   el.classList.remove('dragover');
   e.stopPropagation();
@@ -105,7 +113,9 @@ function onItemDragLeave(el, e) {
 /**
  * Handles the drop event.
  */
-function onItemDrop(el, e, dropCallback) {
+function onItemDrop(el, e, active = true, dropCallback) {
+  if (!active)
+    return;
   clearDragOverStyles(el);
   el.classList.remove('dragover');
   e.stopPropagation();
@@ -331,7 +341,7 @@ Tree.prototype.bindEvent = function (ele) {
         if (this.options.parentApi.theOptions.origin == 'classification') {
           // WS Call
           this.options.rawDataManager
-            .getFromClassification(this.options.parentApi.getContextualApiURL(), this.options.parentApi.getContextualApiParams(Object.assign(Object.assign({}, this.options.parentApi.theOptions.options), { startNode: target.parentNode.nodeId })))
+            .getFromClassification(this.options.parentApi.getContextualApiURL(), this.options.parentApi.getContextualApiParams(Object.assign(Object.assign({}, this.options.parentApi.theOptions.options), { startNode: target.parentNode.nodeId })), document.querySelector("#hierarchized-picker-" + this.options.parentApi.componentID + ".loader"))
             .then(data => {
             this.options.completeCurrentTreeWithTree(this, data, this.options.parentApi.theOptions);
           });
@@ -343,7 +353,7 @@ Tree.prototype.bindEvent = function (ele) {
             StartNodeID: target.parentNode.nodeId,
             lng: this.options.parentApi.theOptions.options.lng,
             IsDeprecated: this.options.parentApi.theOptions.options.IsDeprecated,
-          })
+          }, document.querySelector("#hierarchized-picker-" + this.options.parentApi.componentID + ".loader"))
             .then(data => {
             this.options.completeCurrentTreeWithTree(this, data, this.options.parentApi.theOptions);
           });
@@ -666,19 +676,19 @@ Tree.prototype.createLiEle = function (node, closed) {
   if (this.options.parentApi.theOptions.dragAndDropEnabled) {
     li.setAttribute('draggable', 'true');
     li.addEventListener('dragstart', e => {
-      onItemDragStart(li, e);
+      onItemDragStart(li, e, this.options.parentApi.activatedDragAndDrop);
     });
     li.addEventListener('dragend', e => {
-      onItemDragEnd(li, e);
+      onItemDragEnd(li, e, this.options.parentApi.activatedDragAndDrop);
     });
     li.addEventListener('dragover', e => {
-      onItemDragOver(li, e);
+      onItemDragOver(li, e, this.options.parentApi.activatedDragAndDrop);
     });
     li.addEventListener('dragleave', e => {
-      onItemDragLeave(li, e);
+      onItemDragLeave(li, e, this.options.parentApi.activatedDragAndDrop);
     });
     li.addEventListener('drop', e => {
-      onItemDrop(li, e, (dragEl, dropEl, position) => {
+      onItemDrop(li, e, this.options.parentApi.activatedDragAndDrop, (dragEl, dropEl, position) => {
         this.options.parentApi.itemDropped.emit({ dragEl, dropEl, position });
       });
     });
@@ -18865,6 +18875,7 @@ const HierarchizedPickerComponent = class {
     this.value = [];
     this.shownTree = false;
     this.searchResultData = [];
+    this.activatedDragAndDrop = true;
     this.hasFocus = undefined;
     this.errorToLog = '';
     this.checkFields = this.checkFields.bind(this);
@@ -18909,7 +18920,7 @@ const HierarchizedPickerComponent = class {
       return;
     }
     if (((_a = this.optionsManager.getOptions()) === null || _a === void 0 ? void 0 : _a.loading) == 'display') {
-      this.loadDataForTree(true);
+      this.loadDataForTree(true, document.querySelector("#hierarchized-picker-" + this.componentID + ".loader"));
     }
   }
   async initComponent() {
@@ -19174,7 +19185,7 @@ const HierarchizedPickerComponent = class {
         // WS Call
         this.rawDataManager.getFromClassification(this.getApiSearchURL(), {
           searchedValue: searched
-        })
+        }, document.querySelector("#hierarchized-picker-" + this.componentID + ".loader"))
           .then((data) => {
           displayResults(data);
           if (!searched) {
@@ -19193,7 +19204,7 @@ const HierarchizedPickerComponent = class {
           searchedValue: searched,
           searchNameOnly: true,
           deprecated: false,
-        })
+        }, document.querySelector("#hierarchized-picker-" + this.componentID + ".loader"))
           .then((data) => {
           displayResults(data);
           if (!searched) {

package/dist/collection/components/hierarchized-picker/hierarchized-picker.js

@@ -204,6 +204,7 @@ export class HierarchizedPickerComponent {
     this.value = [];
     this.shownTree = false;
     this.searchResultData = [];
+    this.activatedDragAndDrop = true;
     this.hasFocus = undefined;
     this.errorToLog = '';
     this.checkFields = this.checkFields.bind(this);
@@ -248,7 +249,7 @@ export class HierarchizedPickerComponent {
       return;
     }
     if (((_a = this.optionsManager.getOptions()) === null || _a === void 0 ? void 0 : _a.loading) == 'display') {
-      this.loadDataForTree(true);
+      this.loadDataForTree(true, document.querySelector("#hierarchized-picker-" + this.componentID + ".loader"));
     }
   }
   async initComponent() {
@@ -516,7 +517,7 @@ export class HierarchizedPickerComponent {
         // WS Call
         this.rawDataManager.getFromClassification(this.getApiSearchURL(), {
           searchedValue: searched
-        })
+        }, document.querySelector("#hierarchized-picker-" + this.componentID + ".loader"))
           .then((data) => {
           displayResults(data);
           if (!searched) {
@@ -535,7 +536,7 @@ export class HierarchizedPickerComponent {
           searchedValue: searched,
           searchNameOnly: true,
           deprecated: false,
-        })
+        }, document.querySelector("#hierarchized-picker-" + this.componentID + ".loader"))
           .then((data) => {
           displayResults(data);
           if (!searched) {
@@ -1120,6 +1121,24 @@ export class HierarchizedPickerComponent {
         },
         "attribute": "newfilter",
         "reflect": false
+      },
+      "activatedDragAndDrop": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "activated-drag-and-drop",
+        "reflect": false,
+        "defaultValue": "true"
       }
     };
   }

package/dist/collection/components/treejs/index.js

@@ -209,7 +209,7 @@ Tree.prototype.bindEvent = function (ele) {
         if (this.options.parentApi.theOptions.origin == 'classification') {
           // WS Call
           this.options.rawDataManager
-            .getFromClassification(this.options.parentApi.getContextualApiURL(), this.options.parentApi.getContextualApiParams(Object.assign(Object.assign({}, this.options.parentApi.theOptions.options), { startNode: target.parentNode.nodeId })))
+            .getFromClassification(this.options.parentApi.getContextualApiURL(), this.options.parentApi.getContextualApiParams(Object.assign(Object.assign({}, this.options.parentApi.theOptions.options), { startNode: target.parentNode.nodeId })), document.querySelector("#hierarchized-picker-" + this.options.parentApi.componentID + ".loader"))
             .then(data => {
             this.options.completeCurrentTreeWithTree(this, data, this.options.parentApi.theOptions);
           });
@@ -221,7 +221,7 @@ Tree.prototype.bindEvent = function (ele) {
             StartNodeID: target.parentNode.nodeId,
             lng: this.options.parentApi.theOptions.options.lng,
             IsDeprecated: this.options.parentApi.theOptions.options.IsDeprecated,
-          })
+          }, document.querySelector("#hierarchized-picker-" + this.options.parentApi.componentID + ".loader"))
             .then(data => {
             this.options.completeCurrentTreeWithTree(this, data, this.options.parentApi.theOptions);
           });
@@ -545,19 +545,19 @@ Tree.prototype.createLiEle = function (node, closed) {
   if (this.options.parentApi.theOptions.dragAndDropEnabled) {
     li.setAttribute('draggable', 'true');
     li.addEventListener('dragstart', e => {
-      onItemDragStart(li, e);
+      onItemDragStart(li, e, this.options.parentApi.activatedDragAndDrop);
     });
     li.addEventListener('dragend', e => {
-      onItemDragEnd(li, e);
+      onItemDragEnd(li, e, this.options.parentApi.activatedDragAndDrop);
     });
     li.addEventListener('dragover', e => {
-      onItemDragOver(li, e);
+      onItemDragOver(li, e, this.options.parentApi.activatedDragAndDrop);
     });
     li.addEventListener('dragleave', e => {
-      onItemDragLeave(li, e);
+      onItemDragLeave(li, e, this.options.parentApi.activatedDragAndDrop);
     });
     li.addEventListener('drop', e => {
-      onItemDrop(li, e, (dragEl, dropEl, position) => {
+      onItemDrop(li, e, this.options.parentApi.activatedDragAndDrop, (dragEl, dropEl, position) => {
         this.options.parentApi.itemDropped.emit({ dragEl, dropEl, position });
       });
     });

package/dist/collection/features/tree/drag-drop.js

@@ -6,7 +6,9 @@ const acceptableDelayBetweenSimilarActions = 300;
 /**
  * Handles the drag start event.
  */
-export function onItemDragStart(el, e) {
+export function onItemDragStart(el, e, active = true) {
+  if (!active)
+    return;
   curDraggingItem = el;
   el.classList.add('dragging');
   e.stopPropagation();
@@ -14,7 +16,9 @@ export function onItemDragStart(el, e) {
 /**
  * Handles the drag end event.
  */
-export function onItemDragEnd(el, e) {
+export function onItemDragEnd(el, e, active = true) {
+  if (!active)
+    return;
   el.classList.remove('dragging');
   e.stopPropagation();
   clearDragOverStyles(el.parentElement);
@@ -22,7 +26,9 @@ export function onItemDragEnd(el, e) {
 /**
  * Handles the drag over event.
  */
-export function onItemDragOver(el, e) {
+export function onItemDragOver(el, e, active = true) {
+  if (!active)
+    return;
   const now = new Date().getTime();
   if (now - lastDraggedOverTimeForAscendent < 50 && el.dataset.nodeId !== lastDraggedOverNodeId) {
     return;
@@ -51,7 +57,9 @@ export function onItemDragOver(el, e) {
 /**
  * Handles the drag leave event.
  */
-export function onItemDragLeave(el, e) {
+export function onItemDragLeave(el, e, active = true) {
+  if (!active)
+    return;
   clearDragOverStyles(el);
   el.classList.remove('dragover');
   e.stopPropagation();
@@ -59,7 +67,9 @@ export function onItemDragLeave(el, e) {
 /**
  * Handles the drop event.
  */
-export function onItemDrop(el, e, dropCallback) {
+export function onItemDrop(el, e, active = true, dropCallback) {
+  if (!active)
+    return;
   clearDragOverStyles(el);
   el.classList.remove('dragover');
   e.stopPropagation();

package/dist/custom-elements/index.js

@@ -49,7 +49,9 @@ const acceptableDelayBetweenSimilarActions = 300;
 /**
  * Handles the drag start event.
  */
-function onItemDragStart(el, e) {
+function onItemDragStart(el, e, active = true) {
+  if (!active)
+    return;
   curDraggingItem = el;
   el.classList.add('dragging');
   e.stopPropagation();
@@ -57,7 +59,9 @@ function onItemDragStart(el, e) {
 /**
  * Handles the drag end event.
  */
-function onItemDragEnd(el, e) {
+function onItemDragEnd(el, e, active = true) {
+  if (!active)
+    return;
   el.classList.remove('dragging');
   e.stopPropagation();
   clearDragOverStyles(el.parentElement);
@@ -65,7 +69,9 @@ function onItemDragEnd(el, e) {
 /**
  * Handles the drag over event.
  */
-function onItemDragOver(el, e) {
+function onItemDragOver(el, e, active = true) {
+  if (!active)
+    return;
   const now = new Date().getTime();
   if (now - lastDraggedOverTimeForAscendent < 50 && el.dataset.nodeId !== lastDraggedOverNodeId) {
     return;
@@ -94,7 +100,9 @@ function onItemDragOver(el, e) {
 /**
  * Handles the drag leave event.
  */
-function onItemDragLeave(el, e) {
+function onItemDragLeave(el, e, active = true) {
+  if (!active)
+    return;
   clearDragOverStyles(el);
   el.classList.remove('dragover');
   e.stopPropagation();
@@ -102,7 +110,9 @@ function onItemDragLeave(el, e) {
 /**
  * Handles the drop event.
  */
-function onItemDrop(el, e, dropCallback) {
+function onItemDrop(el, e, active = true, dropCallback) {
+  if (!active)
+    return;
   clearDragOverStyles(el);
   el.classList.remove('dragover');
   e.stopPropagation();
@@ -328,7 +338,7 @@ Tree.prototype.bindEvent = function (ele) {
         if (this.options.parentApi.theOptions.origin == 'classification') {
           // WS Call
           this.options.rawDataManager
-            .getFromClassification(this.options.parentApi.getContextualApiURL(), this.options.parentApi.getContextualApiParams(Object.assign(Object.assign({}, this.options.parentApi.theOptions.options), { startNode: target.parentNode.nodeId })))
+            .getFromClassification(this.options.parentApi.getContextualApiURL(), this.options.parentApi.getContextualApiParams(Object.assign(Object.assign({}, this.options.parentApi.theOptions.options), { startNode: target.parentNode.nodeId })), document.querySelector("#hierarchized-picker-" + this.options.parentApi.componentID + ".loader"))
             .then(data => {
             this.options.completeCurrentTreeWithTree(this, data, this.options.parentApi.theOptions);
           });
@@ -340,7 +350,7 @@ Tree.prototype.bindEvent = function (ele) {
             StartNodeID: target.parentNode.nodeId,
             lng: this.options.parentApi.theOptions.options.lng,
             IsDeprecated: this.options.parentApi.theOptions.options.IsDeprecated,
-          })
+          }, document.querySelector("#hierarchized-picker-" + this.options.parentApi.componentID + ".loader"))
             .then(data => {
             this.options.completeCurrentTreeWithTree(this, data, this.options.parentApi.theOptions);
           });
@@ -663,19 +673,19 @@ Tree.prototype.createLiEle = function (node, closed) {
   if (this.options.parentApi.theOptions.dragAndDropEnabled) {
     li.setAttribute('draggable', 'true');
     li.addEventListener('dragstart', e => {
-      onItemDragStart(li, e);
+      onItemDragStart(li, e, this.options.parentApi.activatedDragAndDrop);
     });
     li.addEventListener('dragend', e => {
-      onItemDragEnd(li, e);
+      onItemDragEnd(li, e, this.options.parentApi.activatedDragAndDrop);
     });
     li.addEventListener('dragover', e => {
-      onItemDragOver(li, e);
+      onItemDragOver(li, e, this.options.parentApi.activatedDragAndDrop);
     });
     li.addEventListener('dragleave', e => {
-      onItemDragLeave(li, e);
+      onItemDragLeave(li, e, this.options.parentApi.activatedDragAndDrop);
     });
     li.addEventListener('drop', e => {
-      onItemDrop(li, e, (dragEl, dropEl, position) => {
+      onItemDrop(li, e, this.options.parentApi.activatedDragAndDrop, (dragEl, dropEl, position) => {
         this.options.parentApi.itemDropped.emit({ dragEl, dropEl, position });
       });
     });
@@ -18863,6 +18873,7 @@ const HierarchizedPickerComponent = class extends HTMLElement {
     this.value = [];
     this.shownTree = false;
     this.searchResultData = [];
+    this.activatedDragAndDrop = true;
     this.hasFocus = undefined;
     this.errorToLog = '';
     this.checkFields = this.checkFields.bind(this);
@@ -18907,7 +18918,7 @@ const HierarchizedPickerComponent = class extends HTMLElement {
       return;
     }
     if (((_a = this.optionsManager.getOptions()) === null || _a === void 0 ? void 0 : _a.loading) == 'display') {
-      this.loadDataForTree(true);
+      this.loadDataForTree(true, document.querySelector("#hierarchized-picker-" + this.componentID + ".loader"));
     }
   }
   async initComponent() {
@@ -19172,7 +19183,7 @@ const HierarchizedPickerComponent = class extends HTMLElement {
         // WS Call
         this.rawDataManager.getFromClassification(this.getApiSearchURL(), {
           searchedValue: searched
-        })
+        }, document.querySelector("#hierarchized-picker-" + this.componentID + ".loader"))
           .then((data) => {
           displayResults(data);
           if (!searched) {
@@ -19191,7 +19202,7 @@ const HierarchizedPickerComponent = class extends HTMLElement {
           searchedValue: searched,
           searchNameOnly: true,
           deprecated: false,
-        })
+        }, document.querySelector("#hierarchized-picker-" + this.componentID + ".loader"))
           .then((data) => {
           displayResults(data);
           if (!searched) {
@@ -19728,7 +19739,7 @@ const SearchInput$1 = class extends HTMLElement {
   static get style() { return searchInputCss; }
 };
 
-const RenecoHierarchizedPicker = /*@__PURE__*/proxyCustomElement(HierarchizedPickerComponent, [0,"reneco-hierarchized-picker",{"options":[1],"valueChangeCallback":[16],"disabled":[4],"newoptions":[1],"newfilter":[1],"isDisabled":[32],"componentID":[32],"rawData":[32],"pickerClass":[32],"displayedValue":[32],"value":[32],"shownTree":[32],"searchResultData":[32],"hasFocus":[32],"errorToLog":[32]}]);
+const RenecoHierarchizedPicker = /*@__PURE__*/proxyCustomElement(HierarchizedPickerComponent, [0,"reneco-hierarchized-picker",{"options":[1],"valueChangeCallback":[16],"disabled":[4],"newoptions":[1],"newfilter":[1],"activatedDragAndDrop":[4,"activated-drag-and-drop"],"isDisabled":[32],"componentID":[32],"rawData":[32],"pickerClass":[32],"displayedValue":[32],"value":[32],"shownTree":[32],"searchResultData":[32],"hasFocus":[32],"errorToLog":[32]}]);
 const SearchInput = /*@__PURE__*/proxyCustomElement(SearchInput$1, [0,"search-input",{"placeholder":[1]}]);
 const defineCustomElements = (opts) => {
   if (typeof customElements !== 'undefined') {

package/dist/esm/loader.js

@@ -11,7 +11,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return bootstrapLazy([["reneco-hierarchized-picker_2",[[0,"reneco-hierarchized-picker",{"options":[1],"valueChangeCallback":[16],"disabled":[4],"newoptions":[1],"newfilter":[1],"isDisabled":[32],"componentID":[32],"rawData":[32],"pickerClass":[32],"displayedValue":[32],"value":[32],"shownTree":[32],"searchResultData":[32],"hasFocus":[32],"errorToLog":[32],"getValue":[64],"refreshPicker":[64],"setOptions":[64],"getSearchResult":[64],"filterTree":[64],"clearPicker":[64],"showSelectedNodes":[64]}],[0,"search-input",{"placeholder":[1],"setFocus":[64]}]]]], options);
+  return bootstrapLazy([["reneco-hierarchized-picker_2",[[0,"reneco-hierarchized-picker",{"options":[1],"valueChangeCallback":[16],"disabled":[4],"newoptions":[1],"newfilter":[1],"activatedDragAndDrop":[4,"activated-drag-and-drop"],"isDisabled":[32],"componentID":[32],"rawData":[32],"pickerClass":[32],"displayedValue":[32],"value":[32],"shownTree":[32],"searchResultData":[32],"hasFocus":[32],"errorToLog":[32],"getValue":[64],"refreshPicker":[64],"setOptions":[64],"getSearchResult":[64],"filterTree":[64],"clearPicker":[64],"showSelectedNodes":[64]}],[0,"search-input",{"placeholder":[1],"setFocus":[64]}]]]], options);
   });
 };
 

package/dist/esm/reneco-hierarchized-picker.js

@@ -14,5 +14,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return bootstrapLazy([["reneco-hierarchized-picker_2",[[0,"reneco-hierarchized-picker",{"options":[1],"valueChangeCallback":[16],"disabled":[4],"newoptions":[1],"newfilter":[1],"isDisabled":[32],"componentID":[32],"rawData":[32],"pickerClass":[32],"displayedValue":[32],"value":[32],"shownTree":[32],"searchResultData":[32],"hasFocus":[32],"errorToLog":[32],"getValue":[64],"refreshPicker":[64],"setOptions":[64],"getSearchResult":[64],"filterTree":[64],"clearPicker":[64],"showSelectedNodes":[64]}],[0,"search-input",{"placeholder":[1],"setFocus":[64]}]]]], options);
+  return bootstrapLazy([["reneco-hierarchized-picker_2",[[0,"reneco-hierarchized-picker",{"options":[1],"valueChangeCallback":[16],"disabled":[4],"newoptions":[1],"newfilter":[1],"activatedDragAndDrop":[4,"activated-drag-and-drop"],"isDisabled":[32],"componentID":[32],"rawData":[32],"pickerClass":[32],"displayedValue":[32],"value":[32],"shownTree":[32],"searchResultData":[32],"hasFocus":[32],"errorToLog":[32],"getValue":[64],"refreshPicker":[64],"setOptions":[64],"getSearchResult":[64],"filterTree":[64],"clearPicker":[64],"showSelectedNodes":[64]}],[0,"search-input",{"placeholder":[1],"setFocus":[64]}]]]], options);
 });

package/dist/esm/reneco-hierarchized-picker_2.entry.js

@@ -48,7 +48,9 @@ const acceptableDelayBetweenSimilarActions = 300;
 /**
  * Handles the drag start event.
  */
-function onItemDragStart(el, e) {
+function onItemDragStart(el, e, active = true) {
+  if (!active)
+    return;
   curDraggingItem = el;
   el.classList.add('dragging');
   e.stopPropagation();
@@ -56,7 +58,9 @@ function onItemDragStart(el, e) {
 /**
  * Handles the drag end event.
  */
-function onItemDragEnd(el, e) {
+function onItemDragEnd(el, e, active = true) {
+  if (!active)
+    return;
   el.classList.remove('dragging');
   e.stopPropagation();
   clearDragOverStyles(el.parentElement);
@@ -64,7 +68,9 @@ function onItemDragEnd(el, e) {
 /**
  * Handles the drag over event.
  */
-function onItemDragOver(el, e) {
+function onItemDragOver(el, e, active = true) {
+  if (!active)
+    return;
   const now = new Date().getTime();
   if (now - lastDraggedOverTimeForAscendent < 50 && el.dataset.nodeId !== lastDraggedOverNodeId) {
     return;
@@ -93,7 +99,9 @@ function onItemDragOver(el, e) {
 /**
  * Handles the drag leave event.
  */
-function onItemDragLeave(el, e) {
+function onItemDragLeave(el, e, active = true) {
+  if (!active)
+    return;
   clearDragOverStyles(el);
   el.classList.remove('dragover');
   e.stopPropagation();
@@ -101,7 +109,9 @@ function onItemDragLeave(el, e) {
 /**
  * Handles the drop event.
  */
-function onItemDrop(el, e, dropCallback) {
+function onItemDrop(el, e, active = true, dropCallback) {
+  if (!active)
+    return;
   clearDragOverStyles(el);
   el.classList.remove('dragover');
   e.stopPropagation();
@@ -327,7 +337,7 @@ Tree.prototype.bindEvent = function (ele) {
         if (this.options.parentApi.theOptions.origin == 'classification') {
           // WS Call
           this.options.rawDataManager
-            .getFromClassification(this.options.parentApi.getContextualApiURL(), this.options.parentApi.getContextualApiParams(Object.assign(Object.assign({}, this.options.parentApi.theOptions.options), { startNode: target.parentNode.nodeId })))
+            .getFromClassification(this.options.parentApi.getContextualApiURL(), this.options.parentApi.getContextualApiParams(Object.assign(Object.assign({}, this.options.parentApi.theOptions.options), { startNode: target.parentNode.nodeId })), document.querySelector("#hierarchized-picker-" + this.options.parentApi.componentID + ".loader"))
             .then(data => {
             this.options.completeCurrentTreeWithTree(this, data, this.options.parentApi.theOptions);
           });
@@ -339,7 +349,7 @@ Tree.prototype.bindEvent = function (ele) {
             StartNodeID: target.parentNode.nodeId,
             lng: this.options.parentApi.theOptions.options.lng,
             IsDeprecated: this.options.parentApi.theOptions.options.IsDeprecated,
-          })
+          }, document.querySelector("#hierarchized-picker-" + this.options.parentApi.componentID + ".loader"))
             .then(data => {
             this.options.completeCurrentTreeWithTree(this, data, this.options.parentApi.theOptions);
           });
@@ -662,19 +672,19 @@ Tree.prototype.createLiEle = function (node, closed) {
   if (this.options.parentApi.theOptions.dragAndDropEnabled) {
     li.setAttribute('draggable', 'true');
     li.addEventListener('dragstart', e => {
-      onItemDragStart(li, e);
+      onItemDragStart(li, e, this.options.parentApi.activatedDragAndDrop);
     });
     li.addEventListener('dragend', e => {
-      onItemDragEnd(li, e);
+      onItemDragEnd(li, e, this.options.parentApi.activatedDragAndDrop);
     });
     li.addEventListener('dragover', e => {
-      onItemDragOver(li, e);
+      onItemDragOver(li, e, this.options.parentApi.activatedDragAndDrop);
     });
     li.addEventListener('dragleave', e => {
-      onItemDragLeave(li, e);
+      onItemDragLeave(li, e, this.options.parentApi.activatedDragAndDrop);
     });
     li.addEventListener('drop', e => {
-      onItemDrop(li, e, (dragEl, dropEl, position) => {
+      onItemDrop(li, e, this.options.parentApi.activatedDragAndDrop, (dragEl, dropEl, position) => {
         this.options.parentApi.itemDropped.emit({ dragEl, dropEl, position });
       });
     });
@@ -18861,6 +18871,7 @@ const HierarchizedPickerComponent = class {
     this.value = [];
     this.shownTree = false;
     this.searchResultData = [];
+    this.activatedDragAndDrop = true;
     this.hasFocus = undefined;
     this.errorToLog = '';
     this.checkFields = this.checkFields.bind(this);
@@ -18905,7 +18916,7 @@ const HierarchizedPickerComponent = class {
       return;
     }
     if (((_a = this.optionsManager.getOptions()) === null || _a === void 0 ? void 0 : _a.loading) == 'display') {
-      this.loadDataForTree(true);
+      this.loadDataForTree(true, document.querySelector("#hierarchized-picker-" + this.componentID + ".loader"));
     }
   }
   async initComponent() {
@@ -19170,7 +19181,7 @@ const HierarchizedPickerComponent = class {
         // WS Call
         this.rawDataManager.getFromClassification(this.getApiSearchURL(), {
           searchedValue: searched
-        })
+        }, document.querySelector("#hierarchized-picker-" + this.componentID + ".loader"))
           .then((data) => {
           displayResults(data);
           if (!searched) {
@@ -19189,7 +19200,7 @@ const HierarchizedPickerComponent = class {
           searchedValue: searched,
           searchNameOnly: true,
           deprecated: false,
-        })
+        }, document.querySelector("#hierarchized-picker-" + this.componentID + ".loader"))
           .then((data) => {
           displayResults(data);
           if (!searched) {

package/dist/esm-es5/loader.js

@@ -1 +1 @@
-import{p as promiseResolve,b as bootstrapLazy}from"./index-ef964604.js";export{s as setNonce}from"./index-ef964604.js";var patchEsm=function(){return promiseResolve()};var defineCustomElements=function(e,r){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy([["reneco-hierarchized-picker_2",[[0,"reneco-hierarchized-picker",{options:[1],valueChangeCallback:[16],disabled:[4],newoptions:[1],newfilter:[1],isDisabled:[32],componentID:[32],rawData:[32],pickerClass:[32],displayedValue:[32],value:[32],shownTree:[32],searchResultData:[32],hasFocus:[32],errorToLog:[32],getValue:[64],refreshPicker:[64],setOptions:[64],getSearchResult:[64],filterTree:[64],clearPicker:[64],showSelectedNodes:[64]}],[0,"search-input",{placeholder:[1],setFocus:[64]}]]]],r)}))};export{defineCustomElements};
+import{p as promiseResolve,b as bootstrapLazy}from"./index-ef964604.js";export{s as setNonce}from"./index-ef964604.js";var patchEsm=function(){return promiseResolve()};var defineCustomElements=function(e,r){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy([["reneco-hierarchized-picker_2",[[0,"reneco-hierarchized-picker",{options:[1],valueChangeCallback:[16],disabled:[4],newoptions:[1],newfilter:[1],activatedDragAndDrop:[4,"activated-drag-and-drop"],isDisabled:[32],componentID:[32],rawData:[32],pickerClass:[32],displayedValue:[32],value:[32],shownTree:[32],searchResultData:[32],hasFocus:[32],errorToLog:[32],getValue:[64],refreshPicker:[64],setOptions:[64],getSearchResult:[64],filterTree:[64],clearPicker:[64],showSelectedNodes:[64]}],[0,"search-input",{placeholder:[1],setFocus:[64]}]]]],r)}))};export{defineCustomElements};

package/dist/esm-es5/reneco-hierarchized-picker.js

@@ -1 +1 @@
-import{p as promiseResolve,b as bootstrapLazy}from"./index-ef964604.js";export{s as setNonce}from"./index-ef964604.js";var patchBrowser=function(){var e=import.meta.url;var r={};if(e!==""){r.resourcesUrl=new URL(".",e).href}return promiseResolve(r)};patchBrowser().then((function(e){return bootstrapLazy([["reneco-hierarchized-picker_2",[[0,"reneco-hierarchized-picker",{options:[1],valueChangeCallback:[16],disabled:[4],newoptions:[1],newfilter:[1],isDisabled:[32],componentID:[32],rawData:[32],pickerClass:[32],displayedValue:[32],value:[32],shownTree:[32],searchResultData:[32],hasFocus:[32],errorToLog:[32],getValue:[64],refreshPicker:[64],setOptions:[64],getSearchResult:[64],filterTree:[64],clearPicker:[64],showSelectedNodes:[64]}],[0,"search-input",{placeholder:[1],setFocus:[64]}]]]],e)}));
+import{p as promiseResolve,b as bootstrapLazy}from"./index-ef964604.js";export{s as setNonce}from"./index-ef964604.js";var patchBrowser=function(){var e=import.meta.url;var r={};if(e!==""){r.resourcesUrl=new URL(".",e).href}return promiseResolve(r)};patchBrowser().then((function(e){return bootstrapLazy([["reneco-hierarchized-picker_2",[[0,"reneco-hierarchized-picker",{options:[1],valueChangeCallback:[16],disabled:[4],newoptions:[1],newfilter:[1],activatedDragAndDrop:[4,"activated-drag-and-drop"],isDisabled:[32],componentID:[32],rawData:[32],pickerClass:[32],displayedValue:[32],value:[32],shownTree:[32],searchResultData:[32],hasFocus:[32],errorToLog:[32],getValue:[64],refreshPicker:[64],setOptions:[64],getSearchResult:[64],filterTree:[64],clearPicker:[64],showSelectedNodes:[64]}],[0,"search-input",{placeholder:[1],setFocus:[64]}]]]],e)}));