selective-ui 1.4.0 → 1.4.2

package/src/ts/types/utils/libs.type.ts

@@ -3,19 +3,19 @@
  * Includes attributes, styles, events, and accessibility properties.
  */
 export type NodeSpec = {
-    node: string;                                // Tag name of the node (e.g., "div", "span")
-    classList?: string | string[];              // CSS classes to apply
-    style?: Partial<CSSStyleDeclaration>;       // Inline styles for the node
-    dataset?: Record<string, string>;           // Data attributes (e.g., data-* values)
-    role?: string;                               // ARIA role for accessibility
-    ariaLive?: string;                           // ARIA live region setting
-    ariaLabelledby?: string;                     // ARIA labelledby reference
-    ariaControls?: string;                       // ARIA controls reference
-    ariaHaspopup?: string;                       // ARIA haspopup attribute
-    ariaMultiselectable?: string;                // ARIA multiselectable attribute
-    ariaAutocomplete?: string;                   // ARIA autocomplete attribute
-    event?: Record<string, EventListener>;       // Event listeners mapped by event name
-    [key: string]: unknown;                      // Allow additional custom properties
+    node: string; // Tag name of the node (e.g., "div", "span")
+    classList?: string | string[]; // CSS classes to apply
+    style?: Partial<CSSStyleDeclaration>; // Inline styles for the node
+    dataset?: Record<string, string>; // Data attributes (e.g., data-* values)
+    role?: string; // ARIA role for accessibility
+    ariaLive?: string; // ARIA live region setting
+    ariaLabelledby?: string; // ARIA labelledby reference
+    ariaControls?: string; // ARIA controls reference
+    ariaHaspopup?: string; // ARIA haspopup attribute
+    ariaMultiselectable?: string; // ARIA multiselectable attribute
+    ariaAutocomplete?: string; // ARIA autocomplete attribute
+    event?: Record<string, EventListener>; // Event listeners mapped by event name
+    [key: string]: unknown; // Allow additional custom properties
 };
 
 /**
@@ -24,7 +24,9 @@ export type NodeSpec = {
  *
  * @template TTags - A map of tag names to their corresponding HTMLElement instances.
  */
-export type MountViewResult<TTags extends Record<string, HTMLElement> = Record<string, HTMLElement>> = {
-    view: HTMLElement | null;                   // Root element of the mounted view
-    tags: TTags & { id: string };               // Tag map with an additional unique ID
-};
+export type MountViewResult<
+    TTags extends Record<string, HTMLElement> = Record<string, HTMLElement>,
+> = {
+    view?: HTMLElement; // Root element of the mounted view
+    tags: TTags & { id: string }; // Tag map with an additional unique ID
+};

package/src/ts/types/utils/selective.type.ts

@@ -7,9 +7,12 @@ import type { SelectivePlugin } from "../plugins/plugin.type";
  * Extends DefaultConfig with additional internal identifiers.
  */
 export type SelectiveOptions = DefaultConfig & {
-    SEID?: string;        // Unique Selective Element ID
-    SEID_LIST?: string;   // ID for the list container
-    SEID_HOLDER?: string; // ID for the holder element
+    /** Unique Selective Element ID */
+    SEID?: string;
+    /** ID for the list container */
+    SEID_LIST?: string;
+    /** ID for the holder element */
+    SEID_HOLDER?: string;
 };
 
 /**

package/src/ts/types/views/view.group.type.ts

@@ -5,9 +5,12 @@ import { MountViewResult } from "../utils/libs.type";
  * These tags correspond to key sections of the group UI.
  */
 export type GroupViewTags = {
-    GroupView: HTMLDivElement;    // Root container for the group view
-    GroupHeader: HTMLDivElement;  // Header section displaying the group title
-    GroupItems: HTMLDivElement;   // Container for the group's items
+    /** Root container for the group view */
+    GroupView: HTMLDivElement;
+    /** Header section displaying the group title */
+    GroupHeader: HTMLDivElement;
+    /** Container for the group's items */
+    GroupItems: HTMLDivElement;
 };
 
 /**
@@ -15,5 +18,6 @@ export type GroupViewTags = {
  * Extends MountViewResult with a guaranteed root element (`view`).
  */
 export type GroupViewResult = MountViewResult<GroupViewTags> & {
-    view: Element; // The root element of the mounted group view
-};
+    /** The root element of the mounted group view */
+    view: Element;
+};

