reneco-hierarchized-picker 0.4.2-beta.17 → 0.4.2-beta.19

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.
Files changed (13) hide show
  1. package/dist/cjs/reneco-hierarchized-picker_2.cjs.entry.js +10 -8
  2. package/dist/collection/components/hierarchized-picker/hierarchized-picker.js +8 -6
  3. package/dist/collection/components/treejs/index.js +2 -2
  4. package/dist/custom-elements/index.js +10 -8
  5. package/dist/esm/reneco-hierarchized-picker_2.entry.js +10 -8
  6. package/dist/esm-es5/reneco-hierarchized-picker_2.entry.js +1 -1
  7. package/dist/reneco-hierarchized-picker/p-73168a50.system.js +1 -1
  8. package/dist/reneco-hierarchized-picker/p-a0b09a0d.entry.js +1 -0
  9. package/dist/reneco-hierarchized-picker/p-b9b4b7a6.system.entry.js +3 -0
  10. package/dist/reneco-hierarchized-picker/reneco-hierarchized-picker.esm.js +1 -1
  11. package/package.json +1 -1
  12. package/dist/reneco-hierarchized-picker/p-2c19f1aa.entry.js +0 -1
  13. package/dist/reneco-hierarchized-picker/p-fa15aea0.system.entry.js +0 -3
package/dist/cjs/reneco-hierarchized-picker_2.cjs.entry.js CHANGED
@@ -343,7 +343,7 @@ Tree.prototype.bindEvent = function (ele) {
343
343
  const contextualApiURL = this.options.parentApi.getContextualApiURL();
344
344
  // WS Call
345
345
  this.options.rawDataManager
346
- .getFromClassification(contextualApiURL, contextualApiParams, document.querySelector("#hierarchized-picker-" + this.options.parentApi.componentID + ".loader"))
346
+ .getFromClassification(contextualApiURL, contextualApiParams, document.querySelector("#hierarchized-picker-" + this.options.parentApi.componentID + " .loader"))
347
347
  .then(data => {
348
348
  this.options.completeCurrentTreeWithTree(this, data, this.options.parentApi.theOptions);
349
349
  });
@@ -355,7 +355,7 @@ Tree.prototype.bindEvent = function (ele) {
355
355
  StartNodeID: target.parentNode.nodeId,
356
356
  lng: this.options.parentApi.theOptions.options.lng,
357
357
  IsDeprecated: this.options.parentApi.theOptions.options.IsDeprecated,
358
- }, document.querySelector("#hierarchized-picker-" + this.options.parentApi.componentID + ".loader"))
358
+ }, document.querySelector("#hierarchized-picker-" + this.options.parentApi.componentID + " .loader"))
359
359
  .then(data => {
360
360
  this.options.completeCurrentTreeWithTree(this, data, this.options.parentApi.theOptions);
361
361
  });
@@ -18937,7 +18937,7 @@ const HierarchizedPickerComponent = class {
18937
18937
  return;
18938
18938
  }
18939
18939
  if (((_a = this.optionsManager.getOptions()) === null || _a === void 0 ? void 0 : _a.loading) == 'display') {
18940
- this.loadDataForTree(true, document.querySelector("#hierarchized-picker-" + this.componentID + ".loader"));
18940
+ this.loadDataForTree(true, document.querySelector("#hierarchized-picker-" + this.componentID + " .loader"));
18941
18941
  }
18942
18942
  }
