@ekzo-dev/bootstrap-addons 5.2.14 → 5.2.16

package/package.json

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

package/src/forms/select/select.html

@@ -56,7 +56,7 @@
           class="ps-4"
           type="button"
           repeat.for="option of v"
-          bs-dropdown-item="active.bind: option === selectedOption; disabled.bind: option.disabled"
+          bs-dropdown-item="active.bind: option.value === selectedOption.value; disabled.bind: option.disabled"
           click.trigger="selectOption(option)"
         >
           ${option.text || ' '}

package/src/forms/select/select.stories.ts

@@ -50,7 +50,7 @@ const LargeOptions: Story = (args) => ({
 
 LargeOptions.args = {
   options: Array.from({ length: 1000 }).map((v, i) => ({
-    value: i,
+    value: i.toString(),
     text: `Option ${i} has long content which forces dropdown menu to scale larger that select box`,
   })),
 };

package/src/forms/select/select.ts

@@ -31,6 +31,16 @@ export class BsSelect extends BaseBsSelect implements ICustomElementViewModel {
 
   optionsCount: number = 0;
 
+  deactivating: boolean = false;
+
+  binding() {
+    this.deactivating = false;
+  }
+
+  unbinding() {
+    this.deactivating = true;
+  }
+
   attached() {
     if (this.multiple) {
       this.#setHeight();
@@ -80,6 +90,8 @@ export class BsSelect extends BaseBsSelect implements ICustomElementViewModel {
   }
 
   get selectedOption(): ISelectOption | undefined {
+    if (this['__raw__'].deactivating) return;
+
     const { matcher, value } = this;
     let { options } = this;