@js-toolkit/web-utils 1.67.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.js

@@ -1 +1,40 @@
-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 null!=this._listener}static get currentViewSize(){return this.listener.currentViewSize}static get currentViewSizeValues(){return this.listener.currentViewSizeQuery}static addListener(e){this.listener.addListener(e)}static removeListener(e){return this.listener.removeListener(e)}static init(){return this._listener??=new MediaQueryListener,this.currentViewSize}static destroy(){this._listener&&this._listener.destroy()}}
+/* 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.js

@@ -1 +1,55 @@
-import{ViewSize}from"./ViewSize";import{getViewSizeQueryMap}from"./getViewSizeQueryMap";export class MediaQueryListener{_currentViewSize;mediaQueries=[];listeners=new Set;queries;get currentViewSize(){if(!this._currentViewSize)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]}constructor(){this.queries=getViewSizeQueryMap(),Object.entries(this.queries).forEach(([e,i])=>{const r=ViewSize.of(e),t=window.matchMedia(i);this.mediaQueries.push(t),t.onchange=({matches:e})=>{e&&(this._currentViewSize=r),this.listeners.forEach(i=>i({viewSize:r,matches:e}))},t.matches&&(this._currentViewSize=r)})}addListener(e){this.listeners.add(e)}removeListener(e){return this.listeners.delete(e)}destroy(){this.mediaQueries.splice(0,this.mediaQueries.length).forEach(e=>{e.onchange=null}),this.listeners.clear()}[Symbol.dispose](){return this.destroy()}}
+/* 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.js

@@ -1 +1,82 @@
-export var ViewSize;!function(x){x[x.xxxxs=1]="xxxxs",x[x.xxxs=2]="xxxs",x[x.xxs=3]="xxs",x[x.xs=4]="xs",x[x.s=5]="s",x[x.m=6]="m",x[x.l=7]="l",x[x.xl=8]="xl",x[x.xxl=9]="xxl",x[x.xxxl=10]="xxxl",x[x.xxxxl=11]="xxxxl",x[x.xxxxxl=12]="xxxxxl"}(ViewSize||(ViewSize={})),function(x){function i(i){const t=+i,n=Number.isFinite(t)?x[t]:i;return x[n]}x.values={[x.xxxxs]:{minWidth:0,maxWidth:319},[x.xxxs]:{minWidth:320,maxWidth:479},[x.xxs]:{minWidth:480,maxWidth:639},[x.xs]:{minWidth:640,maxWidth:827},[x.s]:{minWidth:828,maxWidth:1023},[x.m]:{minWidth:1024,maxWidth:1365},[x.l]:{minWidth:1366,maxWidth:1599},[x.xl]:{minWidth:1600,maxWidth:1919},[x.xxl]:{minWidth:1920,maxWidth:2559},[x.xxxl]:{minWidth:2560,maxWidth:3839},[x.xxxxl]:{minWidth:3840,maxWidth:7679},[x.xxxxxl]:{minWidth:7680,maxWidth:Number.MAX_SAFE_INTEGER}},x.of=i,x.keyOf=function(i){return x[i]},x.valueList=Object.entries(x.values).map(([x,t])=>[i(x),t]).sort(([,x],[,i])=>x.minWidth-i.minWidth),x.get=function(i){return x.valueList.find(([,x])=>i>=x.minWidth&&i<=x.maxWidth)?.[0]??x.valueList.at(-1)[0]},x.lt=function(x,i){return x<i},x.lte=function(x,i){return x<=i},x.gt=function(x,i){return x>i},x.gte=function(x,i){return x>=i}}(ViewSize||(ViewSize={}));
+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.js

@@ -1 +1,7 @@
-import{ViewSize}from"./ViewSize";export function getViewSizeQueryMap(){return ViewSize.valueList.reduce((e,[i,{minWidth:t,maxWidth:n}])=>(e[i]=`only screen and (min-width: ${t}px) and (max-width: ${n}px)`,e),{})}
+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;