chuijs 4.0.3 → 4.0.4

package/framework/modules/chui_qr/chui_qr.js

@@ -161,11 +161,11 @@ class QR {
      * `version` по умолчанию — 40: это предел всего формата.
      */
     static capacity(version = MAX_VERSION, level = LEVELS.MEDIUM, mode = MODES.AUTO) {
-        const checked_level = QR.#checkLevel(QR.#option(level));
+        const checkedLevel = QR.#checkLevel(QR.#option(level));
         const chosen = QR.#option(mode);
-        const checked_mode = chosen === undefined || chosen === MODES.AUTO ? MODES.BYTE : QR.#checkMode(chosen);
-        const checked_version = QR.#checkVersion(QR.#option(version) === undefined ? MAX_VERSION : version);
-        return QR.#capacity(checked_version, checked_level, checked_mode);
+        const checkedMode = chosen === undefined || chosen === MODES.AUTO ? MODES.BYTE : QR.#checkMode(chosen);
+        const checkedVersion = QR.#checkVersion(QR.#option(version) === undefined ? MAX_VERSION : version);
+        return QR.#capacity(checkedVersion, checkedLevel, checkedMode);
     }
 
     /** Режим, который выберет `AUTO` для этой строки: цифры, буквы и цифры или байты */
@@ -217,10 +217,10 @@ class QR {
         const level = QR.#checkLevel(QR.#option(options.level));
         const requested = QR.#option(options.mode);
         const mode = requested === undefined || requested === MODES.AUTO ? MODES.AUTO : QR.#checkMode(requested);
-        const min_version = QR.#option(options.minVersion);
-        const max_version = QR.#option(options.maxVersion);
-        const first = QR.#checkVersion(min_version === undefined ? MIN_VERSION : min_version);
-        const last = QR.#checkVersion(max_version === undefined ? MAX_VERSION : max_version);
+        const minVersion = QR.#option(options.minVersion);
+        const maxVersion = QR.#option(options.maxVersion);
+        const first = QR.#checkVersion(minVersion === undefined ? MIN_VERSION : minVersion);
+        const last = QR.#checkVersion(maxVersion === undefined ? MAX_VERSION : maxVersion);
         if (first > last) throw new RangeError("QR: minVersion больше maxVersion");
         const mask = QR.#option(options.mask) === undefined ? undefined : QR.#checkMask(options.mask);
 
@@ -254,15 +254,15 @@ class QR {
         const size = QR.size(version);
         const pattern = QR.#functionPatterns(version, level);
         QR.#placeData(pattern.modules, pattern.isFunction, codewords, size);
-        const chosen_mask = mask === undefined ? QR.#bestMask(pattern.modules, pattern.isFunction, size, level) : mask;
-        QR.#applyMask(pattern.modules, pattern.isFunction, size, chosen_mask);
-        QR.#drawFormat(pattern.modules, pattern.isFunction, size, level, chosen_mask);
+        const chosenMask = mask === undefined ? QR.#bestMask(pattern.modules, pattern.isFunction, size, level) : mask;
+        QR.#applyMask(pattern.modules, pattern.isFunction, size, chosenMask);
+        QR.#drawFormat(pattern.modules, pattern.isFunction, size, level, chosenMask);
         return {
             ok: true,
             matrix: pattern.modules,
             size: size,
             version: version,
-            mask: chosen_mask,
+            mask: chosenMask,
             level: level,
             mode: payload.mode,
             length: payload.length,
@@ -343,27 +343,27 @@ class QR {
      */
     static #interleave(data = [], version = MIN_VERSION, level = LEVELS.MEDIUM) {
         const blocks = EC_BLOCKS[LEVEL_INFO[level].index][version - 1];
-        const ec_length = EC_CODEWORDS[LEVEL_INFO[level].index][version - 1];
+        const errorCorrectionLength = EC_CODEWORDS[LEVEL_INFO[level].index][version - 1];
         const total = QR.#rawDataModules(version) >> 3;
-        const short_length = Math.floor(total / blocks) - ec_length;
-        const short_blocks = blocks - (total % blocks);
-        const divisor = QR.#divisor(ec_length);
+        const shortLength = Math.floor(total / blocks) - errorCorrectionLength;
+        const shortBlocks = blocks - (total % blocks);
+        const divisor = QR.#divisor(errorCorrectionLength);
         const chunks = [];
         let offset = 0;
         for (let index = 0; index < blocks; index += 1) {
-            const length = short_length + (index < short_blocks ? 0 : 1);
+            const length = shortLength + (index < shortBlocks ? 0 : 1);
             const chunk = data.slice(offset, offset + length);
             offset += length;
             chunks.push({ data: chunk, ec: QR.#remainder(chunk, divisor) });
         }
         const result = [];
-        const longest = short_length + 1;
+        const longest = shortLength + 1;
         for (let position = 0; position < longest; position += 1) {
             for (const chunk of chunks) {
                 if (position < chunk.data.length) result.push(chunk.data[position]);
             }
         }
-        for (let position = 0; position < ec_length; position += 1) {
+        for (let position = 0; position < errorCorrectionLength; position += 1) {
             for (const chunk of chunks) result.push(chunk.ec[position]);
         }
         return result;
@@ -371,7 +371,7 @@ class QR {
 
     /** Порождающий полином коррекции степени `degree` (без старшего члена) */
     static #divisor(degree = Number()) {
-        let result = new Array(degree).fill(0);
+        const result = new Array(degree).fill(0);
         result[degree - 1] = 1;
         let root = 1;
         for (let index = 0; index < degree; index += 1) {
@@ -578,14 +578,14 @@ class QR {
     /** Маска с наименьшим штрафом; повторное применение снимает маску */
     static #bestMask(modules = [], isFunction = [], size = Number(), level = LEVELS.MEDIUM) {
         let best = 0;
-        let best_score = Infinity;
+        let bestScore = Infinity;
         for (let mask = 0; mask < 8; mask += 1) {
             QR.#applyMask(modules, isFunction, size, mask);
             QR.#drawFormat(modules, isFunction, size, level, mask);
             const score = QR.#penalty(modules, size);
-            if (score < best_score) {
+            if (score < bestScore) {
                 best = mask;
-                best_score = score;
+                bestScore = score;
             }
             QR.#applyMask(modules, isFunction, size, mask);
         }

package/framework/modules/chui_scrollbar/chui_scrollbar.js

@@ -122,22 +122,22 @@ class Scrollbar {
     #listeners = [];
     #thickness = THICKNESS;
     #inset = INSET;
-    #inset_cache = undefined;
-    #z_index = 0;
+    #insetCache = undefined;
+    #zIndex = 0;
     #hovered = false;
     #dragging = undefined;
-    #should_show = false;
+    #shouldShow = false;
     #timer = 0;
     #frame = 0;
-    #drag_start = 0;
-    #drag_scroll = 0;
+    #dragStart = 0;
+    #dragScroll = 0;
 
     constructor(element = undefined, options = { thickness: Number(), inset: Number(), zIndex: Number() }) {
         setStyles(__dirname + "/styles.css", "chUiJS_Scrollbar");
         this.#element = element;
         this.#thickness = Scrollbar.#numberOr(options.thickness, THICKNESS);
         this.#inset = Scrollbar.#numberOr(options.inset, INSET);
-        this.#z_index = Scrollbar.#zIndexFor(element, options.zIndex);
+        this.#zIndex = Scrollbar.#zIndexFor(element, options.zIndex);
         // Нативная полоса скрыта: место под неё не резервируется, иначе содержимое уезжало бы
         // из центра, а поверх системной полосы лёг бы второй глиф
         element.classList.add(HOST_CLASS);
@@ -203,7 +203,7 @@ class Scrollbar {
         thumb = document.createElement("chui_scrollbar_thumb");
         thumb.dataset.axis = axis;
         thumb.setAttribute("aria-hidden", "true");
-        thumb.style.zIndex = String(this.#z_index);
+        thumb.style.zIndex = String(this.#zIndex);
         document.body.appendChild(thumb);
         this.#thumbs.set(axis, thumb);
         this.#listen(thumb, "pointerenter", () => this.#onEnter());
@@ -229,24 +229,24 @@ class Scrollbar {
      * `refreshInsets()` (наблюдатель за размерами и resize окна).
      */
     #insets() {
-        if (this.#inset_cache !== undefined) return this.#inset_cache;
+        if (this.#insetCache !== undefined) return this.#insetCache;
         const style = getComputedStyle(this.#element);
         const read = (name) => {
             const value = Number.parseFloat(style.getPropertyValue(name));
             return Number.isFinite(value) === true && value > 0 ? value : 0;
         };
-        this.#inset_cache = {
+        this.#insetCache = {
             top: read("--scrollbar_inset_top"),
             right: read("--scrollbar_inset_right"),
             bottom: read("--scrollbar_inset_bottom"),
             left: read("--scrollbar_inset_left"),
         };
-        return this.#inset_cache;
+        return this.#insetCache;
     }
 
     /** Сбросить кэш отступов и пересчитать: вместе с раскладкой мог смениться и токен */
     refreshInsets() {
-        this.#inset_cache = undefined;
+        this.#insetCache = undefined;
         this.#render();
         return this;
     }
@@ -269,13 +269,13 @@ class Scrollbar {
         // ползунок не доезжает до конца (замер: недоезд 14px на странице 2917px).
         const overflow = content - view;
         if (track <= 0 || overflow <= 1) return undefined;
-        const thumb_size = Math.max(MIN_THUMB, Math.round((track * track) / content));
+        const thumbSize = Math.max(MIN_THUMB, Math.round((track * track) / content));
         return {
             track: track,
             content: content,
             overflow: overflow,
-            thumb_size: thumb_size,
-            travel: track - thumb_size,
+            thumb_size: thumbSize,
+            travel: track - thumbSize,
             offset: vertical ? element.scrollTop : element.scrollLeft,
             start: vertical ? insets.top : insets.left,
             end: vertical ? insets.bottom : insets.right,
@@ -321,7 +321,7 @@ class Scrollbar {
             return;
         }
         const rect = element.getBoundingClientRect();
-        const on_screen =
+        const onScreen =
             rect.width > 0 &&
             rect.height > 0 &&
             rect.bottom > 0 &&
@@ -330,7 +330,7 @@ class Scrollbar {
             rect.left < window.innerWidth;
         // Узел за пределами окна (его вытянет прокрутка родителя): писать в глифы нечего,
         // кроме снятия видимости при уходе — иначе на каждый узел приходился бы reflow
-        if (on_screen === false) {
+        if (onScreen === false) {
             if (this.#ready.size === 0) return;
             this.#ready.clear();
             this.#paint();
@@ -350,16 +350,16 @@ class Scrollbar {
         for (const axis of AXES) {
             const thumb = this.#thumbs.get(axis);
             if (thumb === undefined) continue;
-            const shown = this.#should_show === true && this.#ready.has(axis) === true;
+            const shown = this.#shouldShow === true && this.#ready.has(axis) === true;
             // Лишняя запись класса — тоже изменение разметки, поэтому только по факту смены
             if (thumb.classList.contains(VISIBLE_CLASS) !== shown) thumb.classList.toggle(VISIBLE_CLASS, shown);
         }
-        if (this.#should_show === true && this.#ready.size > 0) this.#startFollowFrame();
+        if (this.#shouldShow === true && this.#ready.size > 0) this.#startFollowFrame();
         else this.#stopFollowFrame();
     }
 
     #onScroll() {
-        this.#should_show = true;
+        this.#shouldShow = true;
         this.#render();
         // Курсор над узлом — глиф и так держится наведением; иначе показываем и убираем
         if (this.#hovered === false) this.#scheduleHide(HIDE_DELAY);
@@ -367,7 +367,7 @@ class Scrollbar {
 
     #onEnter() {
         this.#hovered = true;
-        this.#should_show = true;
+        this.#shouldShow = true;
         this.#cancelHide();
         this.#render();
     }
@@ -383,7 +383,7 @@ class Scrollbar {
         this.#timer = setTimeout(() => {
             this.#timer = 0;
             if (this.#hovered === true || this.#dragging !== undefined) return;
-            this.#should_show = false;
+            this.#shouldShow = false;
             this.#paint();
         }, delay);
     }
@@ -415,14 +415,14 @@ class Scrollbar {
         // Без preventDefault указатель увёл бы фокус и начал выделение текста под глифом
         event.preventDefault();
         this.#dragging = axis;
-        this.#should_show = true;
+        this.#shouldShow = true;
         this.#cancelHide();
         const thumb = this.#thumbFor(axis);
         thumb.classList.add(DRAGGING_CLASS);
         if (typeof thumb.setPointerCapture === "function") thumb.setPointerCapture(event.pointerId);
         const vertical = axis === AXIS.VERTICAL;
-        this.#drag_start = vertical ? event.clientY : event.clientX;
-        this.#drag_scroll = vertical ? this.#element.scrollTop : this.#element.scrollLeft;
+        this.#dragStart = vertical ? event.clientY : event.clientX;
+        this.#dragScroll = vertical ? this.#element.scrollTop : this.#element.scrollLeft;
         this.#render();
     }
 
@@ -434,9 +434,9 @@ class Scrollbar {
         const vertical = axis === AXIS.VERTICAL;
         const pointer = vertical ? event.clientY : event.clientX;
         // Глиф проходит `travel` пикселей, содержимое за это время — `overflow`: отсюда масштаб
-        const delta = (pointer - this.#drag_start) * (metrics.overflow / metrics.travel);
-        if (vertical) this.#element.scrollTop = this.#drag_scroll + delta;
-        else this.#element.scrollLeft = this.#drag_scroll + delta;
+        const delta = (pointer - this.#dragStart) * (metrics.overflow / metrics.travel);
+        if (vertical) this.#element.scrollTop = this.#dragScroll + delta;
+        else this.#element.scrollLeft = this.#dragScroll + delta;
     }
 
     #onDragEnd(event = Object()) {
@@ -467,8 +467,8 @@ class OverlayScrollbars {
     /** Что перепроверить в ближайшем кадре: узел → надо ли обойти его поддерево */
     static #pending = new Map();
     static #frame = 0;
-    static #scroll_frame = 0;
-    static #scan_frame = 0;
+    static #scrollFrame = 0;
+    static #scanFrame = 0;
     /** Прокрутка и изменение окна: глифы надо догнать (прокрутка родителя двигает и детей) */
     static #onViewportChange = () => OverlayScrollbars.#scheduleRefresh();
     /*
@@ -489,9 +489,9 @@ class OverlayScrollbars {
     };
 
     static #scheduleScan() {
-        if (OverlayScrollbars.#scan_frame !== 0) return;
-        OverlayScrollbars.#scan_frame = requestAnimationFrame(() => {
-            OverlayScrollbars.#scan_frame = 0;
+        if (OverlayScrollbars.#scanFrame !== 0) return;
+        OverlayScrollbars.#scanFrame = requestAnimationFrame(() => {
+            OverlayScrollbars.#scanFrame = 0;
             OverlayScrollbars.refreshAll();
             OverlayScrollbars.scan(document.body);
         });
@@ -562,11 +562,11 @@ class OverlayScrollbars {
         OverlayScrollbars.#observer = undefined;
         OverlayScrollbars.#resize = undefined;
         if (OverlayScrollbars.#frame !== 0) cancelAnimationFrame(OverlayScrollbars.#frame);
-        if (OverlayScrollbars.#scroll_frame !== 0) cancelAnimationFrame(OverlayScrollbars.#scroll_frame);
-        if (OverlayScrollbars.#scan_frame !== 0) cancelAnimationFrame(OverlayScrollbars.#scan_frame);
+        if (OverlayScrollbars.#scrollFrame !== 0) cancelAnimationFrame(OverlayScrollbars.#scrollFrame);
+        if (OverlayScrollbars.#scanFrame !== 0) cancelAnimationFrame(OverlayScrollbars.#scanFrame);
         OverlayScrollbars.#frame = 0;
-        OverlayScrollbars.#scroll_frame = 0;
-        OverlayScrollbars.#scan_frame = 0;
+        OverlayScrollbars.#scrollFrame = 0;
+        OverlayScrollbars.#scanFrame = 0;
         OverlayScrollbars.#pending.clear();
         for (const element of [...OverlayScrollbars.#instances]) OverlayScrollbars.#detach(element);
         return OverlayScrollbars;
@@ -582,9 +582,9 @@ class OverlayScrollbars {
     }
 
     static #scheduleRefresh() {
-        if (OverlayScrollbars.#scroll_frame !== 0) return;
-        OverlayScrollbars.#scroll_frame = requestAnimationFrame(() => {
-            OverlayScrollbars.#scroll_frame = 0;
+        if (OverlayScrollbars.#scrollFrame !== 0) return;
+        OverlayScrollbars.#scrollFrame = requestAnimationFrame(() => {
+            OverlayScrollbars.#scrollFrame = 0;
             OverlayScrollbars.refreshAll();
         });
     }
@@ -634,13 +634,13 @@ class OverlayScrollbars {
         if (node === document.body || node === document.documentElement) return false;
         if (node.tagName === "CHUI_SCROLLBAR_THUMB") return false;
         // Быстрая отсечка до чтения стилей: переполнения нет — прокручивать нечего
-        const overflow_y = node.scrollHeight - node.clientHeight > 1;
-        const overflow_x = node.scrollWidth - node.clientWidth > 1;
-        if (overflow_y === false && overflow_x === false) return false;
+        const overflowY = node.scrollHeight - node.clientHeight > 1;
+        const overflowX = node.scrollWidth - node.clientWidth > 1;
+        if (overflowY === false && overflowX === false) return false;
         const style = getComputedStyle(node);
-        const scrolls_y = overflow_y === true && (style.overflowY === "auto" || style.overflowY === "scroll");
-        const scrolls_x = overflow_x === true && (style.overflowX === "auto" || style.overflowX === "scroll");
-        return scrolls_y === true || scrolls_x === true;
+        const scrollsY = overflowY === true && (style.overflowY === "auto" || style.overflowY === "scroll");
+        const scrollsX = overflowX === true && (style.overflowX === "auto" || style.overflowX === "scroll");
+        return scrollsY === true || scrollsX === true;
     }
 
     static #onMutations(records = []) {

package/framework/modules/chui_scrollbar/styles.css

@@ -15,7 +15,7 @@ chui_scrollbar_thumb {
     z-index: 900;
     display: block;
     box-sizing: border-box;
-    border-radius: var(--border_radius);
+    border-radius: var(--radius_sm);
     background: var(--scrollbar_thumb);
     /* Пока глиф не виден, он не должен перехватывать курсор: наведение ловит сам узел */
     pointer-events: none;
@@ -23,8 +23,8 @@ chui_scrollbar_thumb {
     /* Плавно только появление и цвет: `top`/`left`/`width`/`height` анимировать нельзя —
        глиф отставал бы от прокрутки и «плыл» за содержимым */
     transition:
-        opacity var(--transition_time) ease,
-        background-color var(--transition_time) ease;
+        opacity var(--motion_fast) var(--motion_ease),
+        background-color var(--motion_fast) var(--motion_ease);
 }
 
 chui_scrollbar_thumb.chui_scrollbar_visible {

package/framework/modules/chui_services/chui_services.js

@@ -52,9 +52,9 @@ class Shell {
  */
 class Shortcuts {
     #registered = new Map();
-    #bound_quit = false;
+    #boundQuit = false;
     #destroyed = false;
-    #on_quit = () => this.unregisterAll();
+    #onQuit = () => this.unregisterAll();
 
     /**
      * `register("Mod+Shift+P", () => {})` — вернёт `false`, если комбинацию уже занял
@@ -113,15 +113,15 @@ class Shortcuts {
     }
 
     #bindQuit() {
-        if (this.#bound_quit) return;
-        this.#bound_quit = true;
-        app.on("will-quit", this.#on_quit);
+        if (this.#boundQuit) return;
+        this.#boundQuit = true;
+        app.on("will-quit", this.#onQuit);
     }
 
     #unbindQuit() {
-        if (!this.#bound_quit) return;
-        this.#bound_quit = false;
-        app.removeListener("will-quit", this.#on_quit);
+        if (!this.#boundQuit) return;
+        this.#boundQuit = false;
+        app.removeListener("will-quit", this.#onQuit);
     }
 }