updates

src/utils/AppendOptions.js

@@ -1,25 +1,15 @@
-//import { Ut } from ".";
+import { Ut } from ".";
 
 export class AppendOptions {
 
     constructor(target, data, opts) {
-    
+
         opts = opts || {};
 
         if (opts.clear) {
-            this.dxHtml('');
+            this.replaceChildren();
-        }
-
-        if (typeof data === 'string') {
-            Object.entries(JSON.parse(data)).forEach(([k, v]) => target.append(new Option(v, k)));
-        }
-        else {
-
-            for (let id in data) {
-                target.append(new Option(data[id], id));
-            }
         }
+        
+        Ut.each(Ut.isStr(data) ? JSON.parse(data) : data, (val, id) => target.append(new Option(val, id)) );
     }
-}
+}
-
-// Ut.extendNodeUx(AppendOptions);

src/utils/Form.js

@@ -55,6 +55,4 @@ export class Form extends FormValidator {
 			});
 		};
 	}
-}
+}
-
-//Ut.extendNodeUx(Form);

src/utils/Options.js

@@ -122,6 +122,4 @@ export class Options {
 			this.target.dxHtml('');
 		}
 	}
-}
+}
-
-//Ut.extendNodeUx(Options);

src/utils/form-validator/FormValidator.js

@@ -220,6 +220,4 @@ export class FormValidator extends Validator {
 		this.target.dxOff('submit.form click.form keydown.form click.ui');
 		this.target.dxRemoveData('form');
 	}
-}
+}
-
-// Ut.extendNodeUx(FormValidator);

src/utils/form-validator/InputError.js

@@ -40,6 +40,4 @@ export class InputError {
 		this.fieldWrapper.classList.remove('form-field-error');
 		this.fieldWrapper.dxFind('.sp-label-error')?.remove();
 	}
-}
+}
-
-//Ut.extendNodeUx(InputError);

src/widgets/autocomplete/Autocomplete.js

@@ -320,6 +320,4 @@ export class Autocomplete {
 
 		Ut.trigger(this.opts.onDestroy, this);
 	}
-}
+}
-
-//Ut.extendNodeUx(Autocomplete);

src/widgets/cancelable/Cancelable.js

@@ -66,6 +66,4 @@ export class Cancelable {
         
         return this.target;
     }
-}
+}
-
-//Ut.extendNodeUx(Cancelable);

src/widgets/date-picker/DatePicker.js

@@ -1123,6 +1123,4 @@ export class DatePicker {
 
 		return this.target;
 	}
-}
+}
-
-//Ut.extendNodeUx(DatePicker);

src/widgets/dropdown/Dropdown.js

@@ -176,6 +176,4 @@ export class Dropdown {
 
         return this.target;
     }
-}
+}
-
-//Ut.extendNodeUx(Dropdown);

src/widgets/lightbox/Lightbox.js

@@ -322,6 +322,4 @@ export class Lightbox {
 
 		this.target.dxRemoveData('lightbox');
 	}
-}
+}
-
-//Ut.extendNodeUx(Lightbox);

src/widgets/pin-box/PinBox.js

@@ -124,6 +124,4 @@ export class PinBox {
 		this.target.dxRemoveData('pinbox');
 		Ut.trigger(this.opts.destroy, this);
 	}
-}
+}
-
-//Ut.extendNodeUx(PinBox);

src/widgets/popover/Popover.js

@@ -177,6 +177,4 @@ export class Alert {
 	constructor(target, msg) {
 		new Popover(target, msg, { color: 'red', timeout: 3000 });
 	}	
-}
+}
-
-//Ut.extendNodeUx(Popover, Alert);

src/widgets/popup/Popup.js

@@ -243,6 +243,4 @@ export class Popup {
 
 		this.card.ui.dxCss({ top: '-25%', opacity: 0 });
 	}
-}
+}
-
-//Ut.extendNodeUx(Popup);

src/widgets/table/Table.js

@@ -647,6 +647,4 @@ export class Table {
     setFooterToolbar(content) {
         this.toolbarFooter.dxHtml(content);
     }
-}
+}
-
-//Ut.extendNodeUx(Table);

src/widgets/two-datepicker/TwoDatepicker.js

@@ -293,6 +293,4 @@ export class TwoDatePicker {
 
 		Stack.delete(this);
 	}
-}
+}
-
-//Ut.extendNodeUx(TwoDatePicker);

src/widgets/uploader/Uploader.js

@@ -695,6 +695,4 @@ export class Uploader {
 
 		Ut.trigger(this.events.destroy, this)
 	}
-}
+}
-
-//Ut.extendNodeUx(Uploader);