@luftborn/custom-elements 1.1.40 → 1.1.42

package/demo/index.html

@@ -521,11 +521,11 @@
 									<div class="field-item">
 										<div class="field-label">Checkbox:</div>
 										<div class="field-input">
-									<drop-down-element custom-input="" name="Checkbox0" style="width: 100%;">
+									<checkbox-element custom-input="" name="Checkbox0" style="width: 100%;">
 										<script type="application/json">
 											{"label":"Checkbox","name":"Checkbox0","tempId":null,"value":null,"type":7,"required":false,"allDependenciesMustBeMet":false,"multi":false,"min":null,"max":null,"step":null,"options":["1","2"],"optionsWithDescriptions":[],"addressAutoComplete":true,"noValueDependency":{"value":"","criteria":"Exact","items":["File7"]},"hasValueDependency":{"value":"","criteria":"Exact","items":["CVR6"]},"dependencies":[{"value":"1","criteria":"Exact","items":["Date1"]},{"value":"2","criteria":"Exact","items":["Date1","Tel2"]}]}
 										</script>
-									</drop-down-element>
+									</checkbox-element>
 							
 										</div>
 									</div>

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@luftborn/custom-elements",
-	"version": "1.1.40",
+	"version": "1.1.42",
 	"description": "custom HTML elements for the form builder application ",
 	"scripts": {
 		"test": "echo \"Error: no test specified\" && exit 1",
@@ -14,7 +14,7 @@
 		"@webcomponents/webcomponentsjs"
 	],
 	"dependencies": {
-		"@luftborn/utilities": "^1.1.6",
+		"@luftborn/utilities": "^1.1.7",
 		"@types/googlemaps": "^3.39.6",
 		"@webcomponents/custom-elements": "^1.4.1",
 		"@webcomponents/webcomponentsjs": "^2.4.3",

package/src/elements/CheckBoxElement/CheckBoxElement.ts

@@ -71,6 +71,7 @@ export class CheckBoxElement extends CustomInputElement {
 
 	private addCheckBoxes() {
 		const wrapper = super.getChildElement('.wrapper');
+		wrapper.innerHTML = "";
 		this.options.forEach((element, index) => {
 			wrapper.insertAdjacentHTML(
 				'beforeend',

package/src/elements/DropDownList/DropDownListElement.ts

@@ -77,6 +77,7 @@ export class DropDownListElement extends CustomInputElement {
 	}
 
 	private addOptions() {
+		this.select.innerHTML = "";
 		this.options.forEach((element, index) => {
 			this.select.insertAdjacentHTML(
 				'beforeend',

package/src/elements/RadioButtonGroup/RadioButtonGroupElement.ts

@@ -74,6 +74,7 @@ export class RadioButtonGroupElement extends CustomInputElement {
 
 	private addRadioButtons() {
 		const wrapper = super.getChildElement('.wrapper');
+		wrapper.innerHTML = "";
 		this.options.forEach((element, index) => {
 			wrapper.insertAdjacentHTML(
 				'beforeend',