added foreignObject to the core

4 files changed, 22 insertions, 2 deletions

diff --git a/src/elements/Circle.js b/src/elements/Circle.js
index 3135ada..e3bfacc 100644
--- a/src/elements/Circle.js
+++ b/src/elements/Circle.js
@@ -36,7 +36,7 @@ export default class Circle extends Shape {
 extend(Circle, { x, y, cx, cy, width, height })
 
 registerMethods({
-  Element: {
+  Container: {
     // Create circle element
     circle: wrapWithAttrCheck(function (size) {
       return this.put(new Circle())
diff --git a/src/elements/ForeignObject.js b/src/elements/ForeignObject.js
new file mode 100644
index 0000000..e6f9e2b
--- /dev/null
+++ b/src/elements/ForeignObject.js
@@ -0,0 +1,19 @@
+import { nodeOrNew, register, wrapWithAttrCheck } from '../utils/adopter.js'
+import { registerMethods } from '../utils/methods.js'
+import Element from './Element.js'
+
+export default class ForeignObject extends Element {
+  constructor (node) {
+    super(nodeOrNew('foreignObject', node), node)
+  }
+}
+
+registerMethods({
+  Container: {
+    foreignObject: wrapWithAttrCheck(function (width, height) {
+      return this.put(new ForeignObject()).size(width, height)
+    })
+  }
+})
+
+register(ForeignObject)
diff --git a/src/elements/G.js b/src/elements/G.js
index a9e8b55..da4af77 100644
--- a/src/elements/G.js
+++ b/src/elements/G.js
@@ -78,7 +78,7 @@ export default class G extends Container {
 }
 
 registerMethods({
-  Element: {
+  Container: {
     // Create a group element
     group: wrapWithAttrCheck(function () {
       return this.put(new G())
diff --git a/src/main.js b/src/main.js
index 8ea3e5d..3162752 100644
--- a/src/main.js
+++ b/src/main.js
@@ -95,6 +95,7 @@ export { default as Defs } from './elements/Defs.js'
 export { default as Dom } from './elements/Dom.js'
 export { default as Element } from './elements/Element.js'
 export { default as Ellipse } from './elements/Ellipse.js'
+export { default as ForeignObject } from './elements/ForeignObject.js'
 export { default as Gradient } from './elements/Gradient.js'
 export { default as G } from './elements/G.js'
 export { default as A } from './elements/A.js'