@js-toolkit/web-utils 1.66.0 → 1.68.0

package/platform/Semver.js

@@ -1 +1,23 @@
-export class Semver{major;minor;patch;static parse(t){const r=/(\d+)\.(\d+)(?:\.(\d+))?/.exec(t);if(!r)return;const s=parseInt(r[1],10)||0,e=parseInt(r[2],10)||0,n=parseInt(r[3],10)||0;return new Semver(s,e,n)}constructor(t,r,s){this.major=t,this.minor=r,this.patch=s}toString(){return`${this.major}_${this.minor}_${this.patch}`}}
+/* eslint-disable @typescript-eslint/strict-boolean-expressions */
+export class Semver {
+    major;
+    minor;
+    patch;
+    static parse(version) {
+        const parts = /(\d+)\.(\d+)(?:\.(\d+))?/.exec(version);
+        if (!parts)
+            return undefined;
+        const major = parseInt(parts[1], 10) || 0;
+        const minor = parseInt(parts[2], 10) || 0;
+        const patch = parseInt(parts[3], 10) || 0;
+        return new Semver(major, minor, patch);
+    }
+    constructor(major, minor, patch) {
+        this.major = major;
+        this.minor = minor;
+        this.patch = patch;
+    }
+    toString() {
+        return `${this.major}_${this.minor}_${this.patch}`;
+    }
+}

package/platform/getChromeVersion.d.ts

@@ -0,0 +1,2 @@
+import { Semver } from './Semver';
+export declare function getChromeVersion(): Semver | undefined;

package/platform/getChromeVersion.js

@@ -0,0 +1,16 @@
+import { getCachedPlatformInfo, getPlatformInfoSync } from './getPlatformInfo';
+import { isChrome } from './isChrome';
+import { Semver } from './Semver';
+let memo;
+export function getChromeVersion() {
+    if (memo === undefined) {
+        const platformInfo = getCachedPlatformInfo() ?? getPlatformInfoSync();
+        if (isChrome() && platformInfo.browser.version) {
+            memo = Semver.parse(platformInfo.browser.version);
+        }
+        else {
+            memo = null;
+        }
+    }
+    return memo ?? undefined;
+}

package/platform/getIOSVersion.js

@@ -1 +1,18 @@
-import{getCachedPlatformInfo,getPlatformInfoSync}from"./getPlatformInfo";import{isIOS}from"./isIOS";import{Semver}from"./Semver";let memo;export function getIOSVersion(){if(void 0===memo){const o=getCachedPlatformInfo()??getPlatformInfoSync();if(!o)return;const{os:e}=o;memo=isIOS()&&e.version?Semver.parse(e.version):null}return memo??void 0}
+import { getCachedPlatformInfo, getPlatformInfoSync } from './getPlatformInfo';
+import { isIOS } from './isIOS';
+import { Semver } from './Semver';
+let memo;
+export function getIOSVersion() {
+    if (memo === undefined) {
+        const platformInfo = getCachedPlatformInfo() ?? getPlatformInfoSync();
+        // if (!platformInfo) return undefined;
+        const { os } = platformInfo;
+        if (isIOS() && os.version) {
+            memo = Semver.parse(os.version);
+        }
+        else {
+            memo = null;
+        }
+    }
+    return memo ?? undefined;
+}

package/platform/getPlatformInfo.js

