reneco-hierarchized-picker 0.2.4 → 0.2.5-beta.1

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

@@ -17862,27 +17862,55 @@ const HierarchizedPickerComponent = class {
     });
   }
   async setNewOption(newValue, oldValue = null) {
-    this.canload = true;
+    // --------------------------------------- DEPRECATED ?
+    // this.canload = true;
+    // this.theOptions = newValue;
+    // if (this.theOptions.source != "file") {
+    //   this.rawData = null;
+    // }
+    // this.ready = false;
+    //NOTE: This could work in a synchronous environment => this.reloadCurrentValues();
+    // ---------------------------------------
     this.theOptions = newValue;
-    if (this.theOptions.source != "file") {
+    if (((oldValue && (newValue.origin != oldValue.origin
+      || newValue.options.StartNodeID != oldValue.options.StartNodeID)) || !oldValue)
+      && this.theOptions.source != "file") {
       this.rawData = null;
     }
     this.ready = false;
-    await this.loadHierarchizedPicker();
-    this.displayWhenLoaded();
-    //NOTE: This could work in a synchronous environment => this.reloadCurrentValues();
+    this.canload = this.isInstanceOfIConf(this.theOptions);
+    if (!this.canload) {
+      this.displayPickerError('Error(s) in the picker configuration!');
+      return;
+    }
+    if (oldValue && JSON.stringify(newValue.options) != JSON.stringify(oldValue.options)) {
+      this.value = [];
+    }
+    if (newValue && newValue.loading == "display") {
+      if ((oldValue && this.isChangeInOptions(newValue, oldValue)) || !oldValue) {
+        await this.loadHierarchizedPicker();
+        this.displayWhenLoaded();
+      }
+      else {
+        this.ready = true;
+      }
+    }
   }
   setNewOptions(newoptions) {
-    this.setOptions(JSON.parse(newoptions));
+    if (typeof newoptions == 'string')
+      newoptions = JSON.parse(newoptions);
+    this.setOptions(newoptions);
   }
   setNewFilter(newfilter) {
     this.filterTree(newfilter);
   }
-  optionsChange(newValue) {
+  optionsChange(newValue, oldValue) {
     if (!this.theOptions || !this.ready || this.ignoreOptionsChanges) {
       return;
     }
-    this.setNewOption(newValue);
+    if (typeof newValue == 'string')
+      newValue = JSON.parse(newValue);
+    this.setNewOption(newValue, oldValue);
   }
   isChangeInOptions(newV, oldV) {
     const isEqual = lodash.isEqual(newV, oldV);
@@ -18485,7 +18513,8 @@ const HierarchizedPickerComponent = class {
     if (!this.ready) {
       this.translateDataForTree(dataToLoad);
       if (this.theOptions.openTreeWhenLoaded) {
-        this.showTree("picker");
+        this.showTree("modale");
+        setTimeout(() => { this.focusSearchInput(); }, 200);
       }
     }
   }
@@ -19176,7 +19205,7 @@ const HierarchizedPickerComponent = class {
       this.clearAutocomplete(true);
     }
     if (focused == 'picker') {
-      setTimeout(() => { this.focusSearchInput(); }, 0);
+      this.focusSearchInput();
     }
     else {
       this.focusModal();

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

@@ -82,27 +82,55 @@ export class HierarchizedPickerComponent {
     });
   }
   async setNewOption(newValue, oldValue = null) {
-    this.canload = true;
+    // --------------------------------------- DEPRECATED ?
+    // this.canload = true;
+    // this.theOptions = newValue;
+    // if (this.theOptions.source != "file") {
+    //   this.rawData = null;
+    // }
+    // this.ready = false;
+    //NOTE: This could work in a synchronous environment => this.reloadCurrentValues();
+    // ---------------------------------------
     this.theOptions = newValue;
-    if (this.theOptions.source != "file") {
+    if (((oldValue && (newValue.origin != oldValue.origin
+      || newValue.options.StartNodeID != oldValue.options.StartNodeID)) || !oldValue)
+      && this.theOptions.source != "file") {
       this.rawData = null;
     }
     this.ready = false;
-    await this.loadHierarchizedPicker();
-    this.displayWhenLoaded();
-    //NOTE: This could work in a synchronous environment => this.reloadCurrentValues();
+    this.canload = this.isInstanceOfIConf(this.theOptions);
+    if (!this.canload) {
+      this.displayPickerError('Error(s) in the picker configuration!');
+      return;
+    }
+    if (oldValue && JSON.stringify(newValue.options) != JSON.stringify(oldValue.options)) {
+      this.value = [];
+    }
+    if (newValue && newValue.loading == "display") {
+      if ((oldValue && this.isChangeInOptions(newValue, oldValue)) || !oldValue) {
+        await this.loadHierarchizedPicker();
+        this.displayWhenLoaded();
+      }
+      else {
+        this.ready = true;
+      }
+    }
   }
   setNewOptions(newoptions) {
-    this.setOptions(JSON.parse(newoptions));
+    if (typeof newoptions == 'string')
+      newoptions = JSON.parse(newoptions);
+    this.setOptions(newoptions);
   }
   setNewFilter(newfilter) {
     this.filterTree(newfilter);
   }
-  optionsChange(newValue) {
+  optionsChange(newValue, oldValue) {
     if (!this.theOptions || !this.ready || this.ignoreOptionsChanges) {
       return;
     }
-    this.setNewOption(newValue);
+    if (typeof newValue == 'string')
+      newValue = JSON.parse(newValue);
+    this.setNewOption(newValue, oldValue);
   }
   isChangeInOptions(newV, oldV) {
     const isEqual = _.isEqual(newV, oldV);
@@ -708,7 +736,8 @@ export class HierarchizedPickerComponent {
     if (!this.ready) {
       this.translateDataForTree(dataToLoad);
       if (this.theOptions.openTreeWhenLoaded) {
-        this.showTree("picker");
+        this.showTree("modale");
+        setTimeout(() => { this.focusSearchInput(); }, 200);
       }
     }
   }
@@ -1399,7 +1428,7 @@ export class HierarchizedPickerComponent {
       this.clearAutocomplete(true);
     }
     if (focused == 'picker') {
-      setTimeout(() => { this.focusSearchInput(); }, 0);
+      this.focusSearchInput();
     }
     else {
       this.focusModal();

package/dist/custom-elements/index.js

@@ -17860,27 +17860,55 @@ const HierarchizedPickerComponent = class extends HTMLElement {
     });
   }
   async setNewOption(newValue, oldValue = null) {
-    this.canload = true;
+    // --------------------------------------- DEPRECATED ?
+    // this.canload = true;
+    // this.theOptions = newValue;
+    // if (this.theOptions.source != "file") {
+    //   this.rawData = null;
+    // }
+    // this.ready = false;
+    //NOTE: This could work in a synchronous environment => this.reloadCurrentValues();
+    // ---------------------------------------
     this.theOptions = newValue;
-    if (this.theOptions.source != "file") {
+    if (((oldValue && (newValue.origin != oldValue.origin
+      || newValue.options.StartNodeID != oldValue.options.StartNodeID)) || !oldValue)
+      && this.theOptions.source != "file") {
       this.rawData = null;
     }
     this.ready = false;
-    await this.loadHierarchizedPicker();
-    this.displayWhenLoaded();
-    //NOTE: This could work in a synchronous environment => this.reloadCurrentValues();
+    this.canload = this.isInstanceOfIConf(this.theOptions);
+    if (!this.canload) {
+      this.displayPickerError('Error(s) in the picker configuration!');
+      return;
+    }
+    if (oldValue && JSON.stringify(newValue.options) != JSON.stringify(oldValue.options)) {
+      this.value = [];
+    }
+    if (newValue && newValue.loading == "display") {
+      if ((oldValue && this.isChangeInOptions(newValue, oldValue)) || !oldValue) {
+        await this.loadHierarchizedPicker();
+        this.displayWhenLoaded();
+      }
+      else {
+        this.ready = true;
+      }
+    }
   }
   setNewOptions(newoptions) {
-    this.setOptions(JSON.parse(newoptions));
+    if (typeof newoptions == 'string')
+      newoptions = JSON.parse(newoptions);
+    this.setOptions(newoptions);
   }
   setNewFilter(newfilter) {
     this.filterTree(newfilter);
   }
-  optionsChange(newValue) {
+  optionsChange(newValue, oldValue) {
     if (!this.theOptions || !this.ready || this.ignoreOptionsChanges) {
       return;
     }
-    this.setNewOption(newValue);
+    if (typeof newValue == 'string')
+      newValue = JSON.parse(newValue);
+    this.setNewOption(newValue, oldValue);
   }
   isChangeInOptions(newV, oldV) {
     const isEqual = lodash.isEqual(newV, oldV);
@@ -18483,7 +18511,8 @@ const HierarchizedPickerComponent = class extends HTMLElement {
     if (!this.ready) {
       this.translateDataForTree(dataToLoad);
       if (this.theOptions.openTreeWhenLoaded) {
-        this.showTree("picker");
+        this.showTree("modale");
+        setTimeout(() => { this.focusSearchInput(); }, 200);
       }
     }
   }
@@ -19174,7 +19203,7 @@ const HierarchizedPickerComponent = class extends HTMLElement {
       this.clearAutocomplete(true);
     }
     if (focused == 'picker') {
-      setTimeout(() => { this.focusSearchInput(); }, 0);
+      this.focusSearchInput();
     }
     else {
       this.focusModal();

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

@@ -17858,27 +17858,55 @@ const HierarchizedPickerComponent = class {
     });
   }
   async setNewOption(newValue, oldValue = null) {
-    this.canload = true;
+    // --------------------------------------- DEPRECATED ?
+    // this.canload = true;
+    // this.theOptions = newValue;
+    // if (this.theOptions.source != "file") {
+    //   this.rawData = null;
+    // }
+    // this.ready = false;
+    //NOTE: This could work in a synchronous environment => this.reloadCurrentValues();
+    // ---------------------------------------
     this.theOptions = newValue;
-    if (this.theOptions.source != "file") {
+    if (((oldValue && (newValue.origin != oldValue.origin
+      || newValue.options.StartNodeID != oldValue.options.StartNodeID)) || !oldValue)
+      && this.theOptions.source != "file") {
       this.rawData = null;
     }
     this.ready = false;
-    await this.loadHierarchizedPicker();
-    this.displayWhenLoaded();
-    //NOTE: This could work in a synchronous environment => this.reloadCurrentValues();
+    this.canload = this.isInstanceOfIConf(this.theOptions);
+    if (!this.canload) {
+      this.displayPickerError('Error(s) in the picker configuration!');
+      return;
+    }
+    if (oldValue && JSON.stringify(newValue.options) != JSON.stringify(oldValue.options)) {
+      this.value = [];
+    }
+    if (newValue && newValue.loading == "display") {
+      if ((oldValue && this.isChangeInOptions(newValue, oldValue)) || !oldValue) {
+        await this.loadHierarchizedPicker();
+        this.displayWhenLoaded();
+      }
+      else {
+        this.ready = true;
+      }
+    }
   }
   setNewOptions(newoptions) {
-    this.setOptions(JSON.parse(newoptions));
+    if (typeof newoptions == 'string')
+      newoptions = JSON.parse(newoptions);
+    this.setOptions(newoptions);
   }
   setNewFilter(newfilter) {
     this.filterTree(newfilter);
   }
-  optionsChange(newValue) {
+  optionsChange(newValue, oldValue) {
     if (!this.theOptions || !this.ready || this.ignoreOptionsChanges) {
       return;
     }
-    this.setNewOption(newValue);
+    if (typeof newValue == 'string')
+      newValue = JSON.parse(newValue);
+    this.setNewOption(newValue, oldValue);
   }
   isChangeInOptions(newV, oldV) {
     const isEqual = lodash.isEqual(newV, oldV);
@@ -18481,7 +18509,8 @@ const HierarchizedPickerComponent = class {
     if (!this.ready) {
       this.translateDataForTree(dataToLoad);
       if (this.theOptions.openTreeWhenLoaded) {
-        this.showTree("picker");
+        this.showTree("modale");
+        setTimeout(() => { this.focusSearchInput(); }, 200);
       }
     }
   }
@@ -19172,7 +19201,7 @@ const HierarchizedPickerComponent = class {
       this.clearAutocomplete(true);
     }
     if (focused == 'picker') {
-      setTimeout(() => { this.focusSearchInput(); }, 0);
+      this.focusSearchInput();
     }
     else {
       this.focusModal();