tkeron 3.3.0 → 3.4.0

package/changelog.md

@@ -1,3 +1,9 @@
+# v3.4.0
+
+- update tkeron library
+    - Add childs property
+    - Add "addChilds" method
+
 # v3.3.0
 
 - update tkeron lilbrary

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tkeron",
-  "version": "3.3.0",
+  "version": "3.4.0",
   "description": "Micro framework for developing web user interfaces with typescript.",
   "bin": {
     "tkeron": "dist/index.js",

package/tkeron_library/addChilds.ts

@@ -0,0 +1,12 @@
+import { TkeronElement } from "./element";
+
+export const addChilds = (com: TkeronElement) => {
+  com.addChilds = (...elements) => {
+    for (const element of elements) {
+      com.childs.push(element);
+      com.htmlElement.appendChild(element.htmlElement);
+    }
+
+    return com;
+  };
+};

package/tkeron_library/element.ts

@@ -2,6 +2,7 @@ import { appendIn } from "./appendIn";
 import { setAttribute } from "./setAttribute";
 import { setHtml, setText } from "./setHtml_setText";
 import { addClass, removeClass } from "./addClass_removeClass";
+import { addChilds } from "./addChilds";
 
 export interface TkeronElement {
   htmlElement: HTMLElement;
@@ -15,6 +16,8 @@ export interface TkeronElement {
   setAttribute: (attribute: string, value: string) => TkeronElement;
   addClass: (...className) => TkeronElement;
   removeClass: (...className) => TkeronElement;
+  childs: TkeronElement[];
+  addChilds: (...childs: TkeronElement[]) => TkeronElement;
 }
 
 export interface TkeronElementArguments {
@@ -41,6 +44,7 @@ export const tk = <TkeronElementAuto>((
 
   const com = <TkeronElement>{
     htmlElement: document.createElement(tag),
+    childs: childs || [],
   };
 
   //init chaining methods
@@ -50,9 +54,11 @@ export const tk = <TkeronElementAuto>((
   setAttribute(com);
   addClass(com);
   removeClass(com);
+  addChilds(com);
 
   if (childs)
     for (const child of childs) {
+      com.childs.push(child);
       com.htmlElement.appendChild(child.htmlElement);
     }
 
@@ -67,6 +73,8 @@ for (const attribute of [
   "setAttribute",
   "addClass",
   "removeClass",
+  "childs",
+  "addChilds"
 ]) {
   Object.defineProperty(tk, attribute, {
     get() {