x4js 1.5.29 → 1.5.31

package/lib/esm/index.mjs

@@ -1976,6 +1976,17 @@ var _Component = class extends BaseComponent {
       append(content);
     }
   }
+  removeChild(item) {
+    if (this.m_props.content) {
+      if (!isArray(this.m_props.content)) {
+        this.m_props.content = [this.m_props.content];
+      }
+      this.m_props.content = this.m_props.content.filter((x) => x !== item);
+    }
+    if (this.dom && item.dom) {
+      this.dom.removeChild(item.dom);
+    }
+  }
   /**
    * 
    */
@@ -3542,7 +3553,7 @@ var Router = class extends EventSource {
   _getLocation() {
     return this.m_useHash ? "/" + x4document.location.hash.substring(1) : x4document.location.pathname;
   }
-  navigate(uri, notify = true) {
+  navigate(uri, notify = true, replace = false) {
     if (!uri.startsWith("/")) {
       uri = "/" + uri;
     }
@@ -3553,10 +3564,13 @@ var Router = class extends EventSource {
       return;
     }
     if (this.m_useHash) {
-      while (uri.startsWith("/")) {
+      while (uri.at(0) == "/") {
         uri = uri.substring(1);
       }
-      window.history.pushState({}, "", "#" + uri);
+      uri = "#" + uri;
+    }
+    if (replace) {
+      window.history.replaceState({}, "", uri);
     } else {
       window.history.pushState({}, "", uri);
     }
@@ -5316,11 +5330,138 @@ var PopupListView = class extends Popup {
 };
 __name(PopupListView, "PopupListView");
 
+// src/tooltips.ts
+var tipTmo;
+var tooltip;
+var Tooltip = class extends Component {
+  m_text;
+  set text(text) {
+    this.m_text.text = text;
+  }
+  /** @ignore */
+  render() {
+    this.setClass("@non-maskable", true);
+    this.setContent([
+      new Icon({ icon: "var( --x4-icon-tip )" }),
+      this.m_text = new Label({ text: "help" })
+    ]);
+  }
+  /**
+  * display the menu at a specific position
+  * @param x 
+  * @param y 
+  */
+  displayAt(x, y, align = "top left") {
+    this.show();
+    let halign = "l", valign = "t";
+    if (align.indexOf("right") >= 0) {
+      halign = "r";
+    }
+    if (align.indexOf("bottom") >= 0) {
+      valign = "b";
+    }
+    let rc = x4document.body.getBoundingClientRect(), rm = this.getBoundingRect();
+    if (halign == "r") {
+      x -= rm.width;
+    }
+    if (valign == "b") {
+      y -= rm.height;
+    }
+    if (x + rm.width > rc.right) {
+      x = rc.right - rm.width;
+    }
+    if (y + rm.height > rc.bottom) {
+      y = rc.bottom - rm.height - 17;
+    }
+    this.setStyle({ left: x, top: y });
+  }
+};
+__name(Tooltip, "Tooltip");
+function initTooltips(cb) {
+  if (isTouchDevice()) {
+    return;
+  }
+  let tipTarget = {
+    target: null,
+    x: 0,
+    y: 0
+  };
+  function handle_mpos(event) {
+    tipTarget.x = event.pageX;
+    tipTarget.y = event.pageY;
+  }
+  __name(handle_mpos, "handle_mpos");
+  function handle_mouse(event) {
+    let target = event.target;
+    let tip = null;
+    tipTarget.x = event.pageX + 10;
+    tipTarget.y = event.pageY + 15;
+    while (target) {
+      tip = target.getAttribute("tip");
+      if (tip) {
+        break;
+      }
+      target = target.parentElement;
+    }
+    if (target == tipTarget.target || tooltip && target == tooltip.dom) {
+      return;
+    }
+    if (!target || !tip) {
+      tipTarget.target = null;
+      if (cb) {
+        cb(null);
+      } else {
+        _hideTip();
+      }
+      return;
+    }
+    tipTarget.target = target;
+    if (cb) {
+      cb(null);
+    } else {
+      _hideTip();
+    }
+    if (cb) {
+      cb(tip);
+    } else {
+      tipTmo = setTimeout(() => {
+        if (tooltip === void 0) {
+          tooltip = new Tooltip({});
+          x4document.body.appendChild(tooltip._build());
+        }
+        tooltip.text = tip;
+        tooltip.displayAt(tipTarget.x + 17, tipTarget.y + 17, "top left");
+      }, 700);
+    }
+  }
+  __name(handle_mouse, "handle_mouse");
+  function _hideTip() {
+    if (tipTmo) {
+      clearTimeout(tipTmo);
+    }
+    if (tooltip) {
+      tooltip.hide();
+    }
+  }
+  __name(_hideTip, "_hideTip");
+  x4document.body.addEventListener("mouseover", handle_mouse);
+  x4document.body.addEventListener("mouseout", handle_mouse);
+  x4document.body.addEventListener("mousemove", handle_mpos);
+}
+__name(initTooltips, "initTooltips");
+
 // src/input.ts
 var Input = class extends Component {
+  m_error_tip;
   constructor(props) {
     super(props);
   }
+  componentDisposed() {
+    if (this.m_error_tip) {
+      this.m_error_tip.dispose();
+    }
+    super.componentDisposed();
+  }
   /** @ignore */
   render(props) {
     this.setTag("input");
@@ -5350,6 +5491,22 @@ var Input = class extends Component {
       });
     }
   }
+  showError(text) {
+    if (!this.m_error_tip) {
+      this.m_error_tip = new Tooltip({ cls: "error" });
+      x4document.body.appendChild(this.m_error_tip._build());
+    }
+    let rc = this.getBoundingRect();
+    this.m_error_tip.text = text;
+    this.m_error_tip.displayAt(rc.right, rc.top - 8, "top right");
+    this.addClass("@error");
+  }
+  clearError() {
+    if (this.m_error_tip) {
+      this.m_error_tip.hide();
+      this.removeClass("@error");
+    }
+  }
   getType() {
     return this.m_props.type;
   }
@@ -5357,6 +5514,9 @@ var Input = class extends Component {
       * return the current editor value
       */
   get value() {
+    return this.getValue();
+  }
+  getValue() {
     if (this.dom) {
       this.m_props.value = this.dom.value;
     }
@@ -5374,6 +5534,9 @@ var Input = class extends Component {
    * @param value - new value to set
    */
   set value(value) {
+    this.setValue(value);
+  }
+  setValue(value) {
     this.m_props.value = value;
     if (this.dom) {
       this.dom.value = value;
@@ -5413,6 +5576,7 @@ var Input = class extends Component {
     }
   }
   setStoreValue(v) {
+    this.clearError();
     if (this.m_props.value_hook) {
       return this.m_props.value_hook.set(v);
     } else {
@@ -5879,132 +6043,11 @@ var PopupCalendar = class extends Popup {
 };
 __name(PopupCalendar, "PopupCalendar");
 
-// src/tooltips.ts
-var tipTmo;
-var tooltip;
-var Tooltip = class extends Component {
-  m_text;
-  set text(text) {
-    this.m_text.text = text;
-  }
-  /** @ignore */
-  render() {
-    this.setClass("@non-maskable", true);
-    this.setContent([
-      new Icon({ icon: "var( --x4-icon-tip )" }),
-      this.m_text = new Label({ text: "help" })
-    ]);
-  }
-  /**
-  * display the menu at a specific position
-  * @param x 
-  * @param y 
-  */
-  displayAt(x, y, align = "top left") {
-    this.show();
-    let halign = "l", valign = "t";
-    if (align.indexOf("right") >= 0) {
-      halign = "r";
-    }
-    if (align.indexOf("bottom") >= 0) {
-      valign = "b";
-    }
-    let rc = x4document.body.getBoundingClientRect(), rm = this.getBoundingRect();
-    if (halign == "r") {
-      x -= rm.width;
-    }
-    if (valign == "b") {
-      y -= rm.height;
-    }
-    if (x + rm.width > rc.right) {
-      x = rc.right - rm.width;
-    }
-    if (y + rm.height > rc.bottom) {
-      y = rc.bottom - rm.height - 17;
-    }
-    this.setStyle({ left: x, top: y });
-  }
-};
-__name(Tooltip, "Tooltip");
-function initTooltips(cb) {
-  if (isTouchDevice()) {
-    return;
-  }
-  let tipTarget = {
-    target: null,
-    x: 0,
-    y: 0
-  };
-  function handle_mpos(event) {
-    tipTarget.x = event.pageX;
-    tipTarget.y = event.pageY;
-  }
-  __name(handle_mpos, "handle_mpos");
-  function handle_mouse(event) {
-    let target = event.target;
-    let tip = null;
-    tipTarget.x = event.pageX + 10;
-    tipTarget.y = event.pageY + 15;
-    while (target) {
-      tip = target.getAttribute("tip");
-      if (tip) {
-        break;
-      }
-      target = target.parentElement;
-    }
-    if (target == tipTarget.target || tooltip && target == tooltip.dom) {
-      return;
-    }
-    if (!target || !tip) {
-      tipTarget.target = null;
-      if (cb) {
-        cb(null);
-      } else {
-        _hideTip();
-      }
-      return;
-    }
-    tipTarget.target = target;
-    if (cb) {
-      cb(null);
-    } else {
-      _hideTip();
-    }
-    if (cb) {
-      cb(tip);
-    } else {
-      tipTmo = setTimeout(() => {
-        if (tooltip === void 0) {
-          tooltip = new Tooltip({});
-          x4document.body.appendChild(tooltip._build());
-        }
-        tooltip.text = tip;
-        tooltip.displayAt(tipTarget.x + 17, tipTarget.y + 17, "top left");
-      }, 700);
-    }
-  }
-  __name(handle_mouse, "handle_mouse");
-  function _hideTip() {
-    if (tipTmo) {
-      clearTimeout(tipTmo);
-    }
-    if (tooltip) {
-      tooltip.hide();
-    }
-  }
-  __name(_hideTip, "_hideTip");
-  x4document.body.addEventListener("mouseover", handle_mouse);
-  x4document.body.addEventListener("mouseout", handle_mouse);
-  x4document.body.addEventListener("mousemove", handle_mpos);
-}
-__name(initTooltips, "initTooltips");
-
 // src/textedit.ts
 var reEmail = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
 var TextEdit = class extends Component {
   m_cal_popup;
   m_ui_input;
-  m_error_tip;
   constructor(props) {
     super(props);
     this.addClass("@hlayout");
@@ -6016,12 +6059,6 @@ var TextEdit = class extends Component {
       this.focus();
     }
   }
-  componentDisposed() {
-    if (this.m_error_tip) {
-      this.m_error_tip.dispose();
-    }
-    super.componentDisposed();
-  }
   focus() {
     this.m_ui_input.focus();
   }
@@ -6173,29 +6210,28 @@ var TextEdit = class extends Component {
     }
   }
   showError(text) {
-    if (!this.m_error_tip) {
-      this.m_error_tip = new Tooltip({ cls: "error" });
-      x4document.body.appendChild(this.m_error_tip._build());
-    }
-    let rc = this.m_ui_input.getBoundingRect();
-    this.m_error_tip.text = text;
-    this.m_error_tip.displayAt(rc.right, rc.top - 8, "top right");
-    this.addClass("@error");
+    this.m_ui_input.showError(text);
   }
   clearError() {
-    if (this.m_error_tip) {
-      this.m_error_tip.hide();
-      this.removeClass("@error");
-    }
+    this.m_ui_input.clearError();
   }
   get value() {
+    return this.getValue();
+  }
+  getValue() {
     if (this.m_ui_input) {
       return this.m_ui_input.value;
     } else {
       return this.m_props.value;
     }
   }
+  /**
+   * 
+   */
   set value(value) {
+    this.setValue(value);
+  }
+  setValue(value) {
     if (this.m_ui_input) {
       this.m_ui_input.value = value;
     } else {
@@ -6411,8 +6447,12 @@ var AutoComplete = class extends TextEdit {
     }
     super.componentDisposed();
   }
-  showPopup() {
-    this._onChange();
+  showPopup(show = true) {
+    if (show) {
+      this._onChange();
+    } else {
+      this._hidePopup();
+    }
   }
   /** 
    * display the popup 
@@ -6445,7 +6485,8 @@ var AutoComplete = class extends TextEdit {
         style: {
           fontFamily,
           fontSize
-        }
+        },
+        renderItem: props.renderItem
       });
     }
     if (items) {
@@ -6490,6 +6531,9 @@ var AutoComplete = class extends TextEdit {
     }
     this.m_needval = true;
   }
+  isPopupVisible() {
+    return this.m_popvis;
+  }
 };
 __name(AutoComplete, "AutoComplete");
 
@@ -7822,7 +7866,7 @@ var data;
   data2.calc = calc;
   __name(calc, "calc");
   function array(ctor, props) {
-    return data2.field({ ...props, type: "array", model: new ctor() });
+    return data2.field({ ...props, type: "array", model: ctor ? new ctor() : null });
   }
   data2.array = array;
   __name(array, "array");
@@ -8599,7 +8643,6 @@ var ComboBox = class extends HLayout {
   m_lockchg;
   m_popvis;
   m_selection;
-  m_error_tip;
   constructor(props) {
     super(props);
     if (!props.editable) {
@@ -8725,9 +8768,6 @@ var ComboBox = class extends HLayout {
     }
   }
   componentDisposed() {
-    if (this.m_error_tip) {
-      this.m_error_tip.dispose();
-    }
     if (this.m_popup) {
       this.m_popup.close();
     }
@@ -8795,20 +8835,10 @@ var ComboBox = class extends HLayout {
     return true;
   }
   showError(text) {
-    if (!this.m_error_tip) {
-      this.m_error_tip = new Tooltip({ cls: "error" });
-      x4document.body.appendChild(this.m_error_tip._build());
-    }
-    let rc = this.m_ui_input.getBoundingRect();
-    this.m_error_tip.text = text;
-    this.m_error_tip.displayAt(rc.right, rc.top - 8, "top right");
-    this.addClass("@error");
+    this.m_ui_input.showError(text);
   }
   clearError() {
-    if (this.m_error_tip) {
-      this.m_error_tip.hide();
-      this.removeClass("@error");
-    }
+    this.m_ui_input.clearError();
   }
   /** @ignore
     */
@@ -15658,7 +15688,7 @@ function setupWSMessaging(closeCB) {
 __name(setupWSMessaging, "setupWSMessaging");
 
 // src/version.ts
-var x4js_version = "1.5.29";
+var x4js_version = "1.5.31";
 export {
   AbsLayout,
   Application,