@luftborn/custom-elements 2.11.4 → 2.12.1

package/demo/index.min.js

@@ -2305,10 +2305,17 @@ var CustomForm = /** @class */ (function () {
         groupContainers.forEach(function (element) {
             var dependentField = element.getAttribute('data-depends-on');
             var dependentValue = element.getAttribute('data-dependent-value');
+            var dependentValues;
+            try {
+                dependentValues = JSON.parse(dependentValue);
+            }
+            catch (e) {
+                dependentValues = [dependentValue];
+            }
             var customElement = document.forms[0].querySelector("[name=\"" + dependentField + "\"]");
             element.setAttribute("hidden", "");
             customElement.onChange.on(function (event) {
-                if (_this.groupShouldBeVisible(event.value, dependentValue)) {
+                if (_this.groupShouldBeVisible(event.value, dependentValues)) {
                     _this.showGroupAndItsDependencies(element);
                 }
                 else {
@@ -2317,7 +2324,7 @@ var CustomForm = /** @class */ (function () {
             });
             customElement.onVisibilityChanged.on(function (event) {
                 var elmentIsHidden = customElement.hasAttribute('hidden');
-                if (_this.groupShouldBeVisible(customElement.value, dependentValue) && !elmentIsHidden) {
+                if (_this.groupShouldBeVisible(customElement.value, dependentValues) && !elmentIsHidden) {
                     _this.showGroupAndItsDependencies(element);
                 }
                 else {
@@ -2327,7 +2334,7 @@ var CustomForm = /** @class */ (function () {
         });
     };
     CustomForm.prototype.groupShouldBeVisible = function (eventValue, dependentValue) {
-        return eventValue === dependentValue || (Array.isArray(eventValue) && eventValue.indexOf(dependentValue) >= 0);
+        return dependentValue.some(function (value) { return eventValue === value || (Array.isArray(eventValue) && eventValue.indexOf(value) >= 0); });
     };
     CustomForm.prototype.hideGroupAndItsDependencies = function (group) {
         var _this = this;
@@ -2628,9 +2635,9 @@ var BankFieldElement = /** @class */ (function (_super) {
     }
     Object.defineProperty(BankFieldElement.prototype, "value", {
         get: function () {
-            var account = this.account.value || '';
-            var regNumber = this.regNumber.value ? "," + this.regNumber.value : '';
-            return "" + account + regNumber;
+            var regNumber = this.regNumber.value || '';
+            var account = this.account.value ? "," + this.account.value : '';
+            return "" + regNumber + account;
         },
         set: function (value) {
             var values = value.split(',');