18943
18943
  async initComponent() {
@@ -19197,7 +19197,7 @@ const HierarchizedPickerComponent = class {
19197
19197
  newtree.children.forEach((value, index) => {
19198
19198
  completeCurrentTreeWithTree(this.loadedTreeJs, value, this.optionsManager.getOptions());
19199
19199
  });
19200
- this.triggerTreeDisplay(this.rawData, searched);
19200
+ this.triggerTreeDisplay(this.rawDataManager.getData(), searched);
19201
19201
  displayAutocompleteWithResults(this.rawDataManager.getData(), searched, this.optionsManager, this.editValue.bind(this), this.showTree.bind(this));
19202
19202
  // Deploys all nodes
19203
19203
  document.querySelectorAll('#tree-area-' + this.componentID + ' .treejs-node').forEach((item) => {
@@ -19215,7 +19215,7 @@ const HierarchizedPickerComponent = class {
19215
19215
  if (this.theOptions.source == 'webservice') {
19216
19216
  if (this.theOptions.origin == 'classification') {
19217
19217
  // WS Call
19218
- this.rawDataManager.getFromClassification(this.getApiSearchURL(), Object.assign({}, this.getContextualApiParams(null, searched)), document.querySelector("#hierarchized-picker-" + this.componentID + ".loader"))
19218
+ this.rawDataManager.getFromClassification(this.getApiSearchURL(), Object.assign({}, this.getContextualApiParams(null, searched)), document.querySelector("#hierarchized-picker-" + this.componentID + " .loader"))
19219
19219
  .then((data) => {
19220
19220
  displayResults(data);
19221
19221
  if (!searched) {
@@ -19234,7 +19234,7 @@ const HierarchizedPickerComponent = class {
19234
19234
  searchedValue: searched,
19235
19235
  searchNameOnly: true,
19236
19236
  deprecated: false,
19237
- }, document.querySelector("#hierarchized-picker-" + this.componentID + ".loader"))
19237
+ }, document.querySelector("#hierarchized-picker-" + this.componentID + " .loader"))
19238
19238
  .then((data) => {
19239
19239
  displayResults(data);
19240
19240
  if (!searched) {
@@ -19462,7 +19462,7 @@ const HierarchizedPickerComponent = class {
19462
19462
  }
19463
19463
  else {
19464
19464
  if (!this.shownTree && this.theOptions.loading == 'click' && !this.ready) {
19465
- this.loadDataForTree(true, document.querySelector("#hierarchized-picker-" + this.componentID + ".loader"));
19465
+ this.loadDataForTree(true, document.querySelector("#hierarchized-picker-" + this.componentID + " .loader"));
19466
19466
  }
19467
19467
  }
19468
19468
  const previousShownTree = this.shownTree;
@@ -19721,7 +19721,9 @@ const HierarchizedPickerComponent = class {
19721
19721
  this.scrollable = el;
19722
19722
  }, class: 'hierarchized-picker-modal-area ' + (!this.shownTree ? ' hidden ' : ''), onClick: event => {
19723
19723
  clickPickerModalArea(this);
19724
- } }, index.h("div", { class: 'hierarchized-picker-modal ' + (!this.ready ? 'hidden' : '') }, index.h("search-input", { placeholder: getLanguageValue(this.optionsManager.getOptions().searchPlaceholder, this.optionsManager.getOptions().language, defaultLanguage), onInputFocus: () => focusInSearchEvent(this), onInputBlur: () => focusOutSearchEvent(this, event), onSearch: (event) => this.search(event.detail) }), index.h("ul", { id: "autocomplete-results-area" }), index.h("div", { id: 'tree-area-' + this.componentID, class: 'hierarchized-picker-tree hierarchized-picker-tree-area ' + this.pickerClass }))))) : (index.h("div", { class: 'hierarchized-picker-raw-tree-area' + (this.isDisabled ? ' readonly' : ''), onClick: event => {
19724
+ } }, index.h("div", { class: "loader", ref: el => {
19725
+ this.loader = el;
19726
+ } }, index.h("div", { class: "loader-inner" }, "Loading...")), index.h("div", { class: 'hierarchized-picker-modal ' + (!this.ready ? 'hidden' : '') }, index.h("search-input", { placeholder: getLanguageValue(this.optionsManager.getOptions().searchPlaceholder, this.optionsManager.getOptions().language, defaultLanguage), onInputFocus: () => focusInSearchEvent(this), onInputBlur: () => focusOutSearchEvent(this, event), onSearch: (event) => this.search(event.detail) }), index.h("ul", { id: "autocomplete-results-area" }), index.h("div", { id: 'tree-area-' + this.componentID, class: 'hierarchized-picker-tree hierarchized-picker-tree-area ' + this.pickerClass }))))) : (index.h("div", { class: 'hierarchized-picker-raw-tree-area' + (this.isDisabled ? ' readonly' : ''), onClick: event => {
19725
19727
  clickPickerModalArea(this);
19726
19728
  } }, index.h("div", { class: "loader", ref: el => {
19727
19729
  this.loader = el;
package/dist/collection/components/hierarchized-picker/hierarchized-picker.js CHANGED
@@ -249,7 +249,7 @@ export class HierarchizedPickerComponent {
249
249
  return;
250
250
  }
251
251
  if (((_a = this.optionsManager.getOptions()) === null || _a === void 0 ? void 0 : _a.loading) == 'display') {
252
- this.loadDataForTree(true, document.querySelector("#hierarchized-picker-" + this.componentID + ".loader"));
252
+ this.loadDataForTree(true, document.querySelector("#hierarchized-picker-" + this.componentID + " .loader"));
253
253
  }
254
254
  }
255
255
  async initComponent() {
@@ -512,7 +512,7 @@ export class HierarchizedPickerComponent {
512
512
  newtree.children.forEach((value, index) => {
513
513
  completeCurrentTreeWithTree(this.loadedTreeJs, value, this.optionsManager.getOptions());
514
514
  });
515
- this.triggerTreeDisplay(this.rawData, searched);
515
+ this.triggerTreeDisplay(this.rawDataManager.getData(), searched);
516
516
  displayAutocompleteWithResults(this.rawDataManager.getData(), searched, this.optionsManager, this.editValue.bind(this), this.showTree.bind(this));
517
517
  // Deploys all nodes
518
518
  document.querySelectorAll('#tree-area-' + this.componentID + ' .treejs-node').forEach((item) => {
@@ -530,7 +530,7 @@ export class HierarchizedPickerComponent {
530
530
  if (this.theOptions.source == 'webservice') {
531
531
  if (this.theOptions.origin == 'classification') {
532
532
  // WS Call
533
- this.rawDataManager.getFromClassification(this.getApiSearchURL(), Object.assign({}, this.getContextualApiParams(null, searched)), document.querySelector("#hierarchized-picker-" + this.componentID + ".loader"))
533
+ this.rawDataManager.getFromClassification(this.getApiSearchURL(), Object.assign({}, this.getContextualApiParams(null, searched)), document.querySelector("#hierarchized-picker-" + this.componentID + " .loader"))
534
534
  .then((data) => {
535
535
  displayResults(data);
536
536
  if (!searched) {
@@ -549,7 +549,7 @@ export class HierarchizedPickerComponent {
549
549
  searchedValue: searched,
550
550
  searchNameOnly: true,
551
551
  deprecated: false,
552
- }, document.querySelector("#hierarchized-picker-" + this.componentID + ".loader"))
552
+ }, document.querySelector("#hierarchized-picker-" + this.componentID + " .loader"))
553
553
  .then((data) => {
554
554
  displayResults(data);
555
555
  if (!searched) {
@@ -777,7 +777,7 @@ export class HierarchizedPickerComponent {
777
777
  }
778
778
  else {
779
779
  if (!this.shownTree && this.theOptions.loading == 'click' && !this.ready) {
780
- this.loadDataForTree(true, document.querySelector("#hierarchized-picker-" + this.componentID + ".loader"));
780
+ this.loadDataForTree(true, document.querySelector("#hierarchized-picker-" + this.componentID + " .loader"));
781
781
  }
782
782
  }
783
783
  const previousShownTree = this.shownTree;
@@ -1036,7 +1036,9 @@ export class HierarchizedPickerComponent {
1036
1036
  this.scrollable = el;
1037
1037
  }, class: 'hierarchized-picker-modal-area ' + (!this.shownTree ? ' hidden ' : ''), onClick: event => {
1038
1038
  clickPickerModalArea(this, event);
1039
- } }, h("div", { class: 'hierarchized-picker-modal ' + (!this.ready ? 'hidden' : '') }, h("search-input", { placeholder: getLanguageValue(this.optionsManager.getOptions().searchPlaceholder, this.optionsManager.getOptions().language, defaultLanguage), onInputFocus: () => focusInSearchEvent(this), onInputBlur: () => focusOutSearchEvent(this, event), onSearch: (event) => this.search(event.detail) }), h("ul", { id: "autocomplete-results-area" }), h("div", { id: 'tree-area-' + this.componentID, class: 'hierarchized-picker-tree hierarchized-picker-tree-area ' + this.pickerClass }))))) : (h("div", { class: 'hierarchized-picker-raw-tree-area' + (this.isDisabled ? ' readonly' : ''), onClick: event => {
1039
+ } }, h("div", { class: "loader", ref: el => {
1040
+ this.loader = el;
1041
+ } }, h("div", { class: "loader-inner" }, "Loading...")), h("div", { class: 'hierarchized-picker-modal ' + (!this.ready ? 'hidden' : '') }, h("search-input", { placeholder: getLanguageValue(this.optionsManager.getOptions().searchPlaceholder, this.optionsManager.getOptions().language, defaultLanguage), onInputFocus: () => focusInSearchEvent(this), onInputBlur: () => focusOutSearchEvent(this, event), onSearch: (event) => this.search(event.detail) }), h("ul", { id: "autocomplete-results-area" }), h("div", { id: 'tree-area-' + this.componentID, class: 'hierarchized-picker-tree hierarchized-picker-tree-area ' + this.pickerClass }))))) : (h("div", { class: 'hierarchized-picker-raw-tree-area' + (this.isDisabled ? ' readonly' : ''), onClick: event => {
1040
1042
  clickPickerModalArea(this, event);
1041
1043
  } }, h("div", { class: "loader", ref: el => {
1042
1044
  this.loader = el;
package/dist/collection/components/treejs/index.js CHANGED
@@ -211,7 +211,7 @@ Tree.prototype.bindEvent = function (ele) {
211
211
  const contextualApiURL = this.options.parentApi.getContextualApiURL();
212
212
  // WS Call
213
213
  this.options.rawDataManager
214
- .getFromClassification(contextualApiURL, contextualApiParams, document.querySelector("#hierarchized-picker-" + this.options.parentApi.componentID + ".loader"))
214
+ .getFromClassification(contextualApiURL, contextualApiParams, document.querySelector("#hierarchized-picker-" + this.options.parentApi.componentID + " .loader"))
215
215
  .then(data => {
216
216
  this.options.completeCurrentTreeWithTree(this, data, this.options.parentApi.theOptions);
217
217
  });
@@ -223,7 +223,7 @@ Tree.prototype.bindEvent = function (ele) {
223
223
  StartNodeID: target.parentNode.nodeId,
224
224
  lng: this.options.parentApi.theOptions.options.lng,
225
225
  IsDeprecated: this.options.parentApi.theOptions.options.IsDeprecated,
226
- }, document.querySelector("#hierarchized-picker-" + this.options.parentApi.componentID + ".loader"))
226
+ }, document.querySelector("#hierarchized-picker-" + this.options.parentApi.componentID + " .loader"))
227
227
  .then(data => {
228
228
  this.options.completeCurrentTreeWithTree(this, data, this.options.parentApi.theOptions);
229
229
  });
package/dist/custom-elements/index.js CHANGED
@@ -340,7 +340,7 @@ Tree.prototype.bindEvent = function (ele) {
340
340
  const contextualApiURL = this.options.parentApi.getContextualApiURL();
341
341
  // WS Call
342
342
  this.options.rawDataManager
343
- .getFromClassification(contextualApiURL, contextualApiParams, document.querySelector("#hierarchized-picker-" + this.options.parentApi.componentID + ".loader"))
343
+ .getFromClassification(contextualApiURL, contextualApiParams, document.querySelector("#hierarchized-picker-" + this.options.parentApi.componentID + " .loader"))
344
344
  .then(data => {
345
345
  this.options.completeCurrentTreeWithTree(this, data, this.options.parentApi.theOptions);
346
346
  });
@@ -352,7 +352,7 @@ Tree.prototype.bindEvent = function (ele) {
352
352
  StartNodeID: target.parentNode.nodeId,
353
353
  lng: this.options.parentApi.theOptions.options.lng,
354
354
  IsDeprecated: this.options.parentApi.theOptions.options.IsDeprecated,
355
- }, document.querySelector("#hierarchized-picker-" + this.options.parentApi.componentID + ".loader"))
355
+ }, document.querySelector("#hierarchized-picker-" + this.options.parentApi.componentID + " .loader"))
356
356
  .then(data => {
357
357
  this.options.completeCurrentTreeWithTree(this, data, this.options.parentApi.theOptions);
358
358
  });
@@ -18935,7 +18935,7 @@ const HierarchizedPickerComponent = class extends HTMLElement {
18935
18935
  return;
18936
18936
  }
18937
18937
  if (((_a = this.optionsManager.getOptions()) === null || _a === void 0 ? void 0 : _a.loading) == 'display') {
18938
- this.loadDataForTree(true, document.querySelector("#hierarchized-picker-" + this.componentID + ".loader"));
18938
+ this.loadDataForTree(true, document.querySelector("#hierarchized-picker-" + this.componentID + " .loader"));
18939
18939
  }
18940
18940
  }
18941
18941
  async initComponent() {
@@ -19195,7 +19195,7 @@ const HierarchizedPickerComponent = class extends HTMLElement {
19195
19195
  newtree.children.forEach((value, index) => {
19196
19196
  completeCurrentTreeWithTree(this.loadedTreeJs, value, this.optionsManager.getOptions());
19197
19197
  });
19198
- this.triggerTreeDisplay(this.rawData, searched);
19198
+ this.triggerTreeDisplay(this.rawDataManager.getData(), searched);
19199
19199
  displayAutocompleteWithResults(this.rawDataManager.getData(), searched, this.optionsManager, this.editValue.bind(this), this.showTree.bind(this));
19200
19200
  // Deploys all nodes
19201
19201
  document.querySelectorAll('#tree-area-' + this.componentID + ' .treejs-node').forEach((item) => {
@@ -19213,7 +19213,7 @@ const HierarchizedPickerComponent = class extends HTMLElement {
19213
19213
  if (this.theOptions.source == 'webservice') {
19214
19214
  if (this.theOptions.origin == 'classification') {
19215
19215
  // WS Call
19216
- this.rawDataManager.getFromClassification(this.getApiSearchURL(), Object.assign({}, this.getContextualApiParams(null, searched)), document.querySelector("#hierarchized-picker-" + this.componentID + ".loader"))
19216
+ this.rawDataManager.getFromClassification(this.getApiSearchURL(), Object.assign({}, this.getContextualApiParams(null, searched)), document.querySelector("#hierarchized-picker-" + this.componentID + " .loader"))
19217
19217
  .then((data) => {
19218
19218
  displayResults(data);
19219
19219
  if (!searched) {
@@ -19232,7 +19232,7 @@ const HierarchizedPickerComponent = class extends HTMLElement {
19232
19232
  searchedValue: searched,
19233
19233
  searchNameOnly: true,
19234
19234
  deprecated: false,
19235
- }, document.querySelector("#hierarchized-picker-" + this.componentID + ".loader"))
19235
+ }, document.querySelector("#hierarchized-picker-" + this.componentID + " .loader"))
19236
19236
  .then((data) => {
19237
19237
  displayResults(data);
19238
19238
  if (!searched) {
@@ -19460,7 +19460,7 @@ const HierarchizedPickerComponent = class extends HTMLElement {
19460
19460
  }
19461
19461
  else {
19462
19462
  if (!this.shownTree && this.theOptions.loading == 'click' && !this.ready) {
19463
- this.loadDataForTree(true, document.querySelector("#hierarchized-picker-" + this.componentID + ".loader"));
19463
+ this.loadDataForTree(true, document.querySelector("#hierarchized-picker-" + this.componentID + " .loader"));
19464
19464
  }
19465
19465
  }
19466
19466
  const previousShownTree = this.shownTree;
@@ -19719,7 +19719,9 @@ const HierarchizedPickerComponent = class extends HTMLElement {
19719
19719
  this.scrollable = el;
19720
19720
  }, class: 'hierarchized-picker-modal-area ' + (!this.shownTree ? ' hidden ' : ''), onClick: event => {
19721
19721
  clickPickerModalArea(this);
19722
- } }, h("div", { class: 'hierarchized-picker-modal ' + (!this.ready ? 'hidden' : '') }, h("search-input", { placeholder: getLanguageValue(this.optionsManager.getOptions().searchPlaceholder, this.optionsManager.getOptions().language, defaultLanguage), onInputFocus: () => focusInSearchEvent(this), onInputBlur: () => focusOutSearchEvent(this, event), onSearch: (event) => this.search(event.detail) }), h("ul", { id: "autocomplete-results-area" }), h("div", { id: 'tree-area-' + this.componentID, class: 'hierarchized-picker-tree hierarchized-picker-tree-area ' + this.pickerClass }))))) : (h("div", { class: 'hierarchized-picker-raw-tree-area' + (this.isDisabled ? ' readonly' : ''), onClick: event => {
19722
+ } }, h("div", { class: "loader", ref: el => {
19723
+ this.loader = el;
19724
+ } }, h("div", { class: "loader-inner" }, "Loading...")), h("div", { class: 'hierarchized-picker-modal ' + (!this.ready ? 'hidden' : '') }, h("search-input", { placeholder: getLanguageValue(this.optionsManager.getOptions().searchPlaceholder, this.optionsManager.getOptions().language, defaultLanguage), onInputFocus: () => focusInSearchEvent(this), onInputBlur: () => focusOutSearchEvent(this, event), onSearch: (event) => this.search(event.detail) }), h("ul", { id: "autocomplete-results-area" }), h("div", { id: 'tree-area-' + this.componentID, class: 'hierarchized-picker-tree hierarchized-picker-tree-area ' + this.pickerClass }))))) : (h("div", { class: 'hierarchized-picker-raw-tree-area' + (this.isDisabled ? ' readonly' : ''), onClick: event => {
19723
19725
  clickPickerModalArea(this);
19724
19726
  } }, h("div", { class: "loader", ref: el => {
19725
19727
  this.loader = el;
package/dist/esm/reneco-hierarchized-picker_2.entry.js CHANGED
@@ -339,7 +339,7 @@ Tree.prototype.bindEvent = function (ele) {
339
339
  const contextualApiURL = this.options.parentApi.getContextualApiURL();
340
340
  // WS Call
341
341
  this.options.rawDataManager
342
- .getFromClassification(contextualApiURL, contextualApiParams, document.querySelector("#hierarchized-picker-" + this.options.parentApi.componentID + ".loader"))
342
+ .getFromClassification(contextualApiURL, contextualApiParams, document.querySelector("#hierarchized-picker-" + this.options.parentApi.componentID + " .loader"))
343
343
  .then(data => {
344
344
  this.options.completeCurrentTreeWithTree(this, data, this.options.parentApi.theOptions);
345
345
  });
@@ -351,7 +351,7 @@ Tree.prototype.bindEvent = function (ele) {
351
351
  StartNodeID: target.parentNode.nodeId,
352
352
  lng: this.options.parentApi.theOptions.options.lng,
353
353
  IsDeprecated: this.options.parentApi.theOptions.options.IsDeprecated,
354
- }, document.querySelector("#hierarchized-picker-" + this.options.parentApi.componentID + ".loader"))
354
+ }, document.querySelector("#hierarchized-picker-" + this.options.parentApi.componentID + " .loader"))
355
355
  .then(data => {
356
356
  this.options.completeCurrentTreeWithTree(this, data, this.options.parentApi.theOptions);
357
357
  });
@@ -18933,7 +18933,7 @@ const HierarchizedPickerComponent = class {
18933
18933
  return;
18934
18934
  }
18935
18935
  if (((_a = this.optionsManager.getOptions()) === null || _a === void 0 ? void 0 : _a.loading) == 'display') {
18936
- this.loadDataForTree(true, document.querySelector("#hierarchized-picker-" + this.componentID + ".loader"));
18936
+ this.loadDataForTree(true, document.querySelector("#hierarchized-picker-" + this.componentID + " .loader"));
18937
18937
  }
18938
18938
  }
18939
18939
  async initComponent() {
@@ -19193,7 +19193,7 @@ const HierarchizedPickerComponent = class {
19193
19193
  newtree.children.forEach((value, index) => {
19194
19194
  completeCurrentTreeWithTree(this.loadedTreeJs, value, this.optionsManager.getOptions());
19195
19195
  });
19196
- this.triggerTreeDisplay(this.rawData, searched);
19196
+ this.triggerTreeDisplay(this.rawDataManager.getData(), searched);
19197
19197
  displayAutocompleteWithResults(this.rawDataManager.getData(), searched, this.optionsManager, this.editValue.bind(this), this.showTree.bind(this));
19198
19198
  // Deploys all nodes
19199
19199
  document.querySelectorAll('#tree-area-' + this.componentID + ' .treejs-node').forEach((item) => {
@@ -19211,7 +19211,7 @@ const HierarchizedPickerComponent = class {
19211
19211
  if (this.theOptions.source == 'webservice') {
19212
19212
  if (this.theOptions.origin == 'classification') {
19213
19213
  // WS Call
19214
- this.rawDataManager.getFromClassification(this.getApiSearchURL(), Object.assign({}, this.getContextualApiParams(null, searched)), document.querySelector("#hierarchized-picker-" + this.componentID + ".loader"))
19214
+ this.rawDataManager.getFromClassification(this.getApiSearchURL(), Object.assign({}, this.getContextualApiParams(null, searched)), document.querySelector("#hierarchized-picker-" + this.componentID + " .loader"))
19215
19215
  .then((data) => {
19216
19216
  displayResults(data);
19217
19217
  if (!searched) {
@@ -19230,7 +19230,7 @@ const HierarchizedPickerComponent = class {
19230
19230
  searchedValue: searched,
19231
19231
  searchNameOnly: true,
19232
19232
  deprecated: false,
19233
- }, document.querySelector("#hierarchized-picker-" + this.componentID + ".loader"))
19233
+ }, document.querySelector("#hierarchized-picker-" + this.componentID + " .loader"))
19234
19234
  .then((data) => {
19235
19235
  displayResults(data);
19236
19236
  if (!searched) {
@@ -19458,7 +19458,7 @@ const HierarchizedPickerComponent = class {
19458
19458
  }
19459
19459
  else {
19460
19460
  if (!this.shownTree && this.theOptions.loading == 'click' && !this.ready) {
19461
- this.loadDataForTree(true, document.querySelector("#hierarchized-picker-" + this.componentID + ".loader"));
19461
+ this.loadDataForTree(true, document.querySelector("#hierarchized-picker-" + this.componentID + " .loader"));
19462
19462
  }
19463
19463
  }
19464
19464
  const previousShownTree = this.shownTree;
@@ -19717,7 +19717,9 @@ const HierarchizedPickerComponent = class {
19717
19717
  this.scrollable = el;
19718
19718
  }, class: 'hierarchized-picker-modal-area ' + (!this.shownTree ? ' hidden ' : ''), onClick: event => {
19719
19719
  clickPickerModalArea(this);
19720
- } }, h("div", { class: 'hierarchized-picker-modal ' + (!this.ready ? 'hidden' : '') }, h("search-input", { placeholder: getLanguageValue(this.optionsManager.getOptions().searchPlaceholder, this.optionsManager.getOptions().language, defaultLanguage), onInputFocus: () => focusInSearchEvent(this), onInputBlur: () => focusOutSearchEvent(this, event), onSearch: (event) => this.search(event.detail) }), h("ul", { id: "autocomplete-results-area" }), h("div", { id: 'tree-area-' + this.componentID, class: 'hierarchized-picker-tree hierarchized-picker-tree-area ' + this.pickerClass }))))) : (h("div", { class: 'hierarchized-picker-raw-tree-area' + (this.isDisabled ? ' readonly' : ''), onClick: event => {
19720
+ } }, h("div", { class: "loader", ref: el => {
19721
+ this.loader = el;
19722
+ } }, h("div", { class: "loader-inner" }, "Loading...")), h("div", { class: 'hierarchized-picker-modal ' + (!this.ready ? 'hidden' : '') }, h("search-input", { placeholder: getLanguageValue(this.optionsManager.getOptions().searchPlaceholder, this.optionsManager.getOptions().language, defaultLanguage), onInputFocus: () => focusInSearchEvent(this), onInputBlur: () => focusOutSearchEvent(this, event), onSearch: (event) => this.search(event.detail) }), h("ul", { id: "autocomplete-results-area" }), h("div", { id: 'tree-area-' + this.componentID, class: 'hierarchized-picker-tree hierarchized-picker-tree-area ' + this.pickerClass }))))) : (h("div", { class: 'hierarchized-picker-raw-tree-area' + (this.isDisabled ? ' readonly' : ''), onClick: event => {
19721
19723
  clickPickerModalArea(this);
19722
19724
  } }, h("div", { class: "loader", ref: el => {
19723
19725
  this.loader = el;