aprog 1.3.3 → 1.3.4

package/README.md

@@ -147,7 +147,7 @@ onInput: (event) => {
 - *redirect(url, { newTab: bool, replace: bool }), reload(delaySeconds)*
 - *encrypt(str), decrypt(encryptedStr)*
 
-- *div, span, button, a, img, meta, label, input, select, option, options, form, hr, textarea, table, thead, tbody, tr, th, td, pre* 
+- *div, span, button, a, img, meta, label, input, select, option, options, form, hr, textarea, table, caption, thead, tbody, tr, th, td, pre* 
 - *_get, GUID, apState, cookie, date, pause, apFetch, chars, elementToObject, copyText, scrollToTop, scrollToBottom, firstKey, checkArrays, ucfirst, deepEqual, nodeListToObject*
 - *isEmpty, isNull, isFloat, isNumeric, isObject, isArray, isNumber, isString, isPromise, isNull, isFloat, isNumeric, isObject*
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aprog",
-  "version": "1.3.3",
+  "version": "1.3.4",
   "description": "Допоміжна бібліотека js",
   "main": "index.js",
   "scripts": {

package/src/aprog.js

@@ -894,6 +894,63 @@ export const table = (attributes = {}) => {
 }
 
 
+export const caption = (attributes = {}) => {
+    let caption = document.createElement("caption");
+    if (attributes) {
+        Object.entries(attributes).forEach(([name, attrValue]) => {
+            if (name.startsWith('on') && typeof attrValue === 'function') {
+                const eventType = name.slice(2).toLowerCase();
+                caption.addEventListener(eventType, attrValue);
+            } else {
+                switch (name) {
+                    case "top":
+                        caption.style.captionSide = "top";
+                        break;
+                    case "bottom":
+                        caption.style.captionSide = "bottom";
+                        break;
+                    case "class":
+                        caption.className = String(attrValue);
+                        break;
+                    case "value":
+                        if (isArray(attrValue)) {
+                            attrValue.forEach((element) => {
+                                isHtmlElement(element) ? caption.append(element) : caption.innerHTML = String(element)
+                            })
+                        } else {
+                            isHtmlElement(attrValue) ? caption.append(attrValue) : caption.innerHTML = String(attrValue)
+                        }
+                        break;
+                    case "style":
+                        Object.entries(attrValue).forEach(([styleName, styleValue]) => {
+                            switch (styleName) {
+                                case "zIndex":
+                                    caption.style[styleName] = `99999${styleValue}`;
+                                    break;
+                                default:
+                                    caption.style[styleName] = styleValue;
+                                    break;
+                            }
+                        });
+                        break;
+                    default:
+                        if (name.startsWith("data")) {
+                            const kebabName = name
+                                .replace(/^data/, "data")
+                                .replace(/([A-Z])/g, "-$1")
+                                .toLowerCase();
+                            caption.setAttribute(kebabName, String(attrValue));
+                        } else {
+                            caption.setAttribute(name, String(attrValue));
+                        }
+                }
+            }
+        });
+    }
+    return caption;
+}
+
+
 export const thead = (attributes = {}) => {
     let thead = document.createElement("thead");
     if (attributes) {