@@ -1 +1,49 @@
-import{UAParser}from"ua-parser-js";let syncResult,asyncResult,promise;function toPlatformInfo(t){return{...t,toStringObject(){return Object.getOwnPropertyNames(this).reduce((t,e)=>{const n=e;return null!=this[n]&&"function"!=typeof this[n]&&(t[n]=this[n].toString()),t},{})}}}export function getPlatformInfoSync(){return null==asyncResult&&null==syncResult&&(syncResult=toPlatformInfo(new UAParser(navigator.userAgent).getResult().withFeatureCheck())),asyncResult??syncResult}export async function getPlatformInfo(){return null==asyncResult&&(promise=promise??Promise.resolve(new UAParser(navigator.userAgent).getResult().withFeatureCheck().withClientHints()),asyncResult=toPlatformInfo(await promise),syncResult=asyncResult,promise=void 0),asyncResult}export function getCachedPlatformInfo(){return null==asyncResult&&(console.warn("PlatformInfo is not ready yet."),getPlatformInfo()),asyncResult}
+/// <reference types="ua-parser-js" preserve="true" />
+import { UAParser } from 'ua-parser-js';
+let syncResult;
+let asyncResult;
+let promise;
+function toPlatformInfo(result) {
+    return {
+        // Is that order calls overrides values (withFeatureCheck().withClientHints()) ?
+        ...result,
+        toStringObject() {
+            return Object.getOwnPropertyNames(this).reduce((acc, key) => {
+                const prop = key;
+                if (this[prop] != null && typeof this[prop] !== 'function') {
+                    // eslint-disable-next-line @typescript-eslint/no-base-to-string
+                    acc[prop] = this[prop].toString();
+                }
+                return acc;
+            }, {});
+        },
+    };
+}
+export function getPlatformInfoSync() {
+    if (asyncResult == null && syncResult == null) {
+        // Is that order calls overrides values (withFeatureCheck().withClientHints()) ?
+        syncResult = toPlatformInfo(new UAParser(navigator.userAgent).getResult().withFeatureCheck());
+    }
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    return asyncResult ?? syncResult;
+}
+export async function getPlatformInfo() {
+    if (asyncResult == null) {
+        promise =
+            promise ??
+                Promise.resolve(
+                // Is that order calls overrides values (withFeatureCheck().withClientHints()) ?
+                new UAParser(navigator.userAgent).getResult().withFeatureCheck().withClientHints());
+        asyncResult = toPlatformInfo(await promise);
+        syncResult = asyncResult;
+        promise = undefined;
+    }
+    return asyncResult;
+}
+export function getCachedPlatformInfo() {
+    if (asyncResult == null) {
+        console.warn('PlatformInfo is not ready yet.');
+        void getPlatformInfo();
+    }
+    return asyncResult;
+}

package/platform/isAirPlayAvailable.js

@@ -1 +1,3 @@
-export function isAirPlayAvailable(){return!!window.WebKitPlaybackTargetAvailabilityEvent}
+export function isAirPlayAvailable() {
+    return !!window.WebKitPlaybackTargetAvailabilityEvent;
+}

package/platform/isAndroid.js

@@ -1 +1,7 @@
-import{getCachedPlatformInfo,getPlatformInfoSync}from"./getPlatformInfo";export function isAndroid(){const o=(getCachedPlatformInfo()??getPlatformInfoSync()).os.name;return"Android"===o||"Android-x86"===o}
+import { getCachedPlatformInfo, getPlatformInfoSync } from './getPlatformInfo';
+export function isAndroid() {
+    const platformInfo = getCachedPlatformInfo() ?? getPlatformInfoSync();
+    // if (!platformInfo) return false;
+    const os = platformInfo.os.name;
+    return os === 'Android' || os === 'Android-x86';
+}

package/platform/isChrome.js

@@ -1 +1,7 @@
-import{getCachedPlatformInfo,getPlatformInfoSync}from"./getPlatformInfo";export function isChrome(){const o=(getCachedPlatformInfo()??getPlatformInfoSync()).browser.name;return"Chrome"===o||"Mobile Chrome"===o}
+import { getCachedPlatformInfo, getPlatformInfoSync } from './getPlatformInfo';
+export function isChrome() {
+    const platformInfo = getCachedPlatformInfo() ?? getPlatformInfoSync();
+    // if (!platformInfo) return false;
+    const browser = platformInfo.browser.name;
+    return browser === 'Chrome' || browser === 'Mobile Chrome';
+}

