@bnsights/bbsf-controls 1.0.132 → 1.0.134
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +8 -0
- package/esm2022/lib/controls/Repeater/repeater/repeater.component.mjs +2 -2
- package/esm2022/lib/controls/Repeater/repeater-field-builder/repeater-field-builder.component.mjs +48 -24
- package/fesm2022/bnsights-bbsf-controls.mjs +48 -24
- package/fesm2022/bnsights-bbsf-controls.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -7202,7 +7202,7 @@ class RepeaterFieldBuilderComponent {
|
|
|
7202
7202
|
this.itemValue = this.itemsValue[this.itemNumber];
|
|
7203
7203
|
if (this.itemValue) {
|
|
7204
7204
|
for (const key in this.itemValue) {
|
|
7205
|
-
if (Object.prototype.hasOwnProperty.call(this.itemValue, key) && key == this.repeaterField.controlOptions.
|
|
7205
|
+
if (Object.prototype.hasOwnProperty.call(this.itemValue, key) && key == this.repeaterField.controlOptions.name) {
|
|
7206
7206
|
const element = this.itemValue[key];
|
|
7207
7207
|
this.value = element;
|
|
7208
7208
|
}
|
|
@@ -7210,7 +7210,7 @@ class RepeaterFieldBuilderComponent {
|
|
|
7210
7210
|
}
|
|
7211
7211
|
this.item.clear();
|
|
7212
7212
|
switch (this.repeaterField?.controlType) {
|
|
7213
|
-
|
|
7213
|
+
//#region TextBox
|
|
7214
7214
|
case DataType.Text:
|
|
7215
7215
|
let Text = new TextBoxOptions();
|
|
7216
7216
|
Text.name = this.repeaterField.controlOptions.name + "." + this.itemNumber.toString() + "." + this.controlNumber.toString();
|
|
@@ -7279,7 +7279,8 @@ class RepeaterFieldBuilderComponent {
|
|
|
7279
7279
|
number.isReadonly = this.repeaterField.controlOptions.isReadonly;
|
|
7280
7280
|
this.renderComponentService.renderDynamicComponent(this.item, TextboxComponent, this.group, number);
|
|
7281
7281
|
break;
|
|
7282
|
-
|
|
7282
|
+
//#endregion
|
|
7283
|
+
//#region DateTime
|
|
7283
7284
|
case DataType.Date:
|
|
7284
7285
|
let date = new DatePickerOptions();
|
|
7285
7286
|
date.name = this.repeaterField.controlOptions.name + "." + this.itemNumber.toString() + "." + this.controlNumber.toString();
|
|
@@ -7322,7 +7323,8 @@ class RepeaterFieldBuilderComponent {
|
|
|
7322
7323
|
time.value = this.value;
|
|
7323
7324
|
this.renderComponentService.renderDynamicComponent(this.item, DateInputComponent, this.group, time);
|
|
7324
7325
|
break;
|
|
7325
|
-
|
|
7326
|
+
//#endregion
|
|
7327
|
+
//#region Dropdown
|
|
7326
7328
|
case DataType.SingleSelect:
|
|
7327
7329
|
let singleSelect = new DropdownOptions();
|
|
7328
7330
|
singleSelect.name = this.repeaterField.controlOptions.name + "." + this.itemNumber.toString() + "." + this.controlNumber.toString();
|
|
@@ -7414,7 +7416,8 @@ class RepeaterFieldBuilderComponent {
|
|
|
7414
7416
|
country.selectedItems = this.value;
|
|
7415
7417
|
this.renderComponentService.renderDynamicComponent(this.item, DropdownListComponent, this.group, country);
|
|
7416
7418
|
break;
|
|
7417
|
-
|
|
7419
|
+
//#endregion
|
|
7420
|
+
//#region FileUpload
|
|
7418
7421
|
case DataType.File:
|
|
7419
7422
|
let file = new FileUploadOptions();
|
|
7420
7423
|
file.name = this.repeaterField.controlOptions.name + "." + this.itemNumber.toString() + "." + this.controlNumber.toString();
|
|
@@ -7441,7 +7444,8 @@ class RepeaterFieldBuilderComponent {
|
|
|
7441
7444
|
multiFile.value = this.value;
|
|
7442
7445
|
this.renderComponentService.renderDynamicComponent(this.item, FileUploadComponent, this.group, multiFile);
|
|
7443
7446
|
break;
|
|
7444
|
-
|
|
7447
|
+
//#endregion
|
|
7448
|
+
//#region ImageUpload
|
|
7445
7449
|
case DataType.Image:
|
|
7446
7450
|
let image = new ImageUploadOptions();
|
|
7447
7451
|
image.name = this.repeaterField.controlOptions.Name + "." + this.itemNumber.toString() + "." + this.controlNumber.toString();
|
|
@@ -7468,7 +7472,8 @@ class RepeaterFieldBuilderComponent {
|
|
|
7468
7472
|
coverPhoto.value = this.value;
|
|
7469
7473
|
this.renderComponentService.renderDynamicComponent(this.item, ImageUploaderComponent, this.group, coverPhoto);
|
|
7470
7474
|
break;
|
|
7471
|
-
|
|
7475
|
+
//#endregion
|
|
7476
|
+
//#region Mobile
|
|
7472
7477
|
case DataType.Mobile:
|
|
7473
7478
|
let mobile = new PhoneOptions();
|
|
7474
7479
|
mobile.name = this.repeaterField.controlOptions.Name + "." + this.itemNumber.toString() + "." + this.controlNumber.toString();
|
|
@@ -7484,7 +7489,8 @@ class RepeaterFieldBuilderComponent {
|
|
|
7484
7489
|
mobile.value = this.value;
|
|
7485
7490
|
this.renderComponentService.renderDynamicComponent(this.item, PhoneComponent, this.group, mobile);
|
|
7486
7491
|
break;
|
|
7487
|
-
|
|
7492
|
+
//#endregion
|
|
7493
|
+
//#region MultilineText
|
|
7488
7494
|
case DataType.MultilineText:
|
|
7489
7495
|
let multilineText = new TextAreaOptions();
|
|
7490
7496
|
multilineText.name = this.repeaterField.controlOptions.Name + "." + this.itemNumber.toString() + "." + this.controlNumber.toString();
|
|
@@ -7502,7 +7508,8 @@ class RepeaterFieldBuilderComponent {
|
|
|
7502
7508
|
multilineText.value = this.value;
|
|
7503
7509
|
this.renderComponentService.renderDynamicComponent(this.item, TextAreaComponent, this.group, multilineText);
|
|
7504
7510
|
break;
|
|
7505
|
-
|
|
7511
|
+
//#endregion
|
|
7512
|
+
//#region HTML
|
|
7506
7513
|
case DataType.HTML:
|
|
7507
7514
|
let HTML = new HtmlEditorOptions();
|
|
7508
7515
|
HTML.name = this.repeaterField.controlOptions.Name + "." + this.itemNumber.toString() + "." + this.controlNumber.toString();
|
|
@@ -7520,7 +7527,8 @@ class RepeaterFieldBuilderComponent {
|
|
|
7520
7527
|
HTML.value = this.value;
|
|
7521
7528
|
this.renderComponentService.renderDynamicComponent(this.item, HtmlEditorComponent, this.group, HTML);
|
|
7522
7529
|
break;
|
|
7523
|
-
|
|
7530
|
+
//#endregion
|
|
7531
|
+
//#region Boolean
|
|
7524
7532
|
case DataType.Boolean:
|
|
7525
7533
|
let boolean = new ToggleSlideOptions();
|
|
7526
7534
|
boolean.name = this.repeaterField.controlOptions.name + "." + this.itemNumber.toString() + "." + this.controlNumber.toString();
|
|
@@ -7531,7 +7539,8 @@ class RepeaterFieldBuilderComponent {
|
|
|
7531
7539
|
boolean.labelDescription = this.repeaterField.controlOptions.labelDescription ? this.repeaterField.controlOptions.labelDescription : "";
|
|
7532
7540
|
this.renderComponentService.renderDynamicComponent(this.item, ToggleslideComponent, this.group, boolean);
|
|
7533
7541
|
break;
|
|
7534
|
-
|
|
7542
|
+
//#endregion
|
|
7543
|
+
//#region Location
|
|
7535
7544
|
case DataType.Location:
|
|
7536
7545
|
let location = new MapAutoCompleteOptions();
|
|
7537
7546
|
location.name = this.repeaterField.controlOptions.name + "." + this.itemNumber.toString() + "." + this.controlNumber.toString();
|
|
@@ -7543,6 +7552,8 @@ class RepeaterFieldBuilderComponent {
|
|
|
7543
7552
|
location.labelDescription = this.repeaterField.controlOptions.labelDescription ? this.repeaterField.controlOptions.labelDescription : "";
|
|
7544
7553
|
this.renderComponentService.renderDynamicComponent(this.item, MapAutoCompleteComponent, this.group, location);
|
|
7545
7554
|
break;
|
|
7555
|
+
//#endregion
|
|
7556
|
+
//#region CheckBox
|
|
7546
7557
|
case DataType.CheckBox:
|
|
7547
7558
|
let checkBox = new CheckBoxOptions();
|
|
7548
7559
|
checkBox.name = this.repeaterField.controlOptions.name + "." + this.itemNumber.toString() + "." + this.controlNumber.toString();
|
|
@@ -7551,9 +7562,10 @@ class RepeaterFieldBuilderComponent {
|
|
|
7551
7562
|
checkBox.viewType = this.repeaterField.controlOptions.viewType;
|
|
7552
7563
|
checkBox.outputFunction = this.repeaterField.controlOptions.outputFunction;
|
|
7553
7564
|
checkBox.labelDescription = this.repeaterField.controlOptions.labelDescription ? this.repeaterField.controlOptions.labelDescription : "";
|
|
7554
|
-
checkBox.value = this.
|
|
7565
|
+
checkBox.value = this.value;
|
|
7555
7566
|
this.renderComponentService.renderDynamicComponent(this.item, CheckBoxComponent, this.group, checkBox);
|
|
7556
7567
|
break;
|
|
7568
|
+
//#endregion
|
|
7557
7569
|
default:
|
|
7558
7570
|
break;
|
|
7559
7571
|
}
|
|
@@ -7567,7 +7579,7 @@ class RepeaterFieldBuilderComponent {
|
|
|
7567
7579
|
this.item.clear();
|
|
7568
7580
|
this.group.removeControl(name);
|
|
7569
7581
|
switch (this.repeaterField.controlType) {
|
|
7570
|
-
|
|
7582
|
+
//#region TextBox
|
|
7571
7583
|
case DataType.Text:
|
|
7572
7584
|
let text = new TextBoxOptions();
|
|
7573
7585
|
text.name = this.repeaterField.controlOptions.name + "." + changes.itemNumber.currentValue + "." + this.controlNumber.toString();
|
|
@@ -7628,7 +7640,8 @@ class RepeaterFieldBuilderComponent {
|
|
|
7628
7640
|
number.value = value;
|
|
7629
7641
|
this.renderComponentService.renderDynamicComponent(this.item, TextboxComponent, this.group, number);
|
|
7630
7642
|
break;
|
|
7631
|
-
|
|
7643
|
+
//#endregion
|
|
7644
|
+
//#region DateTime
|
|
7632
7645
|
case DataType.Date:
|
|
7633
7646
|
let Date = new DatePickerOptions();
|
|
7634
7647
|
Date.name = this.repeaterField.controlOptions.name + "." + changes.itemNumber.currentValue + "." + this.controlNumber.toString();
|
|
@@ -7671,7 +7684,8 @@ class RepeaterFieldBuilderComponent {
|
|
|
7671
7684
|
time.value = value;
|
|
7672
7685
|
this.renderComponentService.renderDynamicComponent(this.item, DateInputComponent, this.group, time);
|
|
7673
7686
|
break;
|
|
7674
|
-
|
|
7687
|
+
//#endregion
|
|
7688
|
+
//#region Dropdown
|
|
7675
7689
|
case DataType.SingleSelect:
|
|
7676
7690
|
let singleSelect = new DropdownOptions();
|
|
7677
7691
|
singleSelect.name = this.repeaterField.controlOptions.name + "." + changes.itemNumber.currentValue + "." + this.controlNumber.toString();
|
|
@@ -7763,7 +7777,8 @@ class RepeaterFieldBuilderComponent {
|
|
|
7763
7777
|
country.selectedItems = value;
|
|
7764
7778
|
this.renderComponentService.renderDynamicComponent(this.item, DropdownListComponent, this.group, country);
|
|
7765
7779
|
break;
|
|
7766
|
-
|
|
7780
|
+
//#endregion
|
|
7781
|
+
//#region FileUpload
|
|
7767
7782
|
case DataType.File:
|
|
7768
7783
|
let file = new FileUploadOptions();
|
|
7769
7784
|
file.name = this.repeaterField.controlOptions.name + "." + changes.itemNumber.currentValue + "." + this.controlNumber.toString();
|
|
@@ -7790,7 +7805,8 @@ class RepeaterFieldBuilderComponent {
|
|
|
7790
7805
|
multiFile.value = value;
|
|
7791
7806
|
this.renderComponentService.renderDynamicComponent(this.item, FileUploadComponent, this.group, multiFile);
|
|
7792
7807
|
break;
|
|
7793
|
-
|
|
7808
|
+
//#endregion
|
|
7809
|
+
//#region ImageUpload
|
|
7794
7810
|
case DataType.Image:
|
|
7795
7811
|
let image = new ImageUploadOptions();
|
|
7796
7812
|
image.name = this.repeaterField.controlOptions.name + "." + changes.itemNumber.currentValue + "." + this.controlNumber.toString();
|
|
@@ -7817,7 +7833,8 @@ class RepeaterFieldBuilderComponent {
|
|
|
7817
7833
|
coverPhoto.value = value;
|
|
7818
7834
|
this.renderComponentService.renderDynamicComponent(this.item, ImageUploaderComponent, this.group, coverPhoto);
|
|
7819
7835
|
break;
|
|
7820
|
-
|
|
7836
|
+
//#endregion
|
|
7837
|
+
//#region Mobile
|
|
7821
7838
|
case DataType.Mobile:
|
|
7822
7839
|
let mobile = new PhoneOptions();
|
|
7823
7840
|
mobile.name = this.repeaterField.controlOptions.name + "." + changes.itemNumber.currentValue + "." + this.controlNumber.toString();
|
|
@@ -7833,7 +7850,8 @@ class RepeaterFieldBuilderComponent {
|
|
|
7833
7850
|
mobile.value = value;
|
|
7834
7851
|
this.renderComponentService.renderDynamicComponent(this.item, PhoneComponent, this.group, mobile);
|
|
7835
7852
|
break;
|
|
7836
|
-
|
|
7853
|
+
//#endregion
|
|
7854
|
+
//#region MultilineText
|
|
7837
7855
|
case DataType.MultilineText:
|
|
7838
7856
|
let multilineText = new TextAreaOptions();
|
|
7839
7857
|
multilineText.name = this.repeaterField.controlOptions.name + "." + changes.itemNumber.currentValue + "." + this.controlNumber.toString();
|
|
@@ -7851,7 +7869,8 @@ class RepeaterFieldBuilderComponent {
|
|
|
7851
7869
|
multilineText.value = value;
|
|
7852
7870
|
this.renderComponentService.renderDynamicComponent(this.item, TextAreaComponent, this.group, multilineText);
|
|
7853
7871
|
break;
|
|
7854
|
-
|
|
7872
|
+
//#endregion
|
|
7873
|
+
//#region HTML
|
|
7855
7874
|
case DataType.HTML:
|
|
7856
7875
|
let HTML = new HtmlEditorOptions();
|
|
7857
7876
|
HTML.name = this.repeaterField.controlOptions.name + "." + changes.itemNumber.currentValue + "." + this.controlNumber.toString();
|
|
@@ -7869,7 +7888,8 @@ class RepeaterFieldBuilderComponent {
|
|
|
7869
7888
|
HTML.value = value;
|
|
7870
7889
|
this.renderComponentService.renderDynamicComponent(this.item, HtmlEditorComponent, this.group, HTML);
|
|
7871
7890
|
break;
|
|
7872
|
-
|
|
7891
|
+
//#endregion
|
|
7892
|
+
//#region Boolean
|
|
7873
7893
|
case DataType.Boolean:
|
|
7874
7894
|
let boolean = new ToggleSlideOptions();
|
|
7875
7895
|
boolean.name = this.repeaterField.controlOptions.name + "." + changes.itemNumber.currentValue + "." + this.controlNumber.toString();
|
|
@@ -7880,7 +7900,8 @@ class RepeaterFieldBuilderComponent {
|
|
|
7880
7900
|
boolean.value = value;
|
|
7881
7901
|
this.renderComponentService.renderDynamicComponent(this.item, ToggleslideComponent, this.group, boolean);
|
|
7882
7902
|
break;
|
|
7883
|
-
|
|
7903
|
+
//#endregion
|
|
7904
|
+
//#region Location
|
|
7884
7905
|
case DataType.Location:
|
|
7885
7906
|
let Location = new MapAutoCompleteOptions();
|
|
7886
7907
|
Location.name = this.repeaterField.controlOptions.name + "." + changes.itemNumber.currentValue + "." + this.controlNumber.toString();
|
|
@@ -7892,6 +7913,8 @@ class RepeaterFieldBuilderComponent {
|
|
|
7892
7913
|
Location.value = value;
|
|
7893
7914
|
this.renderComponentService.renderDynamicComponent(this.item, MapAutoCompleteComponent, this.group, Location);
|
|
7894
7915
|
break;
|
|
7916
|
+
//#endregion
|
|
7917
|
+
//#region CheckBox
|
|
7895
7918
|
case DataType.CheckBox:
|
|
7896
7919
|
let checkBox = new CheckBoxOptions();
|
|
7897
7920
|
checkBox.name = this.repeaterField.controlOptions.name + "." + this.itemNumber.toString() + "." + this.controlNumber.toString();
|
|
@@ -7900,9 +7923,10 @@ class RepeaterFieldBuilderComponent {
|
|
|
7900
7923
|
checkBox.viewType = this.repeaterField.controlOptions.viewType;
|
|
7901
7924
|
checkBox.labelDescription = this.repeaterField.controlOptions.labelDescription ? this.repeaterField.controlOptions.labelDescription : "";
|
|
7902
7925
|
checkBox.outputFunction = this.repeaterField.controlOptions.outputFunction;
|
|
7903
|
-
checkBox.value =
|
|
7926
|
+
checkBox.value = value;
|
|
7904
7927
|
this.renderComponentService.renderDynamicComponent(this.item, CheckBoxComponent, this.group, checkBox);
|
|
7905
7928
|
break;
|
|
7929
|
+
//#endregion
|
|
7906
7930
|
default:
|
|
7907
7931
|
break;
|
|
7908
7932
|
}
|
|
@@ -8112,7 +8136,7 @@ class RepeaterComponent {
|
|
|
8112
8136
|
if (this.items.length == this.options.minRequiredItems && this.options.isRequired)
|
|
8113
8137
|
return;
|
|
8114
8138
|
let deletedControls = [];
|
|
8115
|
-
let controlNames = this.options.repeaterStructure.map(e => e.controlOptions.
|
|
8139
|
+
let controlNames = this.options.repeaterStructure.map(e => e.controlOptions.name);
|
|
8116
8140
|
for (const key in this.repeaterGroup.controls) {
|
|
8117
8141
|
if (Object.prototype.hasOwnProperty.call(this.repeaterGroup.controls, key)) {
|
|
8118
8142
|
for (let index = 0; index < controlNames.length; index++) {
|