package/src/ts/types/views/view.option.type.ts

@@ -5,11 +5,16 @@ import { MountViewResult } from "../utils/libs.type";
  * These tags correspond to key elements of the option UI.
  */
 export type OptionViewTags = {
-    OptionView: HTMLDivElement;      // Root container for the option view
-    OptionInput: HTMLInputElement;   // Input element (checkbox or radio)
-    OptionLabel: HTMLLabelElement;   // Label element for the option
-    LabelContent: HTMLDivElement;    // Container for label text content
-    OptionImage: HTMLImageElement;   // Image element for options with images
+    /** Root container for the option view */
+    OptionView: HTMLDivElement;
+    /** Input element (checkbox or radio) */
+    OptionInput: HTMLInputElement;
+    /** Label element for the option */
+    OptionLabel: HTMLLabelElement;
+    /** Container for label text content */
+    LabelContent: HTMLDivElement;
+    /** Image element for options with images */
+    OptionImage: HTMLImageElement;
 };
 
 /**
@@ -17,7 +22,8 @@ export type OptionViewTags = {
  * Extends MountViewResult with a guaranteed root element (`view`).
  */
 export type OptionViewResult = MountViewResult<OptionViewTags> & {
-    view: Element; // The root element of the mounted option view
+    /** The root element of the mounted option view */
+    view: Element;
 };
 
 /**
@@ -39,20 +45,36 @@ export type LabelHalign = "left" | "center" | "right";
  * Configuration options for rendering an option.
  */
 export type OptionConfig = {
-    isMultiple: boolean;           // Indicates if multiple selection is allowed
-    hasImage: boolean;             // Indicates if the option includes an image
-    imagePosition: ImagePosition;  // Position of the image relative to the label
-    imageWidth: string;            // Width of the image
-    imageHeight: string;           // Height of the image
-    imageBorderRadius: string;     // Border radius for the image
-    labelValign: LabelValign;      // Vertical alignment of the label
-    labelHalign: LabelHalign;      // Horizontal alignment of the label
+    /** Indicates if multiple selection is allowed */
+    isMultiple: boolean;
+    /** Indicates if the option includes an image */
+    hasImage: boolean;
+    /** Position of the image relative to the label */
+    imagePosition: ImagePosition;
+    /** Width of the image */
+    imageWidth: string;
+    /** Height of the image */
+    imageHeight: string;
+    /** Border radius for the image */
+    imageBorderRadius: string;
+    /** Vertical alignment of the label */
+    labelValign: LabelValign;
+    /** Horizontal alignment of the label */
+    labelHalign: LabelHalign;
 };
 
 /**
  * Partial configuration patch for updating specific option properties.
  * Includes only image and label alignment-related properties.
  */
-export type OptionConfigPatch = Partial<Pick<OptionConfig,
-    "imageWidth" | "imageHeight" | "imageBorderRadius" | "imagePosition" | "labelValign" | "labelHalign"
->>;
+export type OptionConfigPatch = Partial<
+    Pick<
+        OptionConfig,
+        | "imageWidth"
+        | "imageHeight"
+        | "imageBorderRadius"
+        | "imagePosition"
+        | "labelValign"
+        | "labelHalign"
+    >
+>;

package/src/ts/utils/callback-scheduler.ts

