@optionfactory/ful 3.0.0 → 3.0.2

package/dist/ful.iife.js

@@ -1437,24 +1437,29 @@ var ful = (function (exports, ftl) {
         <ful-field-error></ful-field-error>
     `;
         static formAssociated = true;
-        #input;
-        #fieldError;
+        _input;
+        _fieldError;
         constructor() {
             super();
             this.internals = this.attachInternals();
             this.internals.role = 'presentation';
         }
+        _type(){
+            return this.getAttribute("type") ?? 'text';    }
+        _fragment(type, slots){
+            return this.template().withOverlay({ type, slots }).render();    
+        }
         render({ slots, observed, disabled }) {
-            const type = this.getAttribute("type") ?? 'text';
-            const fragment = this.template().withOverlay({ type, slots }).render();    
-            this.#input = fragment.querySelector("input,textarea");
+            const type = this._type();
+            const fragment = this._fragment(type, slots );    
+            this._input = fragment.querySelector("input,textarea");
 
-            ftl.Attributes.forward('input-', this, this.#input);
+            ftl.Attributes.forward('input-', this, this._input);
             this.disabled = disabled;
             this.readonly = observed.readonly;
             this.value = observed.value;
 
-            this.#input.addEventListener('change', (evt) => {
+            this._input.addEventListener('change', (evt) => {
                 evt.stopPropagation();
                 this.dispatchEvent(new CustomEvent('change', {
                     bubbles: true,
@@ -1466,40 +1471,40 @@ var ful = (function (exports, ftl) {
             });
             const label = fragment.querySelector('label');
             label.addEventListener('click', () => this.focus());
-            this.#fieldError = fragment.querySelector('ful-field-error');
-            this.#input.ariaDescribedByElements = [this.#fieldError];
-            this.#input.ariaLabelledByElements = [label];
+            this._fieldError = fragment.querySelector('ful-field-error');
+            this._input.ariaDescribedByElements = [this._fieldError];
+            this._input.ariaLabelledByElements = [label];
             this.replaceChildren(fragment);
         }
         get value() {
-            return this.#input.value === '' ? null : this.#input.value;
+            return this._input.value === '' ? null : this._input.value;
         }
         set value(value) {
-            this.#input.value = value === '' ? null : value;
+            this._input.value = value === '' ? null : value;
         }
         get readonly(){
-            return this.#input.readOnly;
+            return this._input.readOnly;
         }
         set readonly(v) {
-            this.#input.readOnly = v;
+            this._input.readOnly = v;
         }    
         get disabled(){
-            return this.#input.hasAttribute('disabled');
+            return this._input.hasAttribute('disabled');
         }
         set disabled(d){
-            ftl.Attributes.toggle(this.#input, 'disabled', d);
+            ftl.Attributes.toggle(this._input, 'disabled', d);
         }
         focus(options) {
-            this.#input.focus(options);
+            this._input.focus(options);
         }
         setCustomValidity(error) {
             if (!error) {
                 this.internals.setValidity({});
-                this.#fieldError.innerText = "";
+                this._fieldError.innerText = "";
                 return;
             }
             this.internals.setValidity({ customError: true }, " ");
-            this.#fieldError.innerText = error;
+            this._fieldError.innerText = error;
         }
         formResetCallback(){
             this.value = this.getAttribute("value");