chuijs 4.0.1 → 4.0.3

package/framework/components/chui_graphs/styles.css

@@ -140,4 +140,4 @@ chui_heatmap_graph {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
-}
+}

package/framework/components/chui_hero/hero.js

@@ -1,5 +1,5 @@
-const {Icon} = require("../chui_icons/icons");
-const {optionOr} = require("../../modules/chui_functions");
+const { Icon } = require("../chui_icons/icons");
+const { optionOr } = require("../../modules/chui_functions");
 
 class Hero {
     #chui_hero = document.createElement("chui_hero");
@@ -9,17 +9,19 @@ class Hero {
     #title;
     #description;
     #stats;
-    constructor(options = {
-        id: String(),
-        title: String(),
-        description: String(),
-        icon: String(),
-        stats: [],
-        style: String(),
-        width: String(),
-        height: String()
-    }) {
-        require("../../modules/chui_functions").setStyles(__dirname + "/styles.css", 'chUiJS_Hero');
+    constructor(
+        options = {
+            id: String(),
+            title: String(),
+            description: String(),
+            icon: String(),
+            stats: [],
+            style: String(),
+            width: String(),
+            height: String(),
+        }
+    ) {
+        require("../../modules/chui_functions").setStyles(__dirname + "/styles.css", "chUiJS_Hero");
         if (options.id !== undefined) this.#chui_hero.id = options.id;
         const style = optionOr(options.style, undefined);
         if (style !== undefined) this.#chui_hero.classList.add(style);
@@ -31,18 +33,30 @@ class Hero {
         if (options.stats !== undefined) for (let stat of options.stats) this.addStat(stat.value, stat.label);
     }
     // GET
-    getId() { return this.#chui_hero.id; }
-    getTitle() { return this.#title === undefined ? "" : this.#title.innerText; }
-    getDescription() { return this.#description === undefined ? "" : this.#description.innerText; }
+    getId() {
+        return this.#chui_hero.id;
+    }
+    getTitle() {
+        return this.#title === undefined ? "" : this.#title.innerText;
+    }
+    getDescription() {
+        return this.#description === undefined ? "" : this.#description.innerText;
+    }
     // SET
-    setId(id = String()) { this.#chui_hero.id = id; }
+    setId(id = String()) {
+        this.#chui_hero.id = id;
+    }
     // Пустая строка — «не задана»: `classList.add("")` бросает исключение
     setStyle(style = String()) {
         const known = optionOr(style, undefined);
         if (known !== undefined) this.#chui_hero.classList.add(known);
     }
-    setWidth(width = String()) { this.#chui_hero.style.width = width; }
-    setHeight(height = String()) { this.#chui_hero.style.height = height; }
+    setWidth(width = String()) {
+        this.#chui_hero.style.width = width;
+    }
+    setHeight(height = String()) {
+        this.#chui_hero.style.height = height;
+    }
     setIcon(icon = String()) {
         if (this.#badge === undefined) {
             this.#badge = document.createElement("hero_badge");
@@ -74,7 +88,9 @@ class Hero {
         stat.append(stat_value, stat_label);
         this.#statsNode().appendChild(stat);
     }
-    clearStats() { this.#statsNode().innerHTML = ""; }
+    clearStats() {
+        this.#statsNode().innerHTML = "";
+    }
     // Шапка и статистика создаются при первом обращении, шапка всегда стоит выше
     #headNode() {
         if (this.#head === undefined) {
@@ -98,7 +114,9 @@ class Hero {
         return this.#stats;
     }
     // RENDER
-    set() { return this.#chui_hero; }
+    set() {
+        return this.#chui_hero;
+    }
 }
 
-exports.Hero = Hero
+exports.Hero = Hero;

package/framework/components/chui_html_block/html_block.js

@@ -1,17 +1,17 @@
 class HtmlBlock {
-    #id = require("randomstring").generate()
-    #html_block = document.createElement('chui_html_block')
+    #id = require("randomstring").generate();
+    #html_block = document.createElement("chui_html_block");
     constructor(width = String()) {
-        require('../../modules/chui_functions').setStyles(__dirname + "/styles.css", 'chUiJS_HtmlBlock');
-        this.#html_block.setAttribute('id', this.#id)
+        require("../../modules/chui_functions").setStyles(__dirname + "/styles.css", "chUiJS_HtmlBlock");
+        this.#html_block.setAttribute("id", this.#id);
         this.#html_block.style.width = width;
     }
     setHtml(html) {
         this.#html_block.innerHTML = html;
     }
     set() {
-        return this.#html_block
+        return this.#html_block;
     }
 }
 
-exports.HtmlBlock = HtmlBlock
+exports.HtmlBlock = HtmlBlock;

package/framework/components/chui_html_block/styles.css

@@ -2,5 +2,5 @@ chui_html_block {
     display: block;
     color: var(--text_color);
     margin: var(--margin);
-    height: max-content
-}
+    height: max-content;
+}

package/framework/components/chui_hx/hx.js

@@ -1,8 +1,8 @@
 class H {
     #h = undefined;
     constructor(num = Number(), text = String()) {
-        require('../../modules/chui_functions').setStyles(__dirname + "/styles.css", 'chUiJS_HX');
-        this.#h = document.createElement(`h${H.#level(num)}`)
+        require("../../modules/chui_functions").setStyles(__dirname + "/styles.css", "chUiJS_HX");
+        this.#h = document.createElement(`h${H.#level(num)}`);
         this.#h.innerText = text === undefined || text === null ? "" : String(text);
     }
     /** Уровень заголовка: целое 1…6, иначе — понятная ошибка вместо несуществующего тега `h0`.
@@ -27,4 +27,4 @@ class H {
     }
 }
 
-exports.H = H
+exports.H = H;

package/framework/components/chui_hx/styles.css

@@ -1,4 +1,9 @@
-h1, h2, h3, h4, h5, h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
     height: max-content;
     /* Ширина по контейнеру: с max-content длинный заголовок не переносился,
        а с margin: var(--margin) уезжал вправо за край родителя */
@@ -10,11 +15,13 @@ h1, h2, h3, h4, h5, h6 {
     font-weight: 500;
 }
 
-h1, h2 {
+h1,
+h2 {
     padding: 12px 6px;
 }
 
-h3, h4 {
+h3,
+h4 {
     padding: 10px 6px;
 }
 
@@ -40,4 +47,4 @@ h4 {
 
 h5 {
     font-size: 1.2rem;
-}
+}