@@ -1,4 +1,8 @@
-import { StoredEntry, TimerKey, TimerOptions } from "../types/utils/callback-scheduler.type";
+import {
+    StoredEntry,
+    TimerKey,
+    TimerOptions,
+} from "../types/utils/callback-scheduler.type";
 
 /**
  * CallbackScheduler
@@ -82,14 +86,14 @@ export class CallbackScheduler {
      *
      * @public
      * @param {TimerKey} key - Group identifier for callbacks.
-     * @param {(payload: any[] | null) => void} callback - Function to execute after debounce timeout.
+     * @param {(payload?: any[]) => void} callback - Function to execute after debounce timeout.
      * @param {TimerOptions} [options={}] - Scheduling options (`debounce`, `once`).
      * @returns {void}
      */
     public on(
         key: TimerKey,
-        callback: (payload: any[] | null) => void,
-        options: TimerOptions = {}
+        callback: (payload?: any[]) => void,
+        options: TimerOptions = {},
     ): void {
         const timeout = options.debounce ?? 50;
         const once = options.once ?? false;
@@ -176,13 +180,14 @@ export class CallbackScheduler {
                 const timer = setTimeout(async () => {
                     try {
                         const resp = entry.callback(
-                            params.length > 0 ? params : null
+                            params.length > 0 ? params : null,
                         ) as any;
 
                         if (resp instanceof Promise) {
                             await resp;
                         }
-                    } catch {} finally {
+                    } catch {
+                    } finally {
                         if (entry.once) {
                             executes[i] = undefined;
 
@@ -230,4 +235,4 @@ export class CallbackScheduler {
             this.off(k);
         }
     }
-}
+}

package/src/ts/utils/ievents.ts

@@ -1,4 +1,8 @@
-import { IEventCallback, IEventHandler, IEventToken } from "../types/utils/ievents.type";
+import {
+    IEventCallback,
+    IEventHandler,
+    IEventToken,
+} from "../types/utils/ievents.type";
 
 /**
  * iEvents
@@ -58,7 +62,10 @@ export class iEvents {
      * - `token`: immutable view of the dispatch state.
      * - `callback`: controller passed into handlers to modify dispatch flow.
      */
-    public static buildEventToken(): { token: IEventToken; callback: IEventCallback } {
+    public static buildEventToken(): {
+        token: IEventToken;
+        callback: IEventCallback;
+    } {
         const privToken = { isContinue: true, isCancel: false };
 
         const token: IEventToken = {
@@ -104,7 +111,7 @@ export class iEvents {
      * @returns The {@link IEventToken} describing the final dispatch state.
      */
     public static callEvent<TParams extends unknown[]>(
-        params: TParams | null,
+        params?: TParams,
         ...handles: Array<IEventHandler<TParams> | unknown>
     ): IEventToken {
         const { token, callback } = this.buildEventToken();
@@ -139,7 +146,7 @@ export class iEvents {
     public static trigger(
         element: HTMLElement | Window | Document,
         eventType: string,
-        opts: EventInit = { bubbles: true, cancelable: true }
+        opts: EventInit = { bubbles: true, cancelable: true },
     ): Event {
         const evt = new Event(eventType, opts);
         element.dispatchEvent(evt);
@@ -167,4 +174,4 @@ export class iEvents {
             (fn as (...args: TParams) => unknown)(...params);
         }
     }
-}
+}

package/src/ts/utils/istorage.ts

@@ -61,11 +61,13 @@ export class iStorage {
     };
 
     /** Bound instance map (keyed by select element). */
-    public bindedMap: Map<HTMLSelectElement|HTMLElement, BinderMap> = new Map();
+    public bindedMap: Map<HTMLSelectElement | HTMLElement, BinderMap> =
+        new Map();
 
     /** Unbind cache map (keyed by select element). */
-    public unbindedMap: Map<HTMLSelectElement|HTMLElement, BinderMap> = new Map();
+    public unbindedMap: Map<HTMLSelectElement | HTMLElement, BinderMap> =
+        new Map();
 
     /** List of bound selectors/commands. */
     public bindedCommand: string[] = [];
-}
+}

package/src/ts/utils/libs.ts

@@ -8,7 +8,7 @@ import { SelectiveOptions } from "../types/utils/selective.type";
  * @class
  */
 export class Libs {
-    private static _iStorage: iStorage | null = null;
+    private static _iStorage?: iStorage;
 
     /**
      * Retrieves the shared iStorage instance (lazy-initialized singleton).
@@ -52,10 +52,13 @@ export class Libs {
      */
     public static randomString(length: number = 6): string {
         let result = "";
-        const characters = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+        const characters =
+            "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
         const charactersLength = characters.length;
         for (let i = 0; i < length; i++) {
-            result += characters.charAt(Math.floor(Math.random() * charactersLength));
+            result += characters.charAt(
+                Math.floor(Math.random() * charactersLength),
+            );
         }
         return result;
     }
@@ -75,12 +78,13 @@ export class Libs {
             | HTMLElement
             | ArrayLike<HTMLElement>
             | null
-            | undefined
+            | undefined,
     ): T {
         if (!queryCommon) return [] as T;
 
         if (typeof queryCommon === "string") {
-            const nodeList = document.querySelectorAll<HTMLElement>(queryCommon);
+            const nodeList =
+                document.querySelectorAll<HTMLElement>(queryCommon);
             return Array.from(nodeList) as T;
         }
 
@@ -102,9 +106,15 @@ export class Libs {
      * @param {NodeSpec} data - Specification describing the element to create.
      * @returns {HTMLElement} - The created element.
      */
-    public static nodeCreator<T extends HTMLElement>(data: Partial<NodeSpec> = {}): T {
+    public static nodeCreator<T extends HTMLElement>(
+        data: Partial<NodeSpec> = {},
+    ): T {
         const nodeName = (data.node ?? "div") as string;
-        return this.nodeCloner<T>(document.createElement(nodeName), data as NodeSpec, true);
+        return this.nodeCloner<T>(
+            document.createElement(nodeName),
+            data as NodeSpec,
+            true,
+        );
     }
 
     /**
@@ -116,10 +126,16 @@ export class Libs {
      * @param {boolean} systemNodeCreate - If true, do not clone; use original node.
      * @returns {HTMLElement} - The processed element.
      */
-    public static nodeCloner<T extends HTMLElement>(node: HTMLElement = document.documentElement, _nodeOption: NodeSpec | null = null, systemNodeCreate = false): T {
+    public static nodeCloner<T extends HTMLElement>(
+        node: HTMLElement = document.documentElement,
+        _nodeOption?: NodeSpec,
+        systemNodeCreate = false,
+    ): T {
         const nodeOption: Record<string, unknown> = { ...(_nodeOption ?? {}) };
 
-        const element_creation: T = systemNodeCreate ? node as T : node.cloneNode(true) as T;
+        const element_creation: T = systemNodeCreate
+            ? (node as T)
+            : (node.cloneNode(true) as T);
 
         const classList = nodeOption.classList;
         if (typeof classList === "string") {
@@ -142,32 +158,52 @@ export class Libs {
             delete nodeOption.role;
         }
         if (nodeOption.ariaLive) {
-            element_creation.setAttribute("aria-live", String(nodeOption.ariaLive));
+            element_creation.setAttribute(
+                "aria-live",
+                String(nodeOption.ariaLive),
+            );
             delete nodeOption.ariaLive;
         }
         if (nodeOption.ariaLabelledby) {
-            element_creation.setAttribute("aria-labelledby", String(nodeOption.ariaLabelledby));
+            element_creation.setAttribute(
+                "aria-labelledby",
+                String(nodeOption.ariaLabelledby),
+            );
             delete nodeOption.ariaLabelledby;
         }
         if (nodeOption.ariaControls) {
-            element_creation.setAttribute("aria-controls", String(nodeOption.ariaControls));
+            element_creation.setAttribute(
+                "aria-controls",
+                String(nodeOption.ariaControls),
+            );
             delete nodeOption.ariaControls;
         }
         if (nodeOption.ariaHaspopup) {
-            element_creation.setAttribute("aria-haspopup", String(nodeOption.ariaHaspopup));
+            element_creation.setAttribute(
+                "aria-haspopup",
+                String(nodeOption.ariaHaspopup),
+            );
             delete nodeOption.ariaHaspopup;
         }
         if (nodeOption.ariaMultiselectable) {
-            element_creation.setAttribute("aria-multiselectable", String(nodeOption.ariaMultiselectable));
+            element_creation.setAttribute(
+                "aria-multiselectable",
+                String(nodeOption.ariaMultiselectable),
+            );
             delete nodeOption.ariaMultiselectable;
         }
         if (nodeOption.ariaAutocomplete) {
-            element_creation.setAttribute("aria-autocomplete", String(nodeOption.ariaAutocomplete));
+            element_creation.setAttribute(
+                "aria-autocomplete",
+                String(nodeOption.ariaAutocomplete),
+            );
             delete nodeOption.ariaAutocomplete;
         }
 
         if (nodeOption.event && typeof nodeOption.event === "object") {
-            Object.entries(nodeOption.event as Record<string, EventListener>).forEach(([key, value]) => {
+            Object.entries(
+                nodeOption.event as Record<string, EventListener>,
+            ).forEach(([key, value]) => {
                 element_creation.addEventListener(key, value);
             });
             delete nodeOption.event;
@@ -198,21 +234,29 @@ export class Libs {
      */
     public static mountNode<TTags extends Record<string, any>>(
         rawObj: Record<string, any>,
-        parentE: HTMLElement | null = null,
+        parentE?: HTMLElement,
         isPrepend = false,
         isRecusive = false,
-        recursiveTemp: any = {}
+        recursiveTemp: any = {},
     ): TTags {
         let view: HTMLElement | null = null;
 
         for (const key in rawObj) {
             const singleObj = rawObj[key];
-            const tag: HTMLElement =
-                singleObj?.tag?.tagName ? (singleObj.tag as HTMLElement) : (this.nodeCreator(singleObj.tag) as HTMLElement);
+            const tag: HTMLElement = singleObj?.tag?.tagName
+                ? (singleObj.tag as HTMLElement)
+                : (this.nodeCreator(singleObj.tag) as HTMLElement);
 
             recursiveTemp[key] = tag;
 
-            if (singleObj?.child) this.mountNode<TTags>(singleObj.child, tag, false, false, recursiveTemp);
+            if (singleObj?.child)
+                this.mountNode<TTags>(
+                    singleObj.child,
+                    tag,
+                    false,
+                    false,
+                    recursiveTemp,
+                );
 
             if (parentE) {
                 if (isPrepend) parentE.prepend(tag);
@@ -240,7 +284,10 @@ export class Libs {
      * @param {SelectiveOptions} options - Default configuration to be merged.
      * @returns {SelectiveOptions} - Final configuration after element overrides.
      */
-    public static buildConfig(element: HTMLElement, options: SelectiveOptions): SelectiveOptions {
+    public static buildConfig(
+        element: HTMLElement,
+        options: SelectiveOptions,
+    ): SelectiveOptions {
         const myOptions = this.jsCopyObject<SelectiveOptions>(options);
 
         for (const optionKey in myOptions) {
@@ -248,13 +295,14 @@ export class Libs {
             if (propValue) {
                 if (typeof myOptions[optionKey] === "boolean") {
                     myOptions[optionKey] = this.string2Boolean(propValue);
-                }
-                else {
+                } else {
                     myOptions[optionKey] = propValue;
                 }
             } else if (typeof element?.dataset?.[optionKey] !== "undefined") {
                 if (typeof myOptions[optionKey] === "boolean") {
-                    myOptions[optionKey] = this.string2Boolean(element.dataset[optionKey]);
+                    myOptions[optionKey] = this.string2Boolean(
+                        element.dataset[optionKey],
+                    );
                 } else {
                     myOptions[optionKey] = element.dataset[optionKey];
                 }
@@ -271,7 +319,9 @@ export class Libs {
      * @param {...object} params - Config objects in priority order (leftmost is base).
      * @returns {object} - Merged configuration object.
      */
-    public static mergeConfig<T extends Record<string, any>>(...params: T[]): T {
+    public static mergeConfig<T extends Record<string, any>>(
+        ...params: T[]
+    ): T {
         if (params.length === 0) return {} as T;
         if (params.length === 1) return this.jsCopyObject(params[0]);
 
@@ -338,7 +388,9 @@ export class Libs {
      * @param {HTMLElement} item - HTMLElement key whose binder map is requested.
      * @returns {BinderMap | any} - The stored binder map value or undefined if absent.
      */
-    public static getBinderMap<T extends BinderMap | any>(item: HTMLElement): T {
+    public static getBinderMap<T extends BinderMap | any>(
+        item: HTMLElement,
+    ): T {
         return this.iStorage.bindedMap.get(item) as T;
     }
 
@@ -425,26 +477,34 @@ export class Libs {
                 .replace(/<iframe\b[^>]*>[\s\S]*?<\/iframe>/gi, "")
                 .replace(/<(object|embed|link)\b[^>]*>[\s\S]*?<\/\1>/gi, "");
             s = s.replace(/\son[a-z]+\s*=\s*(['"]).*?\1/gi, "");
-            s = s.replace(/\s([a-z-:]+)\s*=\s*(['"])\s*javascript:[^'"]*\2/gi, "");
+            s = s.replace(
+                /\s([a-z-:]+)\s*=\s*(['"])\s*javascript:[^'"]*\2/gi,
+                "",
+            );
             return s;
         }
 
         const tmp = doc.createElement("div");
         tmp.innerHTML = s;
 
-        tmp.querySelectorAll("script, style, iframe, object, embed, link").forEach((n) => n.remove());
+        tmp.querySelectorAll(
+            "script, style, iframe, object, embed, link",
+        ).forEach((n) => n.remove());
 
         tmp.querySelectorAll("*").forEach((n) => {
             for (const a of Array.from(n.attributes)) {
                 const name = a.name ?? "";
                 const value = a.value ?? "";
-    
+
                 if (/^on/i.test(name)) {
                     n.removeAttribute(name);
                     return;
                 }
-    
-                if (/^(href|src|xlink:href)$/i.test(name) && /^javascript:/i.test(value)) {
+
+                if (
+                    /^(href|src|xlink:href)$/i.test(name) &&
+                    /^javascript:/i.test(value)
+                ) {
                     n.removeAttribute(name);
                 }
             }
@@ -476,7 +536,10 @@ export class Libs {
      */
     public static string2normalize(str: unknown): string {
         if (str == null) return "";
-        const s = String(str).toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "");
+        const s = String(str)
+            .toLowerCase()
+            .normalize("NFD")
+            .replace(/[\u0300-\u036f]/g, "");
         return s.replace(/đ/g, "d").replace(/Đ/g, "d");
     }
 
@@ -491,7 +554,9 @@ export class Libs {
      * @param {HTMLSelectElement} selectElement - The source select element.
      * @returns {Array<HTMLOptGroupElement | HTMLOptionElement>} Flattened node list.
      */
-    public static parseSelectToArray(selectElement: HTMLSelectElement): Array<HTMLOptGroupElement | HTMLOptionElement> {
+    public static parseSelectToArray(
+        selectElement: HTMLSelectElement,
+    ): Array<HTMLOptGroupElement | HTMLOptionElement> {
         const result: Array<HTMLOptGroupElement | HTMLOptionElement> = [];
         const children = selectElement.children;
 
@@ -501,15 +566,19 @@ export class Libs {
                 const group = child as HTMLOptGroupElement;
                 result.push(group);
 
-                for (let optionIndex = 0; optionIndex < group.children.length; optionIndex++) {
+                for (
+                    let optionIndex = 0;
+                    optionIndex < group.children.length;
+                    optionIndex++
+                ) {
                     const option = group.children[optionIndex];
                     option["__parentGroup"] = group;
                     result.push(option as HTMLOptionElement);
-                };
+                }
             } else if (child.tagName === "OPTION") {
                 result.push(child as HTMLOptionElement);
             }
-        };
+        }
 
         return result;
     }
@@ -522,7 +591,10 @@ export class Libs {
      */
     public static IsIOS(): boolean {
         const ua = navigator.userAgent;
-        return /iP(hone|ad|od)/.test(ua) || (navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1);
+        return (
+            /iP(hone|ad|od)/.test(ua) ||
+            (navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1)
+        );
     }
 
     /**
@@ -535,18 +607,25 @@ export class Libs {
     public static any2px(value: string): string {
         const v = String(value).trim();
         if (v.endsWith("px")) return v;
-        if (v.endsWith("vh")) return (window.innerHeight * parseFloat(v)) / 100 + "px";
-        if (v.endsWith("vw")) return (window.innerWidth * parseFloat(v)) / 100 + "px";
+        if (v.endsWith("vh"))
+            return (window.innerHeight * parseFloat(v)) / 100 + "px";
+        if (v.endsWith("vw"))
+            return (window.innerWidth * parseFloat(v)) / 100 + "px";
 
         // rem/em: use computed font-size of document root
-        const fs = parseFloat(getComputedStyle(document.documentElement).fontSize);
+        const fs = parseFloat(
+            getComputedStyle(document.documentElement).fontSize,
+        );
         if (v.endsWith("rem")) return fs * parseFloat(v) + "px";
 
         // fallback: DOM measure
-        const el = this.nodeCreator({ node: "div", style: { height: v, opacity: "0" } });
+        const el = this.nodeCreator({
+            node: "div",
+            style: { height: v, opacity: "0" },
+        });
         document.body.appendChild(el);
         const px = el.offsetHeight + "px";
         el.remove();
         return px;
     }
-}
+}