package/platform/isEMESupported.js

@@ -1 +1,9 @@
-export function isEMESupported(){return!!(window.MediaKeys&&window.navigator&&window.navigator.requestMediaKeySystemAccess&&window.MediaKeySystemAccess&&window.MediaKeySystemAccess.prototype.getConfiguration)}
+/* eslint-disable @typescript-eslint/strict-boolean-expressions */
+/** Encrypted Media Extensions */
+export function isEMESupported() {
+    return (!!window.MediaKeys &&
+        !!window.navigator &&
+        !!window.navigator.requestMediaKeySystemAccess &&
+        !!window.MediaKeySystemAccess &&
+        !!window.MediaKeySystemAccess.prototype.getConfiguration);
+}

package/platform/isIOS.js

@@ -1 +1,9 @@
-import{getCachedPlatformInfo,getPlatformInfoSync}from"./getPlatformInfo";import{isMobile}from"./isMobile";export function isIOS(){const o=getCachedPlatformInfo()??getPlatformInfoSync();return"iOS"===o.os.name||isMobile()&&"Apple"===o.device.vendor}
+import { getCachedPlatformInfo, getPlatformInfoSync } from './getPlatformInfo';
+import { isMobile } from './isMobile';
+export function isIOS() {
+    const platformInfo = getCachedPlatformInfo() ?? getPlatformInfoSync();
+    // if (!platformInfo) return false;
+    return (platformInfo.os.name === 'iOS' ||
+        // WebView on iPad
+        (isMobile() && platformInfo.device.vendor === 'Apple'));
+}

package/platform/isMSESupported.js

@@ -1 +1,16 @@
-import{getMediaSource}from"../media/getMediaSource";import{getSourceBuffer}from"../media/getSourceBuffer";export function isMSESupported(e){if(!getMediaSource(e)?.isTypeSupported)return!1;const o=getSourceBuffer(e);return!o||o.prototype&&"function"==typeof o.prototype.appendBuffer&&"function"==typeof o.prototype.remove}
+/* eslint-disable @typescript-eslint/strict-boolean-expressions */
+import { getMediaSource } from '../media/getMediaSource';
+import { getSourceBuffer } from '../media/getSourceBuffer';
+/** Media Source Extensions */
+export function isMSESupported(managedMediaSource) {
+    // Some very old MediaSource implementations didn't have isTypeSupported.
+    if (!getMediaSource(managedMediaSource)?.isTypeSupported)
+        return false;
+    // if SourceBuffer is exposed ensure its API is valid.
+    // Older browsers do not expose SourceBuffer globally so checking SourceBuffer.prototype is impossible.
+    const sourceBuffer = getSourceBuffer(managedMediaSource);
+    return (!sourceBuffer ||
+        (sourceBuffer.prototype &&
+            typeof sourceBuffer.prototype.appendBuffer === 'function' &&
+            typeof sourceBuffer.prototype.remove === 'function'));
+}

package/platform/isMacOS.js

@@ -1 +1,12 @@
-import{getCachedPlatformInfo,getPlatformInfoSync}from"./getPlatformInfo";import{isMobile}from"./isMobile";export function isMacOS(){const o=(getCachedPlatformInfo()??getPlatformInfoSync()).os.name;return("Mac OS"===o||"macOS"===o)&&!isMobile()}
+import { getCachedPlatformInfo, getPlatformInfoSync } from './getPlatformInfo';
+import { isMobile } from './isMobile';
+export function isMacOS() {
+    const platformInfo = getCachedPlatformInfo() ?? getPlatformInfoSync();
+    // if (!platformInfo) return false;
+    const osName = platformInfo.os.name;
+    return ((osName === 'Mac OS' ||
+        // 2.0+
+        osName === 'macOS') &&
+        // WebView on iPad
+        !isMobile());
+}

package/platform/isMediaCapabilitiesSupported.js

