@flarehr/apollo-super-selection 3.73.2321 → 3.75.2983

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 (10) hide show
  1. package/dist/lib/apollo-super-selection/apollo-super-selection.esm.js +1 -1
  2. package/dist/lib/apollo-super-selection/{p-00aace6d.system.entry.js → p-af54cee9.system.entry.js} +1 -1
  3. package/dist/lib/apollo-super-selection/p-bdcfc026.system.js +1 -1
  4. package/dist/lib/apollo-super-selection/{p-80b03911.entry.js → p-c615bda5.entry.js} +1 -1
  5. package/dist/lib/cjs/sss-button_29.cjs.entry.js +10 -14
  6. package/dist/lib/collection/components/super-selection-app/misc/dropdown-async.js +9 -13
  7. package/dist/lib/esm/sss-button_29.entry.js +10 -14
  8. package/dist/lib/esm-es5/sss-button_29.entry.js +1 -1
  9. package/dist/lib/types/components/super-selection-app/misc/dropdown-async.d.ts +1 -2
  10. package/package.json +1 -1
package/dist/lib/cjs/sss-button_29.cjs.entry.js CHANGED
@@ -264,7 +264,7 @@ class TapSubscriber extends datoramaAkita.Subscriber {
264
264
  }
265
265
  }
266
266
 
267
- const AppVersion = '3.73.2321';
267
+ const AppVersion = '3.75.2983';
268
268
 
269
269
  // -------------------------------------------------------------------------------------
270
270
  // guards
