lilact 0.24.0 → 0.24.2

package/README.md

@@ -212,7 +212,7 @@ render(<App/>, document.body);
 
 ## Learn More / Examples / Beta Status
 
-`Lilact` tries to mimic `React` API as close as possible. So the [Official React API Reference](https://react.dev/reference/react) can be used as a perfect resource. Most of its examples would work in `Lilact` with just substituting import source "react" with "lilact"! There are a few differences that are mentioned in `Lilact` documentation. You can even do:
+`Lilact` tries to mimic `React` API as close as possible. So the [Official React API Reference](https://react.dev/reference/react) can be used as a perfect resource. Most of its examples would work in `Lilact` with just substituting import source "react" with "lilact"! You can even do:
 
 ```jsx
 import React from "lilact"
@@ -226,6 +226,8 @@ import redux from "redux";
 import emotion from "@emotion/css";
 ```
 
+Some functions are not implemented in `Lilact`, mostly because `Lilact` is only client side and doesn't need server side API. Besides that, a few missing hooks and components like `Profiler` or `StrictMode` exist, which will be implemented in the future. There are also a few differences that are mentioned in the `Lilact` documentation. 
+
 To know more about using `Lilact`, see the included examples:  
 [Lilact Examples](https://arashkazemi.github.io/lilact/static)
 

package/dist/lilact.development.js

@@ -2332,6 +2332,7 @@ __export(components_exports, {
   update_set: () => update_set,
   update_timeout: () => update_timeout
 });
+var SVG_NS = "http://www.w3.org/2000/svg";
 var ComponentCache = class {
   constructor(owner) {
     __publicField(this, "owner");
@@ -2445,7 +2446,12 @@ var ComponentCore = class {
       if (this.component.shouldComponentUpdate && !this.component.shouldComponentUpdate(next_state, next_props, this.context)) return;
       if (typeof this.entity === "string") {
         if (!(this.element instanceof Element)) {
-          this.element = document.createElement(this.entity);
+          if (this.is_svg || this.container.is_svg) {
+            this.is_svg = true;
+            this.element = document.createElementNS(SVG_NS, this.entity);
+          } else {
+            this.element = document.createElement(this.entity);
+          }
           if (next_props == null ? void 0 : next_props.defaultValue) this.element.value = String(next_props.defaultValue).slice(0, next_props == null ? void 0 : next_props.maxLength);
           if (next_props == null ? void 0 : next_props.defaultChecked) this.element.checked = next_props.defaultChecked;
         }
@@ -3023,6 +3029,9 @@ var HTMLComponent = class extends Component {
   constructor(entity, props) {
     super(props);
     this[CORE].entity = entity;
+    if (entity === "svg") {
+      this[CORE].is_svg = true;
+    }
   }
   render() {
     return this[CORE].props.children;