@@ -1 +1,6 @@
-export function isMediaCapabilitiesSupported(){return!!window.MediaCapabilities&&!!window.navigator&&!!window.navigator.mediaCapabilities?.decodingInfo}
+/* eslint-disable @typescript-eslint/strict-boolean-expressions */
+export function isMediaCapabilitiesSupported() {
+    return (!!window.MediaCapabilities &&
+        !!window.navigator &&
+        !!window.navigator.mediaCapabilities?.decodingInfo);
+}

package/platform/isMobile.js

@@ -1 +1,16 @@
-import{getCachedPlatformInfo,getPlatformInfoSync}from"./getPlatformInfo";export function isMobile(){const o=getCachedPlatformInfo()??getPlatformInfoSync(),t=o.device.type;return!!("mobile"===t||"tablet"===t||!t&&"Apple"===o.device.vendor&&navigator.maxTouchPoints&&navigator.maxTouchPoints>2)}
+import { getCachedPlatformInfo, getPlatformInfoSync } from './getPlatformInfo';
+export function isMobile() {
+    const platformInfo = getCachedPlatformInfo() ?? getPlatformInfoSync();
+    // if (!platformInfo) return false;
+    const deviceType = platformInfo.device.type;
+    if (deviceType === 'mobile' ||
+        deviceType === 'tablet' ||
+        // WKWebView in desktop mode on iPad
+        (!deviceType &&
+            platformInfo.device.vendor === 'Apple' &&
+            navigator.maxTouchPoints != null &&
+            navigator.maxTouchPoints > 2)) {
+        return true;
+    }
+    return false;
+}

package/platform/isMobileSimulation.js

@@ -1 +1,7 @@
-import{isTouchSupported}from"./isTouchSupported";export function isMobileSimulation(){return isTouchSupported()&&1===navigator.maxTouchPoints}
+import { isTouchSupported } from './isTouchSupported';
+/** Detect mobile simulation in Chrome DevTools. */
+export function isMobileSimulation() {
+    return (isTouchSupported() &&
+        // maxTouchPoints is always = 1 in simulation mode
+        navigator.maxTouchPoints === 1);
+}

package/platform/isSafari.js

@@ -1 +1,14 @@
-import{getCachedPlatformInfo,getPlatformInfoSync}from"./getPlatformInfo";import{isIOS}from"./isIOS";import{isMacOS}from"./isMacOS";export function isSafari(){const o=(getCachedPlatformInfo()??getPlatformInfoSync()).browser.name;return"Safari"===o||"Mobile Safari"===o||"WebKit"===o&&(isIOS()||isMacOS())}
+import { getCachedPlatformInfo, getPlatformInfoSync } from './getPlatformInfo';
+import { isIOS } from './isIOS';
+import { isMacOS } from './isMacOS';
+export function isSafari() {
+    const platformInfo = getCachedPlatformInfo() ?? getPlatformInfoSync();
+    // if (!platformInfo) return false;
+    const browser = platformInfo.browser.name;
+    return (browser === 'Safari' ||
+        browser === 'Mobile Safari' /* ||
+    !!window.WebKitPlaybackTargetAvailabilityEvent */
+        ||
+            // WebView
+            (browser === 'WebKit' && (isIOS() || isMacOS())));
+}

package/platform/isScreenHDR.js

@@ -1 +1,4 @@
-export function isScreenHDR(){return window.matchMedia("(dynamic-range: high)").matches}
+export function isScreenHDR() {
+    // https://github.com/w3c/media-capabilities/blob/main/hdr_explainer.md
+    return window.matchMedia('(dynamic-range: high)').matches;
+}

package/platform/isStandaloneApp.js

@@ -1 +1,4 @@
-export function isStandaloneApp(){return window.matchMedia("(display-mode: standalone)").matches}
+// https://stackoverflow.com/questions/21125337/how-to-detect-if-web-app-running-standalone-on-chrome-mobile
+export function isStandaloneApp() {
+    return window.matchMedia('(display-mode: standalone)').matches;
+}

