domelemjs 1.0.12 → 1.0.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.js +10 -12
- package/index.min.js +1 -1
- package/index.min.js.map +103 -98
- package/package.json +1 -1
- package/test/createDOMElem.html +4 -4
package/index.js
CHANGED
|
@@ -143,7 +143,8 @@ const createDOMElem = ({
|
|
|
143
143
|
/*
|
|
144
144
|
* add all the attributes they want
|
|
145
145
|
*/
|
|
146
|
-
|
|
146
|
+
|
|
147
|
+
Object.keys(attrs).forEach((attr) => {
|
|
147
148
|
if (attr === "checked") {
|
|
148
149
|
elem.checked = attrs[attr];
|
|
149
150
|
} else if (attr === "dataset") {
|
|
@@ -175,7 +176,7 @@ const createDOMElem = ({
|
|
|
175
176
|
}
|
|
176
177
|
elem.setAttribute(attr, attribute);
|
|
177
178
|
}
|
|
178
|
-
}
|
|
179
|
+
});
|
|
179
180
|
|
|
180
181
|
/*
|
|
181
182
|
* Adding stye is possible as:
|
|
@@ -191,13 +192,11 @@ const createDOMElem = ({
|
|
|
191
192
|
if (typeof style === "string") {
|
|
192
193
|
styleText = style;
|
|
193
194
|
} else if (Array.isArray(style)) {
|
|
194
|
-
styleText = style.join(";
|
|
195
|
+
styleText = style.join(";");
|
|
195
196
|
} else if (typeof style === "object") {
|
|
196
|
-
styleText =
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
}
|
|
200
|
-
styleText = styleText.join("; ");
|
|
197
|
+
styleText = Object.keys(style)
|
|
198
|
+
.map((s) => `${s}: ${style[s]}`)
|
|
199
|
+
.join(";");
|
|
201
200
|
}
|
|
202
201
|
|
|
203
202
|
styleText.split(";").forEach((styleText) => {
|
|
@@ -220,10 +219,9 @@ const createDOMElem = ({
|
|
|
220
219
|
childrenArray = [...children];
|
|
221
220
|
}
|
|
222
221
|
childrenArray.map((child) => {
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
elem.appendChild(child);
|
|
222
|
+
let childElem = child;
|
|
223
|
+
if (typeof child === "object") childElem = createDOMElem(child);
|
|
224
|
+
elem.appendChild(childElem);
|
|
227
225
|
});
|
|
228
226
|
}
|
|
229
227
|
|
package/index.min.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const noSpecChars=(text,lowercase=!1)=>{function replaceAll(string,search,replace){return string.split(search).join(replace)}let specialChars={"é":"e","á":"a","ó":"o","ö":"o","ő":"o","ú":"u","ü":"u","ű":"u","í":"i","É":"E","Á":"A","Ó":"O","Ö":"O","Ő":"O","Ú":"U","Ü":"U","Ű":"U","Í":"I"," ":"-","/":"-",":":"-",";":"-","=":"-"};for(let char in specialChars)text=replaceAll(text,char,specialChars[char]);return lowercase?text.toLowerCase():text},DOMElem={Create:function(parameters){let tag=parameters.tag||"div",attrs=parameters.attrs||{},children=parameters.children||[],eventStarter=parameters.eventStarter||null,eventFunction=parameters.eventFunction||null,content=parameters.content||null,text=parameters.text||null,style=parameters.style||null,targetParent="string"==typeof parameters.targetParent?document.
|
|
1
|
+
const noSpecChars=(text,lowercase=!1)=>{function replaceAll(string,search,replace){return string.split(search).join(replace)}let specialChars={"é":"e","á":"a","ó":"o","ö":"o","ő":"o","ú":"u","ü":"u","ű":"u","í":"i","É":"E","Á":"A","Ó":"O","Ö":"O","Ő":"O","Ú":"U","Ü":"U","Ű":"U","Í":"I"," ":"-","/":"-",":":"-",";":"-","=":"-"};for(let char in specialChars)text=replaceAll(text,char,specialChars[char]);return lowercase?text.toLowerCase():text},DOMElem={Create:function(parameters){let tag=parameters.tag||"div",attrs=parameters.attrs||{},children=parameters.children||[],eventStarter=parameters.eventStarter||null,eventFunction=parameters.eventFunction||null,content=parameters.content||null,text=parameters.text||null,style=parameters.style||null,targetParent="string"==typeof parameters.targetParent?document.getElementById(parameters.targetParent)||document.querySelector(parameters.targetParent):"object"==typeof parameters.targetParent?parameters.targetParent:null,elem=document.createElement(tag);content&&(elem.innerHTML=content),text&&(elem.textContent=text);for(let attr in attrs)elem.setAttribute(attr,"class"==attr||"id"==attr?noSpecChars(attrs[attr]):attrs[attr]);if(style){let styleText;if("string"==typeof style)styleText=style;else if(Array.isArray(style))styleText=style.join("; ");else if("object"==typeof style){styleText=[];for(let s in style)styleText.push(`${s}: ${style[s]}`);styleText=styleText.join("; ")}styleText.split(";").forEach(styleText=>{let[s,p]=styleText.split(":").map(c=>c.trim());s=s.split("-").map((ss,i)=>i>0?ss.charAt(0).toUpperCase()+ss.slice(1):ss).join(""),elem.style[s]=p})}return children.map(child=>{"object"!=typeof child&&(child=document.createTextNode(child)),elem.appendChild(child)}),eventStarter&&eventFunction&&elem.addEventListener(eventStarter,eventFunction),targetParent&&targetParent.appendChild(elem),elem}},createDOMElem=({tag:tag,content:content,text:text,attrs:attrs,style:style,children:children,parent:parent,handleEvent:handleEvent})=>{let elem=document.createElement(tag);if(content&&(elem.innerHTML=content),text&&(elem.textContent=text),Object.keys(attrs).forEach(attr=>{if("checked"===attr)elem.checked=attrs[attr];else if("dataset"===attr){let dataset;dataset=Array.isArray(attrs[attr])?attrs[attr]:[attrs[attr]],dataset.map(data=>{for(let d in data)elem.dataset[d]=data[d]})}else{let attribute;attribute=Array.isArray(attrs[attr])?"class"===attr?attrs[attr].map(a=>noSpecChars(a)).join(" "):attrs[attr].join(" "):"id"===attr?noSpecChars(attrs[attr]):attrs[attr],elem.setAttribute(attr,attribute)}}),style){let styleText;"string"==typeof style?styleText=style:Array.isArray(style)?styleText=style.join(";"):"object"==typeof style&&(styleText=Object.keys(style).map(s=>`${s}: ${style[s]}`).join(";")),styleText.split(";").forEach(styleText=>{let[s,p]=styleText.split(":").map(c=>c.trim());s=s.split("-").map((ss,i)=>i>0?ss.charAt(0).toUpperCase()+ss.slice(1):ss).join(""),elem.style[s]=p})}if(children){let childrenArray=[];Array.isArray(children)?childrenArray=[...children]:childrenArray.push(children),childrenArray.map(child=>{let childElem=child;"object"==typeof child&&(childElem=createDOMElem(child)),elem.appendChild(childElem)})}let eventsToAdd=[];return handleEvent&&(Array.isArray(handleEvent)?eventsToAdd=[...handleEvent]:eventsToAdd.push(handleEvent),eventsToAdd.forEach(newEvent=>{elem.addEventListener(newEvent.event,newEvent.cb)})),parent?"string"==typeof parent&&(parent=[".","#"].map(prep=>document.querySelector(prep+parent)).filter(pe=>null!==pe)[0]):parent=document.querySelector("body"),parent.appendChild(elem),elem};
|
|
2
2
|
//# sourceMappingURL=index.min.js.map
|
package/index.min.js.map
CHANGED
|
@@ -1,99 +1,104 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": [
|
|
4
|
-
"index.js"
|
|
5
|
-
],
|
|
6
|
-
"names": [
|
|
7
|
-
"noSpecChars",
|
|
8
|
-
"text",
|
|
9
|
-
"lowercase",
|
|
10
|
-
"replaceAll",
|
|
11
|
-
"string",
|
|
12
|
-
"search",
|
|
13
|
-
"replace",
|
|
14
|
-
"split",
|
|
15
|
-
"join",
|
|
16
|
-
"specialChars",
|
|
17
|
-
"é",
|
|
18
|
-
"á",
|
|
19
|
-
"ó",
|
|
20
|
-
"ö",
|
|
21
|
-
"ő",
|
|
22
|
-
"ú",
|
|
23
|
-
"ü",
|
|
24
|
-
"ű",
|
|
25
|
-
"í",
|
|
26
|
-
"É",
|
|
27
|
-
"Á",
|
|
28
|
-
"Ó",
|
|
29
|
-
"Ö",
|
|
30
|
-
"Ő",
|
|
31
|
-
"Ú",
|
|
32
|
-
"Ü",
|
|
33
|
-
"Ű",
|
|
34
|
-
"Í",
|
|
35
|
-
" ",
|
|
36
|
-
"/",
|
|
37
|
-
":",
|
|
38
|
-
";",
|
|
39
|
-
"=",
|
|
40
|
-
"char",
|
|
41
|
-
"toLowerCase",
|
|
42
|
-
"DOMElem",
|
|
43
|
-
"Create",
|
|
44
|
-
"parameters",
|
|
45
|
-
"tag",
|
|
46
|
-
"attrs",
|
|
47
|
-
"children",
|
|
48
|
-
"eventStarter",
|
|
49
|
-
"eventFunction",
|
|
50
|
-
"content",
|
|
51
|
-
"style",
|
|
52
|
-
"targetParent",
|
|
53
|
-
"document",
|
|
54
|
-
"
|
|
55
|
-
"
|
|
56
|
-
"elem",
|
|
57
|
-
"createElement",
|
|
58
|
-
"innerHTML",
|
|
59
|
-
"textContent",
|
|
60
|
-
"attr",
|
|
61
|
-
"setAttribute",
|
|
62
|
-
"styleText",
|
|
63
|
-
"Array",
|
|
64
|
-
"isArray",
|
|
65
|
-
"s",
|
|
66
|
-
"push",
|
|
67
|
-
"forEach",
|
|
68
|
-
"p",
|
|
69
|
-
"map",
|
|
70
|
-
"c",
|
|
71
|
-
"trim",
|
|
72
|
-
"ss",
|
|
73
|
-
"i",
|
|
74
|
-
"charAt",
|
|
75
|
-
"toUpperCase",
|
|
76
|
-
"slice",
|
|
77
|
-
"child",
|
|
78
|
-
"createTextNode",
|
|
79
|
-
"appendChild",
|
|
80
|
-
"addEventListener",
|
|
81
|
-
"createDOMElem",
|
|
82
|
-
"parent",
|
|
83
|
-
"handleEvent",
|
|
84
|
-
"
|
|
85
|
-
"
|
|
86
|
-
"
|
|
87
|
-
"
|
|
88
|
-
"
|
|
89
|
-
"
|
|
90
|
-
"
|
|
91
|
-
"
|
|
92
|
-
"
|
|
93
|
-
"
|
|
94
|
-
"
|
|
95
|
-
"
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": [
|
|
4
|
+
"index.js"
|
|
5
|
+
],
|
|
6
|
+
"names": [
|
|
7
|
+
"noSpecChars",
|
|
8
|
+
"text",
|
|
9
|
+
"lowercase",
|
|
10
|
+
"replaceAll",
|
|
11
|
+
"string",
|
|
12
|
+
"search",
|
|
13
|
+
"replace",
|
|
14
|
+
"split",
|
|
15
|
+
"join",
|
|
16
|
+
"specialChars",
|
|
17
|
+
"é",
|
|
18
|
+
"á",
|
|
19
|
+
"ó",
|
|
20
|
+
"ö",
|
|
21
|
+
"ő",
|
|
22
|
+
"ú",
|
|
23
|
+
"ü",
|
|
24
|
+
"ű",
|
|
25
|
+
"í",
|
|
26
|
+
"É",
|
|
27
|
+
"Á",
|
|
28
|
+
"Ó",
|
|
29
|
+
"Ö",
|
|
30
|
+
"Ő",
|
|
31
|
+
"Ú",
|
|
32
|
+
"Ü",
|
|
33
|
+
"Ű",
|
|
34
|
+
"Í",
|
|
35
|
+
" ",
|
|
36
|
+
"/",
|
|
37
|
+
":",
|
|
38
|
+
";",
|
|
39
|
+
"=",
|
|
40
|
+
"char",
|
|
41
|
+
"toLowerCase",
|
|
42
|
+
"DOMElem",
|
|
43
|
+
"Create",
|
|
44
|
+
"parameters",
|
|
45
|
+
"tag",
|
|
46
|
+
"attrs",
|
|
47
|
+
"children",
|
|
48
|
+
"eventStarter",
|
|
49
|
+
"eventFunction",
|
|
50
|
+
"content",
|
|
51
|
+
"style",
|
|
52
|
+
"targetParent",
|
|
53
|
+
"document",
|
|
54
|
+
"getElementById",
|
|
55
|
+
"querySelector",
|
|
56
|
+
"elem",
|
|
57
|
+
"createElement",
|
|
58
|
+
"innerHTML",
|
|
59
|
+
"textContent",
|
|
60
|
+
"attr",
|
|
61
|
+
"setAttribute",
|
|
62
|
+
"styleText",
|
|
63
|
+
"Array",
|
|
64
|
+
"isArray",
|
|
65
|
+
"s",
|
|
66
|
+
"push",
|
|
67
|
+
"forEach",
|
|
68
|
+
"p",
|
|
69
|
+
"map",
|
|
70
|
+
"c",
|
|
71
|
+
"trim",
|
|
72
|
+
"ss",
|
|
73
|
+
"i",
|
|
74
|
+
"charAt",
|
|
75
|
+
"toUpperCase",
|
|
76
|
+
"slice",
|
|
77
|
+
"child",
|
|
78
|
+
"createTextNode",
|
|
79
|
+
"appendChild",
|
|
80
|
+
"addEventListener",
|
|
81
|
+
"createDOMElem",
|
|
82
|
+
"parent",
|
|
83
|
+
"handleEvent",
|
|
84
|
+
"Object",
|
|
85
|
+
"keys",
|
|
86
|
+
"checked",
|
|
87
|
+
"dataset",
|
|
88
|
+
"data",
|
|
89
|
+
"d",
|
|
90
|
+
"attribute",
|
|
91
|
+
"a",
|
|
92
|
+
"childrenArray",
|
|
93
|
+
"childElem",
|
|
94
|
+
"eventsToAdd",
|
|
95
|
+
"newEvent",
|
|
96
|
+
"event",
|
|
97
|
+
"cb",
|
|
98
|
+
"prep",
|
|
99
|
+
"filter",
|
|
100
|
+
"pe"
|
|
101
|
+
],
|
|
102
|
+
"mappings": "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",
|
|
103
|
+
"file": "index.js"
|
|
99
104
|
}
|
package/package.json
CHANGED
package/test/createDOMElem.html
CHANGED
|
@@ -45,13 +45,13 @@
|
|
|
45
45
|
children: [
|
|
46
46
|
{
|
|
47
47
|
tag: "option",
|
|
48
|
-
|
|
49
|
-
|
|
48
|
+
text: "foo",
|
|
49
|
+
attrs: { value: "foo" },
|
|
50
50
|
},
|
|
51
51
|
{
|
|
52
52
|
tag: "option",
|
|
53
|
-
|
|
54
|
-
|
|
53
|
+
text: "bar",
|
|
54
|
+
attrs: { value: "bar" },
|
|
55
55
|
},
|
|
56
56
|
],
|
|
57
57
|
handleEvent: {
|