x4js 1.5.31 → 1.5.33

package/lib/esm/index.mjs

@@ -1921,7 +1921,8 @@ var _Component = class extends BaseComponent {
       classes: {},
       dom_events: {},
       uid: _Component.__comp_guid++,
-      inrender: false
+      inrender: false,
+      created: false
     };
     if (this.m_props.cls) {
       this.addClass(this.m_props.cls);
@@ -2180,10 +2181,10 @@ var _Component = class extends BaseComponent {
     if (this.m_dom) {
       return this.m_dom.getAttribute(name);
     } else {
-      if (!this.m_props.attrs) {
-        return void 0;
+      if (name == "id") {
+        return this.m_props.id;
       }
-      return this.m_props.attrs[name];
+      return this.m_props.attrs ? this.m_props.attrs[name] : void 0;
     }
   }
   /**
@@ -2414,7 +2415,7 @@ var _Component = class extends BaseComponent {
       for (let e in evt) {
         let handlers = evt[e];
         for (let h of handlers) {
-          this.createEvent(e, h);
+          this._createEvent(e, h.listener, h.passive);
         }
       }
     }
@@ -2590,22 +2591,22 @@ var _Component = class extends BaseComponent {
    * this.setDomEvent( 'drag drop', this._handleDrag, this );
    * this.setDomEvent( 'dblclick', this._handleDblClick, this );
    */
-  setDomEvent(type, listener) {
+  setDomEvent(type, listener, passive) {
     let _listener = listener;
-    this._setDomEvent(type, _listener);
+    this._setDomEvent(type, _listener, passive);
   }
-  _setDomEvent(type, listener) {
+  _setDomEvent(type, listener, passive) {
     if (!this.m_iprops.dom_events) {
       this.m_iprops.dom_events = {};
     }
     let listeners = this.m_iprops.dom_events[type];
     if (!listeners) {
-      listeners = this.m_iprops.dom_events[type] = [listener];
+      listeners = this.m_iprops.dom_events[type] = [{ listener, passive }];
     } else {
-      listeners.push(listener);
+      listeners.push({ listener, passive });
     }
     if (this.m_dom) {
-      this.createEvent(type, listener);
+      this._createEvent(type, listener, passive);
     }
   }
   /**
@@ -2629,7 +2630,7 @@ var _Component = class extends BaseComponent {
    * @param name 
    * @param handler 
    */
-  createEvent(name, handler) {
+  _createEvent(name, handler, passive) {
     let _dom = this.m_dom;
     let store = _dom[_x4_el_store];
     if (!store) {
@@ -2644,10 +2645,14 @@ var _Component = class extends BaseComponent {
       _dom["on" + name] = _Component._dispatchUnbubbleEvent;
     } else if (!_Component.__privateEvents[name]) {
       _Component.__privateEvents[name] = true;
-      if (passiveEvents[name]) {
-        x4document.addEventListener(name, _Component._dispatchEvent, { passive: false, capture: true });
+      if (passive === void 0) {
+        if (passiveEvents[name]) {
+          x4document.addEventListener(name, _Component._dispatchEvent, { passive: false, capture: true });
+        } else {
+          x4document.addEventListener(name, _Component._dispatchEvent, true);
+        }
       } else {
-        x4document.addEventListener(name, _Component._dispatchEvent, true);
+        x4document.addEventListener(name, _Component._dispatchEvent, { passive, capture: passive ? true : false });
       }
     }
     if (name === "sizechange") {
@@ -4483,6 +4488,13 @@ var _Icon = class extends Component {
         url = url.replaceAll("\\", "");
         this._setSVG(url);
         return;
+      }
+      const reChar = /\s*font-char\s*\(\s*(.+)\s*\)\s*/gi;
+      let match_char = reChar.exec(icon);
+      if (match_char) {
+        this.removeClass("@svg-icon");
+        this.setContent(match_char[1], false);
+        return;
       } else {
         console.error("deprecation error: invalid icon name");
         name = icon;
@@ -4794,7 +4806,7 @@ var MenuItem = class extends Component {
     }
     this.setTag("a");
     this.setContent([
-      icon < 0 ? null : new Icon({ icon }),
+      icon ? null : new Icon({ icon }),
       new Label({ flex: 1, text }),
       popIco
     ]);
@@ -5517,13 +5529,14 @@ var Input = class extends Component {
     return this.getValue();
   }
   getValue() {
+    const dom = this.dom;
     if (this.dom) {
-      this.m_props.value = this.dom.value;
+      this.m_props.value = dom.value;
     }
     if (this.m_props.uppercase) {
       let upper = this.m_props.value.toUpperCase();
-      if (this.dom && upper != this.m_props.value) {
-        this.dom.value = upper;
+      if (dom && upper != this.m_props.value) {
+        dom.value = upper;
       }
       this.m_props.value = upper;
     }
@@ -5550,7 +5563,8 @@ var Input = class extends Component {
       if (type) {
         type = type.toLowerCase();
       }
-      let value, dom = this.dom;
+      let value;
+      const dom = this.dom;
       if (type === "file") {
         value = [];
         let files = dom.files;
@@ -5569,6 +5583,11 @@ var Input = class extends Component {
         }
       } else if (type === "date") {
         debugger;
+      } else if (type == "number") {
+        value = this.value;
+        if (value.indexOf(",") >= 0) {
+          value = value.replace(",", ".");
+        }
       } else {
         value = this.value;
       }
@@ -5977,7 +5996,7 @@ var Calendar = class extends VLayout {
     } else if (type == "year") {
       let min = this.m_props.minDate?.getFullYear() ?? 1900;
       let max = this.m_props.maxDate?.getFullYear() ?? 2037;
-      for (let m = min; m < max; m++) {
+      for (let m = max; m >= min; m--) {
         items.push(new MenuItem({
           text: "" + m,
           click: () => {
@@ -8103,32 +8122,23 @@ var DataProxy = class extends BaseComponent {
   constructor(props) {
     super(props);
   }
-  load(url) {
+  async load(url) {
     if (url) {
       this.m_props.url = url;
+    } else {
+      url = this.m_props.url;
     }
-    this._refresh();
-  }
-  _refresh(delay = 0) {
-    const load = /* @__PURE__ */ __name(async () => {
-      let url = this.m_props.url;
-      if (this.m_props.params) {
-        url += "?" + this.m_props.params.join("&");
-      }
-      const r = await fetch(url);
-      if (r.ok) {
-        const raw = await r.json();
-        let json = raw;
-        if (this.m_props.solver) {
-          json = this.m_props.solver(json);
-        }
-        this.emit("change", EvChange(json, raw));
+    if (this.m_props.params) {
+      url += "?" + this.m_props.params.join("&");
+    }
+    const r = await fetch(url);
+    if (r.ok) {
+      const raw = await r.json();
+      let json = raw;
+      if (this.m_props.solver) {
+        json = this.m_props.solver(json);
       }
-    }, "load");
-    if (delay) {
-      setTimeout(load, delay);
-    } else {
-      load();
+      this.emit("change", EvChange(json, raw));
     }
   }
 };
@@ -8156,18 +8166,20 @@ var DataStore = class extends EventSource {
           this.setData(ev.value);
         } }
       });
-      this.m_proxy.load();
+      if (props.autoload != false) {
+        this.m_proxy.load();
+      }
     }
   }
   /**
    * 
    * @param records 
    */
-  load(url) {
-    this.m_proxy.load(url);
+  async load(url) {
+    return this.m_proxy.load(url);
   }
-  reload() {
-    this.m_proxy.load();
+  async reload() {
+    return this.m_proxy.load();
   }
   /**
    * convert raw objects to real records from model
@@ -8621,7 +8633,6 @@ var DataView = class extends BaseComponent {
    * 
    */
   forEach(cb) {
-    debugger;
     this.m_index.some((index) => {
       let rec = this.m_store.getByIndex(index);
       if (rec) {
@@ -14397,7 +14408,10 @@ var SideBarView = class extends CardView {
     this.m_sidebar.setContent(new VLayout({
       flex: 1,
       cls: "content",
-      content: tabs
+      content: [
+        this.m_props.logo,
+        ...tabs
+      ]
     }));
     this.setContent([
       this.m_sidebar,
@@ -14508,7 +14522,7 @@ var SVGItem = class {
   style(name, value) {
     if (value === void 0 || value === "" || value === void 0) {
       this.m_style.delete(name);
-      return;
+      return this;
     }
     if (!_x4_unitless[name] && (isNumber(value) || reNumber2.test(value))) {
       value = value + "px";
@@ -14569,18 +14583,22 @@ var SVGItem = class {
    */
   transform(tr) {
     this.attr("transform", tr);
+    return this;
   }
   /**
    * 
    */
   rotate(deg, cx, cy) {
     this.transform(`rotate( ${deg} ${cx} ${cy} )`);
+    return this;
   }
   translate(dx, dy) {
     this.transform(`translate( ${dx} ${dy} )`);
+    return this;
   }
   scale(x) {
     this.transform(`scale( ${x} )`);
+    return this;
   }
 };
 __name(SVGItem, "SVGItem");
@@ -14772,6 +14790,11 @@ var SVGGroup = class extends SVGItem {
     this.m_items.push(shape);
     return shape;
   }
+  group() {
+    const group = new SVGGroup();
+    this.m_items.push(group);
+    return group;
+  }
   /**
    * 
    * example
@@ -15688,7 +15711,7 @@ function setupWSMessaging(closeCB) {
 __name(setupWSMessaging, "setupWSMessaging");
 
 // src/version.ts
-var x4js_version = "1.5.31";
+var x4js_version = "1.5.33";
 export {
   AbsLayout,
   Application,
@@ -15774,7 +15797,13 @@ export {
   Rect,
   Router,
   SVGComponent,
+  SVGGradient,
+  SVGGroup,
+  SVGItem,
+  SVGPath,
   SVGPathBuilder,
+  SVGShape,
+  SVGText,
   ScrollView,
   Separator,
   Settings,