package/platform/isTelegramWebView.js

@@ -1 +1,3 @@
-export function isTelegramWebView(){return!!window.TelegramWebviewProxy}
+export function isTelegramWebView() {
+    return !!window.TelegramWebviewProxy;
+}

package/platform/isTouchSupported.js

@@ -1 +1,4 @@
-export function isTouchSupported(){return window.matchMedia("(any-pointer: coarse) and (any-hover: none)").matches}
+export function isTouchSupported() {
+    // https://habr.com/ru/companies/ruvds/articles/556156/
+    return window.matchMedia('(any-pointer: coarse) and (any-hover: none)').matches;
+}

package/preventDefault.d.ts

@@ -1,4 +1,4 @@
-export declare function preventDefault<T extends {
+export declare function preventDefault(event: {
     readonly preventDefault: VoidFunction;
     readonly cancelable?: boolean | undefined;
-}>(event: T): void;
+}): void;

package/preventDefault.js

@@ -1 +1,5 @@
-export function preventDefault(e){(null==e.cancelable||e.cancelable)&&e.preventDefault()}
+export function preventDefault(event) {
+    if (event.cancelable == null || event.cancelable) {
+        event.preventDefault();
+    }
+}

package/rafCallback.js

@@ -1 +1,9 @@
-export function rafCallback(n){let a=0;const e=(...e)=>{a=requestAnimationFrame(()=>n(...e))};return e.cancel=()=>cancelAnimationFrame(a),e}
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function rafCallback(callback) {
+    let handle = 0;
+    const fn = ((...args) => {
+        handle = requestAnimationFrame(() => callback(...args));
+    });
+    fn.cancel = () => cancelAnimationFrame(handle);
+    return fn;
+}

package/responsive/MediaQuery.d.ts

@@ -0,0 +1,18 @@
+import { MediaQueryListener, type MediaQueryEventHandler } from './MediaQueryListener';
+import type { ViewSize } from './ViewSize';
+export type { MediaQueryEvent, MediaQueryEventHandler } from './MediaQueryListener';
+export declare abstract class MediaQuery {
+    private static _listener;
+    static get listener(): MediaQueryListener;
+    static get isInitialized(): boolean;
+    static get currentViewSize(): ViewSize;
+    static get currentViewSizeValues(): ViewSize.Values;
+    static addListener(listener: MediaQueryEventHandler): void;
+    static removeListener(listener: MediaQueryEventHandler): boolean;
+    /**
+     * Init all media queries for handle changes.
+     * Safe for multiple calls.
+     */
+    static init(): ViewSize;
+    static destroy(): void;
+}

package/responsive/MediaQuery.js

@@ -0,0 +1,40 @@
+/* eslint-disable @typescript-eslint/no-extraneous-class */
+/* eslint-disable no-underscore-dangle */
+import { MediaQueryListener } from './MediaQueryListener';
+export class MediaQuery {
+    static _listener;
+    static get listener() {
+        if (!this._listener) {
+            throw new Error('Media queries is not initialized. You should initialize it before by call `init` method.');
+        }
+        return this._listener;
+    }
+    static get isInitialized() {
+        return this._listener != null;
+    }
+    static get currentViewSize() {
+        return this.listener.currentViewSize;
+    }
+    static get currentViewSizeValues() {
+        return this.listener.currentViewSizeQuery;
+    }
+    static addListener(listener) {
+        this.listener.addListener(listener);
+    }
+    static removeListener(listener) {
+        return this.listener.removeListener(listener);
+    }
+    /**
+     * Init all media queries for handle changes.
+     * Safe for multiple calls.
+     */
+    static init() {
+        this._listener ??= new MediaQueryListener();
+        return this.currentViewSize;
+    }
+    static destroy() {
+        if (!this._listener)
+            return;
+        this._listener.destroy();
+    }
+}

