@ekzo-dev/bootstrap-addons 5.2.12 → 5.2.13

package/package.json

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

package/src/forms/select/select.html

@@ -25,11 +25,16 @@
   </fieldset>
   <template else>
     <input
+      id.bind="id"
       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 ?? ''}"
       disabled.bind="disabled"
       required.bind="required"
+      form.bind="form & attr"
+      name.bind="name & attr"
+      title.bind="title & attr"
+      autocomplete.bind="autocomplete & attr"
       keydown.trigger="$event.preventDefault()"
     />
     <bs-dropdown-menu>

package/src/forms/select/select.ts

@@ -10,8 +10,7 @@ import {
   BsSelect as BaseBsSelect,
   ISelectOption,
 } from '@ekzo-dev/bootstrap';
-import { coerceBoolean } from '@ekzo-dev/toolkit';
-import { bindable, customElement, ICustomElementViewModel } from 'aurelia';
+import { customElement, ICustomElementViewModel } from 'aurelia';
 
 import { Filter } from './filter';
 
@@ -26,9 +25,6 @@ const BS_SIZE_MULTIPLIER = {
   dependencies: [BsDropdown, BsDropdownMenu, BsDropdownToggle, BsDropdownItem, Filter],
 })
 export class BsSelect extends BaseBsSelect implements ICustomElementViewModel {
-  @bindable(coerceBoolean)
-  resetUnknownValue: boolean = true;
-
   control!: HTMLFieldSetElement;
 
   filter: string = '';
@@ -94,18 +90,22 @@ export class BsSelect extends BaseBsSelect implements ICustomElementViewModel {
     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 = isEntries ? option[0] : (option as ISelectOption).value;
+    let option = (options as Array<ISelectOption | readonly [unknown, string]>).find((option) => {
+      const currentValue: unknown = isEntries ? option[0] : (option as ISelectOption).value;
 
-      return matcher ? matcher(value, val) : value === val;
+      return matcher ? matcher(value, currentValue) : value === currentValue;
     });
 
-    // reset value next tick if needed
-    if (option === undefined && value !== undefined && this.resetUnknownValue) {
-      console.info('[bootstrap-addons] resetting <bs-select> unknown value');
-      void Promise.resolve().then(() => (this.value = undefined));
+    option = isEntries && option !== undefined ? { value: option[0], text: option[1] } : (option as ISelectOption);
+
+    // update value next tick if it differs from current
+    const foundValue = option?.value;
+
+    if (foundValue !== value) {
+      console.info(`[bootstrap-addons] updating <bs-select> [id=${this.id}] value to`, foundValue);
+      void Promise.resolve().then(() => (this.value = foundValue));
     }
 
-    return isEntries ? { value: option[0], text: option[1] } : (option as ISelectOption);
+    return option;
   }
 }