@@ -3861,10 +3861,11 @@ const SelectInputAsync = class {
3861
3861
  if (this.filteredOptions.length === 0) {
3862
3862
  return (index.h("span", { class: "cursor-pointer text-gray-500 py-1.5 pl-4" }, "No items match your search"));
3863
3863
  }
3864
- return this.filteredOptions.map((option, _index) => (index.h("div", { class: {
3864
+ return this.filteredOptions.map((option, index$1) => (index.h("div", { class: {
3865
3865
  'cursor-pointer text-wrap hover:bg-primary-base py-1.5 pl-4': true,
3866
3866
  'bg-primary-base': this.isOptionSelected(option)
3867
3867
  }, onClick: (_event) => {
3868
+ this.highlightedOptionIndex = index$1;
3868
3869
  this.toggleDropdown(false);
3869
3870
  this.selectOption(option);
3870
3871
  } }, option.label)));
@@ -3884,10 +3885,10 @@ const SelectInputAsync = class {
3884
3885
  switch (event.key) {
3885
3886
  case DOWN_KEY:
3886
3887
  this.toggleDropdown(true);
3887
- this.highlightNextItem();
3888
+ this.highlightItem('Next');
3888
3889
  return true;
3889
3890
  case UP_KEY:
3890
- this.highlightPreviousItem();
3891
+ this.highlightItem('Prev');
3891
3892
  return true;
3892
3893
  case ENTER_KEY:
3893
3894
  if (this.highlightedOptionIndex !== undefined) {
@@ -3901,21 +3902,17 @@ const SelectInputAsync = class {
3901
3902
  }
3902
3903
  return false;
3903
3904
  };
3904
- this.highlightPreviousItem = () => {
3905
- if (this.filteredOptions.length === 0) {
3906
- return;
3907
- }
3908
- this.highlightedOptionIndex =
3909
- this.highlightedOptionIndex === undefined ? 0 : Math.max(this.highlightedOptionIndex - 1, 0);
3910
- };
3911
- this.highlightNextItem = () => {
3905
+ this.highlightItem = (direction) => {
3906
+ const step = direction === 'Next' ? 1 : -1;
3912
3907
  if (this.filteredOptions.length === 0) {
3913
3908
  return;
3914
3909
  }
3915
3910
  this.highlightedOptionIndex =
3916
3911
  this.highlightedOptionIndex === undefined
3917
3912
  ? 0
3918
- : Math.min(this.highlightedOptionIndex + 1, this.filteredOptions.length - 1);
3913
+ : Math.min(Math.max(0, this.highlightedOptionIndex + step), this.filteredOptions.length - 1);
3914
+ if (this.highlightedOptionIndex !== undefined)
3915
+ this.selectOption(this.filteredOptions[this.highlightedOptionIndex]);
3919
3916
  };
3920
3917
  this.selectOption = (option) => {
3921
3918
  this.selectedOption = option;
@@ -3946,7 +3943,6 @@ const SelectInputAsync = class {
3946
3943
  return;
3947
3944
  }
3948
3945
  this.toggleDropdown(false);
3949
- this.highlightedOptionIndex = undefined;
3950
3946
  this.resetInput();
3951
3947
  }
3952
3948
  handleKeyDown(event) {
package/dist/lib/collection/components/super-selection-app/misc/dropdown-async.js CHANGED
@@ -37,10 +37,11 @@ export class SelectInputAsync {
37
37
  if (this.filteredOptions.length === 0) {
38
38
  return (h("span", { class: "cursor-pointer text-gray-500 py-1.5 pl-4" }, "No items match your search"));
39
39
  }
40
- return this.filteredOptions.map((option, _index) => (h("div", { class: {
40
+ return this.filteredOptions.map((option, index) => (h("div", { class: {
41
41
  'cursor-pointer text-wrap hover:bg-primary-base py-1.5 pl-4': true,
42
42
  'bg-primary-base': this.isOptionSelected(option)
43
43
  }, onClick: (_event) => {
44
+ this.highlightedOptionIndex = index;
44
45
  this.toggleDropdown(false);
45
46
  this.selectOption(option);
46
47
  } }, option.label)));
@@ -60,10 +61,10 @@ export class SelectInputAsync {
60
61
  switch (event.key) {
61
62
  case DOWN_KEY:
62
63
  this.toggleDropdown(true);
63
- this.highlightNextItem();
64
+ this.highlightItem('Next');
64
65
  return true;
65
66
  case UP_KEY:
66
- this.highlightPreviousItem();
67
+ this.highlightItem('Prev');
67
68
  return true;
68
69
  case ENTER_KEY:
69
70
  if (this.highlightedOptionIndex !== undefined) {
@@ -77,21 +78,17 @@ export class SelectInputAsync {
77
78
  }
78
79
  return false;
79
80
  };
80
- this.highlightPreviousItem = () => {
81
- if (this.filteredOptions.length === 0) {
82
- return;
83
- }
84
- this.highlightedOptionIndex =
85
- this.highlightedOptionIndex === undefined ? 0 : Math.max(this.highlightedOptionIndex - 1, 0);
86
- };
87
- this.highlightNextItem = () => {
81
+ this.highlightItem = (direction) => {
82
+ const step = direction === 'Next' ? 1 : -1;
88
83
  if (this.filteredOptions.length === 0) {
89
84
  return;
90
85
  }
91
86
  this.highlightedOptionIndex =
92
87
  this.highlightedOptionIndex === undefined
93
88
  ? 0
94
- : Math.min(this.highlightedOptionIndex + 1, this.filteredOptions.length - 1);
89
+ : Math.min(Math.max(0, this.highlightedOptionIndex + step), this.filteredOptions.length - 1);
90
+ if (this.highlightedOptionIndex !== undefined)
91
+ this.selectOption(this.filteredOptions[this.highlightedOptionIndex]);
95
92
  };
96
93
  this.selectOption = (option) => {
97
94
  this.selectedOption = option;
@@ -122,7 +119,6 @@ export class SelectInputAsync {
122
119
  return;
123
120
  }
124
121
  this.toggleDropdown(false);
125
- this.highlightedOptionIndex = undefined;
126
122
  this.resetInput();
127
123
  }
128
124
  handleKeyDown(event) {
package/dist/lib/esm/sss-button_29.entry.js CHANGED
@@ -260,7 +260,7 @@ class TapSubscriber extends Subscriber {
260
260
  }
261
261
  }
262
262
 
263
- const AppVersion = '3.73.2321';
263
+ const AppVersion = '3.75.2983';
264
264
 
265
265
  // -------------------------------------------------------------------------------------
266
266
  // guards
@@ -3857,10 +3857,11 @@ const SelectInputAsync = class {
3857
3857
  if (this.filteredOptions.length === 0) {
3858
3858
  return (h("span", { class: "cursor-pointer text-gray-500 py-1.5 pl-4" }, "No items match your search"));
3859
3859
  }
3860
- return this.filteredOptions.map((option, _index) => (h("div", { class: {
3860
+ return this.filteredOptions.map((option, index) => (h("div", { class: {
3861
3861
  'cursor-pointer text-wrap hover:bg-primary-base py-1.5 pl-4': true,
3862
3862
  'bg-primary-base': this.isOptionSelected(option)
3863
3863
  }, onClick: (_event) => {
3864
+ this.highlightedOptionIndex = index;
3864
3865
  this.toggleDropdown(false);
3865
3866
  this.selectOption(option);
3866
3867
  } }, option.label)));
@@ -3880,10 +3881,10 @@ const SelectInputAsync = class {
3880
3881
  switch (event.key) {
3881
3882
  case DOWN_KEY:
3882
3883
  this.toggleDropdown(true);
3883
- this.highlightNextItem();
3884
+ this.highlightItem('Next');
3884
3885
  return true;
3885
3886
  case UP_KEY:
3886
- this.highlightPreviousItem();
3887
+ this.highlightItem('Prev');
3887
3888
  return true;
3888
3889
  case ENTER_KEY:
3889
3890
  if (this.highlightedOptionIndex !== undefined) {
@@ -3897,21 +3898,17 @@ const SelectInputAsync = class {
3897
3898
  }
3898
3899
  return false;
3899
3900
  };
3900
- this.highlightPreviousItem = () => {
3901
- if (this.filteredOptions.length === 0) {
3902
- return;
3903
- }
3904
- this.highlightedOptionIndex =
3905
- this.highlightedOptionIndex === undefined ? 0 : Math.max(this.highlightedOptionIndex - 1, 0);
3906
- };
3907
- this.highlightNextItem = () => {
3901
+ this.highlightItem = (direction) => {
3902
+ const step = direction === 'Next' ? 1 : -1;
3908
3903
  if (this.filteredOptions.length === 0) {
3909
3904
  return;
3910
3905
  }
3911
3906
  this.highlightedOptionIndex =
3912
3907
  this.highlightedOptionIndex === undefined
3913
3908
  ? 0
3914
- : Math.min(this.highlightedOptionIndex + 1, this.filteredOptions.length - 1);
3909
+ : Math.min(Math.max(0, this.highlightedOptionIndex + step), this.filteredOptions.length - 1);
3910
+ if (this.highlightedOptionIndex !== undefined)
3911
+ this.selectOption(this.filteredOptions[this.highlightedOptionIndex]);
3915
3912
  };
3916
3913
  this.selectOption = (option) => {
3917
3914
  this.selectedOption = option;
@@ -3942,7 +3939,6 @@ const SelectInputAsync = class {
3942
3939
  return;
3943
3940
  }
3944
3941
  this.toggleDropdown(false);
3945
- this.highlightedOptionIndex = undefined;
3946
3942
  this.resetInput();
3947
3943
  }
3948
3944
  handleKeyDown(event) {