package/responsive/MediaQueryListener.d.ts

@@ -0,0 +1,19 @@
+import { ViewSize } from './ViewSize';
+export interface MediaQueryEvent extends Pick<MediaQueryListEvent, 'matches'> {
+    readonly viewSize: ViewSize;
+}
+export type MediaQueryEventHandler = (event: MediaQueryEvent) => void;
+export declare class MediaQueryListener implements Disposable {
+    private _currentViewSize;
+    private readonly mediaQueries;
+    private readonly listeners;
+    readonly queries: Readonly<Record<ViewSize, string>>;
+    get currentViewSize(): ViewSize;
+    get currentViewSizeQuery(): ViewSize.Values;
+    /** Init all media queries for handle changes. */
+    constructor();
+    addListener(listener: MediaQueryEventHandler): void;
+    removeListener(listener: MediaQueryEventHandler): boolean;
+    destroy(): void;
+    [Symbol.dispose](): void;
+}

package/responsive/MediaQueryListener.js

@@ -0,0 +1,55 @@
+/* eslint-disable no-underscore-dangle */
+/* https://mediag.com/news/popular-screen-resolutions-designing-for-all/ */
+/* http://viewportsizes.com */
+import { ViewSize } from './ViewSize';
+import { getViewSizeQueryMap } from './getViewSizeQueryMap';
+export class MediaQueryListener {
+    _currentViewSize;
+    mediaQueries = [];
+    listeners = new Set();
+    queries;
+    get currentViewSize() {
+        if (this._currentViewSize == null) {
+            throw new Error(`Media queries is not initialized properly. Current view size is ${String(this._currentViewSize)}.`);
+        }
+        return this._currentViewSize;
+    }
+    get currentViewSizeQuery() {
+        return ViewSize.values[this.currentViewSize];
+    }
+    /** Init all media queries for handle changes. */
+    constructor() {
+        this.queries = getViewSizeQueryMap();
+        Object.entries(this.queries).forEach(([key, query]) => {
+            const viewSize = ViewSize.of(key);
+            const mq = window.matchMedia(query);
+            this.mediaQueries.push(mq);
+            mq.onchange = ({ matches }) => {
+                if (matches) {
+                    this._currentViewSize = viewSize;
+                    // console.log(viewSize);
+                }
+                this.listeners.forEach((handle) => handle({ viewSize, matches }));
+            };
+            // For initialize currentViewport with right value
+            if (mq.matches) {
+                this._currentViewSize = viewSize;
+            }
+        });
+    }
+    addListener(listener) {
+        this.listeners.add(listener);
+    }
+    removeListener(listener) {
+        return this.listeners.delete(listener);
+    }
+    destroy() {
+        this.mediaQueries.splice(0, this.mediaQueries.length).forEach((mq) => {
+            mq.onchange = null;
+        });
+        this.listeners.clear();
+    }
+    [Symbol.dispose]() {
+        return this.destroy();
+    }
+}

package/responsive/ViewSize.d.ts

