@ekzo-dev/bootstrap-addons 5.2.11 → 5.2.12

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ekzo-dev/bootstrap-addons",
   "description": "Aurelia Bootstrap additional component",
-  "version": "5.2.11",
+  "version": "5.2.12",
   "homepage": "https://github.com/ekzo-dev/aurelia-components/tree/main/packages/bootstrap-addons",
   "repository": {
     "type": "git",

package/src/forms/select/select.html

@@ -27,16 +27,16 @@
     <input
       class="form-select ${bsSize ? `form-select-${bsSize}` : ''} ${valid ? 'is-valid' : valid === false ? 'is-invalid' : ''}"
       bs-dropdown-toggle="arrow.bind: false"
-      value="${selectedOption?.group ? selectedOption.group + ' / ' : ''}${selectedOption?.text}"
+      value="${selectedOption?.group ? selectedOption.group + ' / ' : ''}${selectedOption?.text ?? ''}"
       disabled.bind="disabled"
       required.bind="required"
-      readonly
+      keydown.trigger="$event.preventDefault()"
     />
     <bs-dropdown-menu>
-      <div bs-dropdown-item="text" if.bind="options.length > 10">
+      <div bs-dropdown-item="text" if.bind="optionsCount > 10">
         <input class="form-control" placeholder="Filter options" type="search" value.bind="filter & debounce:250" />
       </div>
-      <hr bs-dropdown-item="divider" if.bind="options.length > 10" />
+      <hr bs-dropdown-item="divider" if.bind="optionsCount > 10" />
       <button
         type="button"
         repeat.for="option of ungroupedOptions | filter:filter"

package/src/forms/select/select.ts

@@ -33,6 +33,8 @@ export class BsSelect extends BaseBsSelect implements ICustomElementViewModel {
 
   filter: string = '';
 
+  optionsCount: number = 0;
+
   attached() {
     if (this.multiple) {
       this.#setHeight();
@@ -89,8 +91,11 @@ export class BsSelect extends BaseBsSelect implements ICustomElementViewModel {
       options = Object.entries(options);
     }
 
+    this.optionsCount = (options as []).length;
+
+    const isEntries = Array.isArray(options[0]);
     const option = (options as Array<ISelectOption | readonly [unknown, string]>).find((option) => {
-      const val: unknown = Array.isArray(option) ? option[0] : (option as ISelectOption).value;
+      const val: unknown = isEntries ? option[0] : (option as ISelectOption).value;
 
       return matcher ? matcher(value, val) : value === val;
     });
@@ -101,6 +106,6 @@ export class BsSelect extends BaseBsSelect implements ICustomElementViewModel {
       void Promise.resolve().then(() => (this.value = undefined));
     }
 
-    return Array.isArray(option) ? { value: option[0], text: option[1] } : (option as ISelectOption);
+    return isEntries ? { value: option[0], text: option[1] } : (option as ISelectOption);
   }
 }