chuijs 3.6.2 → 3.6.4

package/framework/components/chui_notification/notification_update.js

@@ -1,55 +1,55 @@
-const {Animation} = require('../../modules/chui_animations/animations');
-const {Spinner} = require("../chui_spinner/spinner");
-const {setStyles, getDate} = require('../../modules/chui_functions');
-
-class UpdateNotification {
-    #id = require("randomstring").generate();
-    #update_notification = document.createElement(`update_notification`);
-    #update_notification_content = document.createElement("update_notification_content");
-    #update_notification_header = document.createElement("update_notification_header");
-    #update_notification_title = document.createElement("update_notification_title");
-    #update_notification_date = document.createElement("update_notification_date");
-    #update_notification_body = document.createElement("update_notification_body");
-    #update_notification_text = document.createElement("update_notification_text");
-    constructor(options = { title: String(), text: String(), spinner: Boolean() }) {
-        setStyles(__dirname + "/styles_update.css", 'chUiJS_UpdateNotification');
-        this.#update_notification.id = this.#id;
-        // Стили заголовка уведомления
-        if (options.title !== undefined) {
-            this.#update_notification_title.innerText = options.title;
-        } else {
-            throw new Error("Должна быть установлена опция title");
-        }
-        // Стили текста уведомления
-        if (options.text !== undefined) {
-            this.#update_notification_text.innerText = options.text;
-        } else {
-            throw new Error("Должна быть установлена опция text");
-        }
-        this.#update_notification_date.innerHTML = getDate();
-        //
-        this.#update_notification_header.appendChild(this.#update_notification_title)
-        this.#update_notification_header.appendChild(this.#update_notification_date)
-        //
-        this.#update_notification_content.appendChild(this.#update_notification_header)
-        if (options.spinner) {
-            let spinner_def = new Spinner(Spinner.SIZE.V_SMALL, '3px 8px 3px 3px');
-            this.#update_notification_body.appendChild(spinner_def.set());
-        }
-        this.#update_notification_body.appendChild(this.#update_notification_text)
-        this.#update_notification_content.appendChild(this.#update_notification_body)
-        this.#update_notification.appendChild(this.#update_notification_content)
-    }
-    show(showOnSystem = Boolean()) {
-        document.getElementsByTagName('notification_panel')[0].appendChild(this.#update_notification);
-        let notification = document.getElementById(this.#id);
-        new Animation(notification).slideRightIn();
-        //notification.addEventListener("click", () => this.hide(notification));
-        if (showOnSystem) require("electron").ipcRenderer.send("show_system_notification", this.#update_notification_title.innerText, this.#update_notification_text.innerText);
-    }
-    hide() {
-        new Animation(this.#update_notification).slideRightOutAndRemove();
-    }
-}
-
+const {Animation} = require('../../modules/chui_animations/animations');
+const {Spinner} = require("../chui_spinner/spinner");
+const {setStyles, getDate} = require('../../modules/chui_functions');
+
+class UpdateNotification {
+    #id = require("randomstring").generate();
+    #update_notification = document.createElement(`update_notification`);
+    #update_notification_content = document.createElement("update_notification_content");
+    #update_notification_header = document.createElement("update_notification_header");
+    #update_notification_title = document.createElement("update_notification_title");
+    #update_notification_date = document.createElement("update_notification_date");
+    #update_notification_body = document.createElement("update_notification_body");
+    #update_notification_text = document.createElement("update_notification_text");
+    constructor(options = { title: String(), text: String(), spinner: Boolean() }) {
+        setStyles(__dirname + "/styles_update.css", 'chUiJS_UpdateNotification');
+        this.#update_notification.id = this.#id;
+        // Стили заголовка уведомления
+        if (options.title !== undefined) {
+            this.#update_notification_title.innerText = options.title;
+        } else {
+            throw new Error("Должна быть установлена опция title");
+        }
+        // Стили текста уведомления
+        if (options.text !== undefined) {
+            this.#update_notification_text.innerText = options.text;
+        } else {
+            throw new Error("Должна быть установлена опция text");
+        }
+        this.#update_notification_date.innerHTML = getDate();
+        //
+        this.#update_notification_header.appendChild(this.#update_notification_title)
+        this.#update_notification_header.appendChild(this.#update_notification_date)
+        //
+        this.#update_notification_content.appendChild(this.#update_notification_header)
+        if (options.spinner) {
+            let spinner_def = new Spinner(Spinner.SIZE.V_SMALL, '3px 8px 3px 3px');
+            this.#update_notification_body.appendChild(spinner_def.set());
+        }
+        this.#update_notification_body.appendChild(this.#update_notification_text)
+        this.#update_notification_content.appendChild(this.#update_notification_body)
+        this.#update_notification.appendChild(this.#update_notification_content)
+    }
+    show(showOnSystem = Boolean()) {
+        document.getElementsByTagName('notification_panel')[0].appendChild(this.#update_notification);
+        let notification = document.getElementById(this.#id);
+        new Animation(notification).slideRightIn();
+        //notification.addEventListener("click", () => this.hide(notification));
+        if (showOnSystem) require("electron").ipcRenderer.send("show_system_notification", this.#update_notification_title.innerText, this.#update_notification_text.innerText);
+    }
+    hide() {
+        new Animation(this.#update_notification).slideRightOutAndRemove();
+    }
+}
+
 exports.UpdateNotification = UpdateNotification

package/framework/components/chui_notification/styles.css

@@ -1,92 +1,92 @@
-notification {
-    display: none;
-    height: max-content;
-    width: max-content;
-    min-width: 356px;
-    max-width: 356px;
-    border-radius: var(--border_radius);
-    margin: var(--margin);
-    font-size: var(--font_default_size);
-    padding: var(--main_padding);
-    background: var(--header_background);
-    backdrop-filter: var(--global_blur);
-    box-shadow: var(--box_shadow_main);
-    z-index: 1002;
-    border: 1px solid var(--border_color);
-}
-
-.notification_warning {
-    background: var(--badge_warning_back);
-    box-shadow: var(--box_shadow_main);
-    border: 1px solid var(--badge_warning_back);
-}
-
-.notification_error {
-    background: var(--badge_error_back);
-    box-shadow: var(--box_shadow_main);
-    border: 1px solid var(--badge_error_back);
-}
-
-.notification_success {
-    background: var(--badge_success_back);
-    box-shadow: var(--box_shadow_main);
-    border: 1px solid var(--badge_success_back);
-}
-
-notification_content {
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-    justify-content: flex-start;
-    align-items: flex-start;
-}
-
-notification_header {
-    display: flex;
-    flex-direction: row;
-    flex: 1;
-    justify-content: space-between;
-    align-items: center;
-    width: -webkit-fill-available;
-}
-
-notification_title {
-    font-size: var(--font_default_size);
-    font-weight: 500;
-    margin: 3px;
-    color: var(--text_color);
-    word-break: break-all;
-}
-
-notification_title p {
-    margin: 0;
-}
-
-notification_date {
-    font-size: 8pt;
-    font-weight: 500;
-    margin: 0px 3px;
-    color: var(--text_color);
-    white-space: pre;
-    text-align: end;
-}
-
-notification_text {
-    font-size: var(--font_notification_size);
-    font-weight: 400;
-    margin: 3px;
-    color: var(--text_color);
-    word-break: break-word;
-}
-
-notification_text * {
-    font-size: inherit;
-    font-weight: inherit;
-    margin: 0;
-}
-
-notification_text p strong {
-    font-size: inherit;
-    font-weight: 500;
-    margin: 0;
+notification {
+    display: none;
+    height: max-content;
+    width: max-content;
+    min-width: 356px;
+    max-width: 356px;
+    border-radius: var(--border_radius);
+    margin: var(--margin);
+    font-size: var(--font_default_size);
+    padding: var(--main_padding);
+    background: var(--header_background);
+    backdrop-filter: var(--global_blur);
+    box-shadow: var(--box_shadow_main);
+    z-index: 1002;
+    border: 1px solid var(--border_color);
+}
+
+.notification_warning {
+    background: var(--badge_warning_back);
+    box-shadow: var(--box_shadow_main);
+    border: 1px solid var(--badge_warning_back);
+}
+
+.notification_error {
+    background: var(--badge_error_back);
+    box-shadow: var(--box_shadow_main);
+    border: 1px solid var(--badge_error_back);
+}
+
+.notification_success {
+    background: var(--badge_success_back);
+    box-shadow: var(--box_shadow_main);
+    border: 1px solid var(--badge_success_back);
+}
+
+notification_content {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    justify-content: flex-start;
+    align-items: flex-start;
+}
+
+notification_header {
+    display: flex;
+    flex-direction: row;
+    flex: 1;
+    justify-content: space-between;
+    align-items: center;
+    width: -webkit-fill-available;
+}
+
+notification_title {
+    font-size: var(--font_default_size);
+    font-weight: 500;
+    margin: 3px;
+    color: var(--text_color);
+    word-break: break-all;
+}
+
+notification_title p {
+    margin: 0;
+}
+
+notification_date {
+    font-size: 8pt;
+    font-weight: 500;
+    margin: 0px 3px;
+    color: var(--text_color);
+    white-space: pre;
+    text-align: end;
+}
+
+notification_text {
+    font-size: var(--font_notification_size);
+    font-weight: 400;
+    margin: 3px;
+    color: var(--text_color);
+    word-break: break-word;
+}
+
+notification_text * {
+    font-size: inherit;
+    font-weight: inherit;
+    margin: 0;
+}
+
+notification_text p strong {
+    font-size: inherit;
+    font-weight: 500;
+    margin: 0;
 }

package/framework/components/chui_notification/styles_download.css

@@ -1,86 +1,86 @@
-/* download */
-download_notification {
-    display: none;
-    height: max-content;
-    width: max-content;
-    max-width: 600px;
-    border-radius: var(--border_radius);
-    margin: var(--margin);
-    font-size: var(--font_default_size);
-    padding: 6px 10px;
-    background: var(--header_background);
-    backdrop-filter: var(--global_blur);
-    z-index: 1002;
-    box-shadow: var(--box_shadow_main);
-    border: 1px solid var(--border_color);
-}
-
-.download_notification_error {
-    background: var(--badge_error_back);
-    box-shadow: var(--box_shadow_main);
-    border: 1px solid var(--badge_error_back);
-}
-
-.download_notification_success {
-    background: var(--badge_success_back);
-    box-shadow: var(--box_shadow_main);
-    border: 1px solid var(--badge_success_back);
-}
-
-download_notification_body {
-    display: flex;
-    flex-direction: row;
-    flex: 1;
-    justify-content: left;
-    align-items: center;
-}
-
-download_notification_content {
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-    justify-content: flex-start;
-    align-items: flex-start;
-}
-
-download_notification_header {
-    display: flex;
-    flex-direction: row;
-    flex: 1;
-    justify-content: space-between;
-    align-items: center;
-    width: -webkit-fill-available;
-}
-
-download_notification_title {
-    font-size: var(--font_default_size);
-    font-weight: 500;
-    margin: 3px;
-    color: var(--text_color);
-    word-break: break-all;
-}
-
-download_notification_title p {
-    margin: 0;
-}
-
-download_notification_date {
-    font-size: 8pt;
-    font-weight: 400;
-    margin: 3px 0 0 10px;
-    color: var(--text_color);
-    white-space: pre;
-    text-align: end;
-}
-
-download_notification_text {
-    font-size: 11pt;
-    font-weight: 400;
-    margin: 6px 3px;
-    color: var(--text_color);
-    word-break: break-word;
-}
-
-download_notification_text p {
-    margin: 0;
+/* download */
+download_notification {
+    display: none;
+    height: max-content;
+    width: max-content;
+    max-width: 600px;
+    border-radius: var(--border_radius);
+    margin: var(--margin);
+    font-size: var(--font_default_size);
+    padding: 6px 10px;
+    background: var(--header_background);
+    backdrop-filter: var(--global_blur);
+    z-index: 1002;
+    box-shadow: var(--box_shadow_main);
+    border: 1px solid var(--border_color);
+}
+
+.download_notification_error {
+    background: var(--badge_error_back);
+    box-shadow: var(--box_shadow_main);
+    border: 1px solid var(--badge_error_back);
+}
+
+.download_notification_success {
+    background: var(--badge_success_back);
+    box-shadow: var(--box_shadow_main);
+    border: 1px solid var(--badge_success_back);
+}
+
+download_notification_body {
+    display: flex;
+    flex-direction: row;
+    flex: 1;
+    justify-content: left;
+    align-items: center;
+}
+
+download_notification_content {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    justify-content: flex-start;
+    align-items: flex-start;
+}
+
+download_notification_header {
+    display: flex;
+    flex-direction: row;
+    flex: 1;
+    justify-content: space-between;
+    align-items: center;
+    width: -webkit-fill-available;
+}
+
+download_notification_title {
+    font-size: var(--font_default_size);
+    font-weight: 500;
+    margin: 3px;
+    color: var(--text_color);
+    word-break: break-all;
+}
+
+download_notification_title p {
+    margin: 0;
+}
+
+download_notification_date {
+    font-size: 8pt;
+    font-weight: 400;
+    margin: 3px 0 0 10px;
+    color: var(--text_color);
+    white-space: pre;
+    text-align: end;
+}
+
+download_notification_text {
+    font-size: 11pt;
+    font-weight: 400;
+    margin: 6px 3px;
+    color: var(--text_color);
+    word-break: break-word;
+}
+
+download_notification_text p {
+    margin: 0;
 }

package/framework/components/chui_notification/styles_update.css

@@ -1,74 +1,74 @@
-/* UPDATE */
-update_notification {
-    display: none;
-    height: max-content;
-    width: max-content;
-    max-width: 600px;
-    border-radius: var(--border_radius);
-    margin: var(--margin);
-    font-size: var(--font_default_size);
-    padding: 6px 10px;
-    background: var(--header_background);
-    backdrop-filter: var(--global_blur);
-    z-index: 1002;
-    box-shadow: var(--box_shadow_main);
-    border: 1px solid var(--border_color);
-}
-
-update_notification_body {
-    display: flex;
-    flex-direction: row;
-    flex: 1;
-    justify-content: center;
-    align-items: center;
-}
-
-update_notification_content {
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-    justify-content: flex-start;
-    align-items: flex-start;
-}
-
-update_notification_header {
-    display: flex;
-    flex-direction: row;
-    flex: 1;
-    justify-content: space-between;
-    align-items: center;
-    width: -webkit-fill-available;
-}
-
-update_notification_title {
-    font-size: var(--font_default_size);
-    font-weight: 500;
-    margin: 3px;
-    color: var(--text_color);
-    word-break: break-all;
-}
-
-update_notification_title p {
-    margin: 0;
-}
-
-update_notification_date {
-    font-size: 8pt;
-    font-weight: 400;
-    margin: 3px 0 0 10px;
-    color: var(--text_color);
-    white-space: pre;
-    text-align: end;
-}
-
-update_notification_text {
-    font-size: 11pt;
-    font-weight: 400;
-    margin: 6px 3px;
-    color: var(--text_color);
-    word-break: break-word;
-}
-
-update_notification_text p {
-    margin: 0;
+/* UPDATE */
+update_notification {
+    display: none;
+    height: max-content;
+    width: max-content;
+    max-width: 600px;
+    border-radius: var(--border_radius);
+    margin: var(--margin);
+    font-size: var(--font_default_size);
+    padding: 6px 10px;
+    background: var(--header_background);
+    backdrop-filter: var(--global_blur);
+    z-index: 1002;
+    box-shadow: var(--box_shadow_main);
+    border: 1px solid var(--border_color);
+}
+
+update_notification_body {
+    display: flex;
+    flex-direction: row;
+    flex: 1;
+    justify-content: center;
+    align-items: center;
+}
+
+update_notification_content {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    justify-content: flex-start;
+    align-items: flex-start;
+}
+
+update_notification_header {
+    display: flex;
+    flex-direction: row;
+    flex: 1;
+    justify-content: space-between;
+    align-items: center;
+    width: -webkit-fill-available;
+}
+
+update_notification_title {
+    font-size: var(--font_default_size);
+    font-weight: 500;
+    margin: 3px;
+    color: var(--text_color);
+    word-break: break-all;
+}
+
+update_notification_title p {
+    margin: 0;
+}
+
+update_notification_date {
+    font-size: 8pt;
+    font-weight: 400;
+    margin: 3px 0 0 10px;
+    color: var(--text_color);
+    white-space: pre;
+    text-align: end;
+}
+
+update_notification_text {
+    font-size: 11pt;
+    font-weight: 400;
+    margin: 6px 3px;
+    color: var(--text_color);
+    word-break: break-word;
+}
+
+update_notification_text p {
+    margin: 0;
 }

package/framework/components/chui_paragraph/paragraph.js

@@ -1,15 +1,15 @@
-class Paragraph {
-    #Paragraph = document.createElement(`p`);
-    constructor(text = String()) {
-        require('../../modules/chui_functions').setStyles(__dirname + "/styles.css", 'chUiJS_Paragraph');
-        this.#Paragraph.innerText = text;
-    }
-    setText(text = String()) {
-        this.#Paragraph.innerText = text;
-    }
-    set() {
-        return this.#Paragraph;
-    }
-}
-
+class Paragraph {
+    #Paragraph = document.createElement(`p`);
+    constructor(text = String()) {
+        require('../../modules/chui_functions').setStyles(__dirname + "/styles.css", 'chUiJS_Paragraph');
+        this.#Paragraph.innerText = text;
+    }
+    setText(text = String()) {
+        this.#Paragraph.innerText = text;
+    }
+    set() {
+        return this.#Paragraph;
+    }
+}
+
 exports.Paragraph = Paragraph

package/framework/components/chui_paragraph/styles.css

@@ -1,7 +1,7 @@
-p {
-    height: max-content;
-    width: max-content;
-    color: var(--text_color);
-    margin: var(--margin);
-    font-size: var(--font_default_size);
+p {
+    height: max-content;
+    width: max-content;
+    color: var(--text_color);
+    margin: var(--margin);
+    font-size: var(--font_default_size);
 }