@@ -0,0 +1,45 @@
+export declare enum ViewSize {
+    /** minWidth=0, maxWidth=319 */
+    xxxxs = 1,
+    /** minWidth=320, maxWidth=479 */
+    xxxs = 2,
+    /** minWidth=480, maxWidth=639 */
+    xxs = 3,
+    /** minWidth=640, maxWidth=827 */
+    xs = 4,
+    /** minWidth=828, maxWidth=1023 */
+    s = 5,
+    /** minWidth=1024, maxWidth=1365 */
+    m = 6,
+    /** minWidth=1366, maxWidth=1599 */
+    l = 7,
+    /** minWidth=1600, maxWidth=1919 */
+    xl = 8,
+    /** minWidth=1920, maxWidth=2559 */
+    xxl = 9,
+    /** minWidth=2560, maxWidth=3839 */
+    xxxl = 10,
+    /** minWidth=3840, maxWidth=7679 */
+    xxxxl = 11,
+    /** minWidth=7680, maxWidth=Number.MAX_SAFE_INTEGER */
+    xxxxxl = 12
+}
+export declare namespace ViewSize {
+    type Type = ExtractKeysOfType<typeof ViewSize, number>;
+    type Keys = keyof Type;
+    interface Values {
+        readonly minWidth: number;
+        readonly maxWidth: number;
+    }
+    /** All values are unique. */
+    const values: Readonly<Record<ViewSize, Values>>;
+    function of(viewSizeNumber: string): ViewSize;
+    function keyOf(viewSize: ViewSize): Keys;
+    /** Sorted values. */
+    const valueList: readonly (readonly [ViewSize, Values])[];
+    function get(width: number): ViewSize;
+    function lt(size: ViewSize, than: ViewSize): boolean;
+    function lte(size: ViewSize, than: ViewSize): boolean;
+    function gt(size: ViewSize, than: ViewSize): boolean;
+    function gte(size: ViewSize, than: ViewSize): boolean;
+}

package/responsive/ViewSize.js

@@ -0,0 +1,82 @@
+export var ViewSize;
+(function (ViewSize) {
+    /** minWidth=0, maxWidth=319 */
+    ViewSize[ViewSize["xxxxs"] = 1] = "xxxxs";
+    /** minWidth=320, maxWidth=479 */
+    ViewSize[ViewSize["xxxs"] = 2] = "xxxs";
+    /** minWidth=480, maxWidth=639 */
+    ViewSize[ViewSize["xxs"] = 3] = "xxs";
+    /** minWidth=640, maxWidth=827 */
+    ViewSize[ViewSize["xs"] = 4] = "xs";
+    /** minWidth=828, maxWidth=1023 */
+    ViewSize[ViewSize["s"] = 5] = "s";
+    /** minWidth=1024, maxWidth=1365 */
+    ViewSize[ViewSize["m"] = 6] = "m";
+    /** minWidth=1366, maxWidth=1599 */
+    ViewSize[ViewSize["l"] = 7] = "l";
+    /** minWidth=1600, maxWidth=1919 */
+    ViewSize[ViewSize["xl"] = 8] = "xl";
+    /** minWidth=1920, maxWidth=2559 */
+    ViewSize[ViewSize["xxl"] = 9] = "xxl";
+    /** minWidth=2560, maxWidth=3839 */
+    ViewSize[ViewSize["xxxl"] = 10] = "xxxl";
+    /** minWidth=3840, maxWidth=7679 */
+    ViewSize[ViewSize["xxxxl"] = 11] = "xxxxl";
+    /** minWidth=7680, maxWidth=Number.MAX_SAFE_INTEGER */
+    ViewSize[ViewSize["xxxxxl"] = 12] = "xxxxxl";
+})(ViewSize || (ViewSize = {}));
+// eslint-disable-next-line @typescript-eslint/no-namespace
+(function (ViewSize) {
+    /** All values are unique. */
+    ViewSize.values = {
+        [ViewSize.xxxxs]: { minWidth: 0, maxWidth: 319 },
+        [ViewSize.xxxs]: { minWidth: 320, maxWidth: 479 },
+        [ViewSize.xxs]: { minWidth: 480, maxWidth: 639 },
+        [ViewSize.xs]: { minWidth: 640, maxWidth: 827 },
+        [ViewSize.s]: { minWidth: 828, maxWidth: 1023 },
+        [ViewSize.m]: { minWidth: 1024, maxWidth: 1365 },
+        [ViewSize.l]: { minWidth: 1366, maxWidth: 1599 },
+        [ViewSize.xl]: { minWidth: 1600, maxWidth: 1919 },
+        [ViewSize.xxl]: { minWidth: 1920, maxWidth: 2559 },
+        [ViewSize.xxxl]: { minWidth: 2560, maxWidth: 3839 },
+        [ViewSize.xxxxl]: { minWidth: 3840, maxWidth: 7679 },
+        [ViewSize.xxxxxl]: { minWidth: 7680, maxWidth: Number.MAX_SAFE_INTEGER },
+    };
+    function of(viewSizeNumber) {
+        const num = +viewSizeNumber;
+        const key = (Number.isFinite(num) ? ViewSize[num] : viewSizeNumber);
+        return ViewSize[key];
+    }
+    ViewSize.of = of;
+    function keyOf(viewSize) {
+        return ViewSize[viewSize];
+    }
+    ViewSize.keyOf = keyOf;
+    /** Sorted values. */
+    ViewSize.valueList = Object.entries(ViewSize.values)
+        .map(([key, value]) => [of(key), value])
+        .sort(([, a], [, b]) => a.minWidth - b.minWidth);
+    function get(width) {
+        const viewSize = ViewSize.valueList.find(([, value]) => width >= value.minWidth && width <= value.maxWidth)?.[0] ??
+            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+            ViewSize.valueList.at(-1)[0];
+        return viewSize;
+    }
+    ViewSize.get = get;
+    function lt(size, than) {
+        return size < than;
+    }
+    ViewSize.lt = lt;
+    function lte(size, than) {
+        return size <= than;
+    }
+    ViewSize.lte = lte;
+    function gt(size, than) {
+        return size > than;
+    }
+    ViewSize.gt = gt;
+    function gte(size, than) {
+        return size >= than;
+    }
+    ViewSize.gte = gte;
+})(ViewSize || (ViewSize = {}));

