@ekzo-dev/bootstrap-addons 5.3.7 → 5.3.9

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ekzo-dev/bootstrap-addons",
   "description": "Aurelia Bootstrap additional component",
-  "version": "5.3.7",
+  "version": "5.3.9",
   "homepage": "https://github.com/ekzo-dev/aurelia-components/tree/main/packages/bootstrap-addons",
   "repository": {
     "type": "git",
@@ -20,7 +20,7 @@
     "json-schema-library": "^10.5.1"
   },
   "peerDependencies": {
-    "aurelia": "^2.0.0-beta.25",
+    "aurelia": "^2.0.0-rc.0",
     "bootstrap": "~5.3.7",
     "@popperjs/core": "^2.11.8",
     "vanilla-jsoneditor": "~3.7.0",

package/src/forms/duration-input/duration-input.ts

@@ -35,8 +35,8 @@ export class BsDurationInput extends BaseField implements EventListenerObject {
       seconds,
     }).toString();
   }
-  set value(value: string | null | undefined) {
-    this._parseDuration(value);
+  set value(value: unknown) {
+    this._parseDuration(value != null ? value.toString() : 'PT0S');
   }
 
   @bindable()

package/src/forms/select/select.ts

@@ -49,6 +49,12 @@ export class BsSelect extends BaseBsSelect implements ICustomElementViewModel {
     this.setPopperConfig();
   }
 
+  valueChanged(value: unknown): void {
+    if (this.multiple && !Array.isArray(value)) {
+      this.value = [];
+    }
+  }
+
   setPopperConfig() {
     const { host } = this;
     const parentModal = host.closest('.modal-body,.popover-body,.offcanvas-body');
@@ -78,9 +84,9 @@ export class BsSelect extends BaseBsSelect implements ICustomElementViewModel {
     if (this.multiple) {
       const { options, value } = this;
 
-      return (value as [])
-        .map((val) => (options as ISelectOption[]).find((option) => option.value === val).text)
-        .join(', ');
+      return Array.isArray(value)
+        ? value.map((val) => (options as ISelectOption[]).find((option) => option.value === val).text).join(', ')
+        : '';
     }
 
     const { selectedOption, emptyOption } = this;
@@ -96,7 +102,7 @@ export class BsSelect extends BaseBsSelect implements ICustomElementViewModel {
     return (
       !this.disabled &&
       ((this.emptyOption && this.selectedOption?.value !== this.emptyOption.value) ||
-        (this.multiple && (this.value as unknown[]).length > 0))
+        (this.multiple && Array.isArray(this.value) && this.value.length > 0))
     );
   }