package/responsive/getViewSizeQueryMap.d.ts

@@ -0,0 +1,2 @@
+import { ViewSize } from './ViewSize';
+export declare function getViewSizeQueryMap(): Record<ViewSize, string>;

package/responsive/getViewSizeQueryMap.js

@@ -0,0 +1,7 @@
+import { ViewSize } from './ViewSize';
+export function getViewSizeQueryMap() {
+    return ViewSize.valueList.reduce((acc, [viewSize, { minWidth, maxWidth }]) => {
+        acc[viewSize] = `only screen and (min-width: ${minWidth}px) and (max-width: ${maxWidth}px)`;
+        return acc;
+    }, {});
+}

package/saveFileAs.js

@@ -1 +1,22 @@
-export function saveFileAs(t,e,r){const n=document.createElement("a");n.setAttribute("href",e),n.setAttribute("download",t),n.setAttribute("type","attachment"),r&&Object.entries(r).forEach(([t,e])=>{n.setAttribute(t,e),"target"===t&&"_blank"===e&&null==r.rel&&n.setAttribute("rel","noopener noreferrer")}),n.click()}
+export function saveFileAs(filename, url, attrs) {
+    const link = document.createElement('a');
+    link.setAttribute('href', url);
+    link.setAttribute('download', filename);
+    link.setAttribute('type', 'attachment');
+    if (attrs) {
+        Object.entries(attrs).forEach(([name, value]) => {
+            link.setAttribute(name, value);
+            if (name === 'target' && value === '_blank' && attrs.rel == null) {
+                link.setAttribute('rel', 'noopener noreferrer');
+            }
+        });
+    }
+    link.click();
+}
+// if (document.createEvent) {
+//   const event = document.createEvent('MouseEvents');
+//   event.initEvent('click', true, true);
+//   link.dispatchEvent(event);
+// } else {
+//   link.click();
+// }

package/serviceWorker/ServiceWorkerInstaller.d.ts

@@ -23,7 +23,6 @@ export declare class ServiceWorkerInstaller extends EventEmitter<{
     static isAvailable(): boolean;
     private registration;
     private cancelDefferedRegister;
-    constructor();
     register(swUrl: string | URL, options?: ServiceWorkerInstaller.RegistrationOptions): void;
     unregister(): void;
     destroy(): void;