happy-dom 9.18.3 → 9.19.1

package/lib/match-media/MediaQueryItem.js

@@ -0,0 +1,283 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const CSSMeasurementConverter_1 = __importDefault(require("../css/declaration/measurement-converter/CSSMeasurementConverter"));
+const MediaQueryTypeEnum_1 = __importDefault(require("./MediaQueryTypeEnum"));
+/**
+ * Media query this.
+ */
+class MediaQueryItem {
+    /**
+     * Constructor.
+     *
+     * @param options Options.
+     * @param options.ownerWindow Owner window.
+     * @param [options.rootFontSize] Root font size.
+     * @param [options.mediaTypes] Media types.
+     * @param [options.not] Not.
+     * @param [options.rules] Rules.
+     * @param [options.ranges] Ranges.
+     */
+    constructor(options) {
+        this.rootFontSize = null;
+        this.ownerWindow = options.ownerWindow;
+        this.rootFontSize = options.rootFontSize || null;
+        this.mediaTypes = options.mediaTypes || [];
+        this.not = options.not || false;
+        this.rules = options.rules || [];
+        this.ranges = options.ranges || [];
+    }
+    /**
+     * Returns media string.
+     */
+    toString() {
+        return `${this.not ? 'not ' : ''}${this.mediaTypes.join(', ')}${(this.not || this.mediaTypes.length > 0) && !!this.ranges.length ? ' and ' : ''}${this.ranges
+            .map((range) => `(${range.before ? `${range.before.value} ${range.before.operator} ` : ''}${range.type}${range.after ? ` ${range.after.operator} ${range.after.value}` : ''})`)
+            .join(' and ')}${(this.not || this.mediaTypes.length > 0) && !!this.rules.length ? ' and ' : ''}${this.rules
+            .map((rule) => (rule.value ? `(${rule.name}: ${rule.value})` : `(${rule.name})`))
+            .join(' and ')}`;
+    }
+    /**
+     * Returns "true" if the item matches.
+     */
+    matches() {
+        return this.not ? !this.matchesAll() : this.matchesAll();
+    }
+    /**
+     * Returns "true" if all matches.
+     *
+     * @returns "true" if all matches.
+     */
+    matchesAll() {
+        if (!!this.mediaTypes.length) {
+            let isMediaTypeMatch = false;
+            for (const mediaType of this.mediaTypes) {
+                if (this.matchesMediaType(mediaType)) {
+                    isMediaTypeMatch = true;
+                    break;
+                }
+            }
+            if (!isMediaTypeMatch) {
+                return false;
+            }
+        }
+        for (const rule of this.rules) {
+            if (!this.matchesRule(rule)) {
+                return false;
+            }
+        }
+        for (const range of this.ranges) {
+            if (!this.matchesRange(range)) {
+                return false;
+            }
+        }
+        return true;
+    }
+    /**
+     * Returns "true" if the mediaType matches.
+     *
+     * @param mediaType Media type.
+     * @returns "true" if the mediaType matches.
+     */
+    matchesMediaType(mediaType) {
+        if (mediaType === MediaQueryTypeEnum_1.default.all) {
+            return true;
+        }
+        return mediaType === this.ownerWindow.happyDOM.settings.device.mediaType;
+    }
+    /**
+     * Returns "true" if the range matches.
+     *
+     * @param range Range.
+     * @returns "true" if the range matches.
+     */
+    matchesRange(range) {
+        const windowSize = range.type === 'width' ? this.ownerWindow.innerWidth : this.ownerWindow.innerHeight;
+        if (range.before) {
+            const beforeValue = this.toPixels(range.before.value);
+            if (beforeValue === null) {
+                return false;
+            }
+            switch (range.before.operator) {
+                case '<':
+                    if (beforeValue >= windowSize) {
+                        return false;
+                    }
+                    break;
+                case '<=':
+                    if (beforeValue > windowSize) {
+                        return false;
+                    }
+                    break;
+                case '>':
+                    if (beforeValue <= windowSize) {
+                        return false;
+                    }
+                    break;
+                case '>=':
+                    if (beforeValue < windowSize) {
+                        return false;
+                    }
+                    break;
+            }
+        }
+        if (range.after) {
+            const afterValue = this.toPixels(range.after.value);
+            if (afterValue === null) {
+                return false;
+            }
+            switch (range.after.operator) {
+                case '<':
+                    if (windowSize >= afterValue) {
+                        return false;
+                    }
+                    break;
+                case '<=':
+                    if (windowSize > afterValue) {
+                        return false;
+                    }
+                    break;
+                case '>':
+                    if (windowSize <= afterValue) {
+                        return false;
+                    }
+                    break;
+                case '>=':
+                    if (windowSize < afterValue) {
+                        return false;
+                    }
+                    break;
+            }
+        }
+        return true;
+    }
+    /**
+     * Returns "true" if the rule matches.
+     *
+     * @param rule Rule.
+     * @returns "true" if the rule matches.
+     */
+    matchesRule(rule) {
+        if (!rule.value) {
+            switch (rule.name) {
+                case 'min-width':
+                case 'max-width':
+                case 'min-height':
+                case 'max-height':
+                case 'width':
+                case 'height':
+                case 'orientation':
+                case 'prefers-color-scheme':
+                case 'hover':
+                case 'any-hover':
+                case 'any-pointer':
+                case 'pointer':
+                case 'display-mode':
+                case 'min-aspect-ratio':
+                case 'max-aspect-ratio':
+                case 'aspect-ratio':
+                    return true;
+            }
+            return false;
+        }
+        switch (rule.name) {
+            case 'min-width':
+                const minWidth = this.toPixels(rule.value);
+                return minWidth !== null && this.ownerWindow.innerWidth >= minWidth;
+            case 'max-width':
+                const maxWidth = this.toPixels(rule.value);
+                return maxWidth !== null && this.ownerWindow.innerWidth <= maxWidth;
+            case 'min-height':
+                const minHeight = this.toPixels(rule.value);
+                return minHeight !== null && this.ownerWindow.innerHeight >= minHeight;
+            case 'max-height':
+                const maxHeight = this.toPixels(rule.value);
+                return maxHeight !== null && this.ownerWindow.innerHeight <= maxHeight;
+            case 'width':
+                const width = this.toPixels(rule.value);
+                return width !== null && this.ownerWindow.innerWidth === width;
+            case 'height':
+                const height = this.toPixels(rule.value);
+                return height !== null && this.ownerWindow.innerHeight === height;
+            case 'orientation':
+                return rule.value === 'landscape'
+                    ? this.ownerWindow.innerWidth > this.ownerWindow.innerHeight
+                    : this.ownerWindow.innerWidth < this.ownerWindow.innerHeight;
+            case 'prefers-color-scheme':
+                return rule.value === this.ownerWindow.happyDOM.settings.device.prefersColorScheme;
+            case 'any-hover':
+            case 'hover':
+                if (rule.value === 'none') {
+                    return this.ownerWindow.navigator.maxTouchPoints > 0;
+                }
+                if (rule.value === 'hover') {
+                    return this.ownerWindow.navigator.maxTouchPoints === 0;
+                }
+                return false;
+            case 'any-pointer':
+            case 'pointer':
+                if (rule.value === 'none') {
+                    return false;
+                }
+                if (rule.value === 'coarse') {
+                    return this.ownerWindow.navigator.maxTouchPoints > 0;
+                }
+                if (rule.value === 'fine') {
+                    return this.ownerWindow.navigator.maxTouchPoints === 0;
+                }
+                return false;
+            case 'display-mode':
+                return rule.value === 'browser';
+            case 'min-aspect-ratio':
+            case 'max-aspect-ratio':
+            case 'aspect-ratio':
+                const aspectRatio = rule.value.split('/');
+                const aspectRatioWidth = parseInt(aspectRatio[0], 10);
+                const aspectRatioHeight = parseInt(aspectRatio[1], 10);
+                if (isNaN(aspectRatioWidth) || isNaN(aspectRatioHeight)) {
+                    return false;
+                }
+                switch (rule.name) {
+                    case 'min-aspect-ratio':
+                        return (aspectRatioWidth / aspectRatioHeight <=
+                            this.ownerWindow.innerWidth / this.ownerWindow.innerHeight);
+                    case 'max-aspect-ratio':
+                        return (aspectRatioWidth / aspectRatioHeight >=
+                            this.ownerWindow.innerWidth / this.ownerWindow.innerHeight);
+                    case 'aspect-ratio':
+                        return (aspectRatioWidth / aspectRatioHeight ===
+                            this.ownerWindow.innerWidth / this.ownerWindow.innerHeight);
+                }
+        }
+        return false;
+    }
+    /**
+     * Convert to pixels.
+     *
+     * @param value Value.
+     * @returns Value in pixels.
+     */
+    toPixels(value) {
+        if (value.endsWith('em')) {
+            this.rootFontSize =
+                this.rootFontSize ||
+                    parseFloat(this.ownerWindow.getComputedStyle(this.ownerWindow.document.documentElement).fontSize);
+            return CSSMeasurementConverter_1.default.toPixels({
+                ownerWindow: this.ownerWindow,
+                value,
+                rootFontSize: this.rootFontSize,
+                parentFontSize: this.rootFontSize
+            });
+        }
+        return CSSMeasurementConverter_1.default.toPixels({
+            ownerWindow: this.ownerWindow,
+            value,
+            rootFontSize: 16,
+            parentFontSize: 16
+        });
+    }
+}
+exports.default = MediaQueryItem;
+//# sourceMappingURL=MediaQueryItem.js.map

package/lib/match-media/MediaQueryItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaQueryItem.js","sourceRoot":"","sources":["../../src/match-media/MediaQueryItem.ts"],"names":[],"mappings":"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"}

package/lib/match-media/MediaQueryList.d.ts

@@ -9,16 +9,30 @@ import IEventListener from '../event/IEventListener';
  * https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList.
  */
 export default class MediaQueryList extends EventTarget {
-    readonly media: string;
     onchange: (event: Event) => void;
     private _ownerWindow;
+    private _items;
+    private _media;
+    private _rootFontSize;
     /**
      * Constructor.
      *
-     * @param ownerWindow Window.
-     * @param media Media.
+     * @param options Options.
+     * @param options.ownerWindow Owner window.
+     * @param options.media Media.
+     * @param [options.rootFontSize] Root font size.
      */
-    constructor(ownerWindow: IWindow, media: string);
+    constructor(options: {
+        ownerWindow: IWindow;
+        media: string;
+        rootFontSize?: string | number;
+    });
+    /**
+     * Returns media.
+     *
+     * @returns Media.
+     */
+    get media(): string;
     /**
      * Returns "true" if the document matches.
      *

package/lib/match-media/MediaQueryList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MediaQueryList.d.ts","sourceRoot":"","sources":["../../src/match-media/MediaQueryList.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,sBAAsB,CAAC;AAC/C,OAAO,KAAK,MAAM,gBAAgB,CAAC;AACnC,OAAO,OAAO,MAAM,mBAAmB,CAAC;AACxC,OAAO,cAAc,MAAM,yBAAyB,CAAC;AAMrD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,WAAW;IACtD,SAAgB,KAAK,EAAE,MAAM,CAAM;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAQ;IAC/C,OAAO,CAAC,YAAY,CAAU;IAE9B;;;;;OAKG;gBACS,WAAW,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM;IAM/C;;;;OAIG;IACH,IAAW,OAAO,IAAI,OAAO,CAc5B;IAED;;;;;OAKG;IACI,WAAW,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,GAAG,IAAI;IAI1D;;;;;OAKG;IACI,cAAc,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,GAAG,IAAI;IAI7D;;OAEG;IACI,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,GAAG,IAAI;IAgBhG;;OAEG;IACI,mBAAmB,CACzB,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,cAAc,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,GACjD,IAAI;CAMP"}
+{"version":3,"file":"MediaQueryList.d.ts","sourceRoot":"","sources":["../../src/match-media/MediaQueryList.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,sBAAsB,CAAC;AAC/C,OAAO,KAAK,MAAM,gBAAgB,CAAC;AACnC,OAAO,OAAO,MAAM,mBAAmB,CAAC;AACxC,OAAO,cAAc,MAAM,yBAAyB,CAAC;AAKrD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,WAAW;IAC/C,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAQ;IAC/C,OAAO,CAAC,YAAY,CAAU;IAC9B,OAAO,CAAC,MAAM,CAAkC;IAChD,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,aAAa,CAAgC;IAErD;;;;;;;OAOG;gBACS,OAAO,EAAE;QAAE,WAAW,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE;IAO5F;;;;OAIG;IACH,IAAW,KAAK,IAAI,MAAM,CAUzB;IAED;;;;OAIG;IACH,IAAW,OAAO,IAAI,OAAO,CAgB5B;IAED;;;;;OAKG;IACI,WAAW,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,GAAG,IAAI;IAI1D;;;;;OAKG;IACI,cAAc,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,GAAG,IAAI;IAI7D;;OAEG;IACI,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,GAAG,IAAI;IAgBhG;;OAEG;IACI,mBAAmB,CACzB,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,cAAc,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,GACjD,IAAI;CAMP"}

package/lib/match-media/MediaQueryList.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const EventTarget_1 = __importDefault(require("../event/EventTarget"));
 const MediaQueryListEvent_1 = __importDefault(require("../event/events/MediaQueryListEvent"));
-const MEDIA_REGEXP = /min-width: *([0-9]+) *px|max-width: *([0-9]+) *px|min-height: *([0-9]+) *px|max-height: *([0-9]+) *px/;
+const MediaQueryParser_1 = __importDefault(require("./MediaQueryParser"));
 /**
  * Media Query List.
  *
@@ -16,15 +16,34 @@ class MediaQueryList extends EventTarget_1.default {
     /**
      * Constructor.
      *
-     * @param ownerWindow Window.
-     * @param media Media.
+     * @param options Options.
+     * @param options.ownerWindow Owner window.
+     * @param options.media Media.
+     * @param [options.rootFontSize] Root font size.
      */
-    constructor(ownerWindow, media) {
+    constructor(options) {
         super();
-        this.media = '';
         this.onchange = null;
-        this._ownerWindow = ownerWindow;
-        this.media = media;
+        this._items = null;
+        this._rootFontSize = null;
+        this._ownerWindow = options.ownerWindow;
+        this._media = options.media;
+        this._rootFontSize = options.rootFontSize || null;
+    }
+    /**
+     * Returns media.
+     *
+     * @returns Media.
+     */
+    get media() {
+        this._items =
+            this._items ||
+                MediaQueryParser_1.default.parse({
+                    ownerWindow: this._ownerWindow,
+                    mediaQuery: this._media,
+                    rootFontSize: this._rootFontSize
+                });
+        return this._items.map((item) => item.toString()).join(', ');
     }
     /**
      * Returns "true" if the document matches.
@@ -32,22 +51,19 @@ class MediaQueryList extends EventTarget_1.default {
      * @returns Matches.
      */
     get matches() {
-        const match = MEDIA_REGEXP.exec(this.media);
-        if (match) {
-            if (match[1]) {
-                return this._ownerWindow.innerWidth >= parseInt(match[1]);
-            }
-            else if (match[2]) {
-                return this._ownerWindow.innerWidth <= parseInt(match[2]);
-            }
-            else if (match[3]) {
-                return this._ownerWindow.innerHeight >= parseInt(match[3]);
-            }
-            else if (match[4]) {
-                return this._ownerWindow.innerHeight <= parseInt(match[4]);
+        this._items =
+            this._items ||
+                MediaQueryParser_1.default.parse({
+                    ownerWindow: this._ownerWindow,
+                    mediaQuery: this._media,
+                    rootFontSize: this._rootFontSize
+                });
+        for (const item of this._items) {
+            if (!item.matches()) {
+                return false;
             }
         }
-        return false;
+        return true;
     }
     /**
      * Adds a listener.

package/lib/match-media/MediaQueryList.js.map

@@ -1 +1 @@
-{"version":3,"file":"MediaQueryList.js","sourceRoot":"","sources":["../../src/match-media/MediaQueryList.ts"],"names":[],"mappings":";;;;;AAAA,uEAA+C;AAI/C,8FAAsE;AAEtE,MAAM,YAAY,GACjB,uGAAuG,CAAC;AAEzG;;;;;GAKG;AACH,MAAqB,cAAe,SAAQ,qBAAW;IAKtD;;;;;OAKG;IACH,YAAY,WAAoB,EAAE,KAAa;QAC9C,KAAK,EAAE,CAAC;QAXO,UAAK,GAAW,EAAE,CAAC;QAC5B,aAAQ,GAA2B,IAAI,CAAC;QAW9C,IAAI,CAAC,YAAY,GAAG,WAAW,CAAC;QAChC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACpB,CAAC;IAED;;;;OAIG;IACH,IAAW,OAAO;QACjB,MAAM,KAAK,GAAG,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC5C,IAAI,KAAK,EAAE;YACV,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE;gBACb,OAAO,IAAI,CAAC,YAAY,CAAC,UAAU,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;aAC1D;iBAAM,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE;gBACpB,OAAO,IAAI,CAAC,YAAY,CAAC,UAAU,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;aAC1D;iBAAM,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE;gBACpB,OAAO,IAAI,CAAC,YAAY,CAAC,WAAW,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;aAC3D;iBAAM,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE;gBACpB,OAAO,IAAI,CAAC,YAAY,CAAC,WAAW,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;aAC3D;SACD;QACD,OAAO,KAAK,CAAC;IACd,CAAC;IAED;;;;;OAKG;IACI,WAAW,CAAC,QAAgC;QAClD,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC3C,CAAC;IAED;;;;;OAKG;IACI,cAAc,CAAC,QAAgC;QACrD,IAAI,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC9C,CAAC;IAED;;OAEG;IACI,gBAAgB,CAAC,IAAY,EAAE,QAAmD;QACxF,KAAK,CAAC,gBAAgB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QACvC,IAAI,IAAI,KAAK,QAAQ,EAAE;YACtB,IAAI,YAAY,GAAG,KAAK,CAAC;YACzB,MAAM,cAAc,GAAG,GAAS,EAAE;gBACjC,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;gBAC7B,IAAI,OAAO,KAAK,YAAY,EAAE;oBAC7B,YAAY,GAAG,OAAO,CAAC;oBACvB,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAmB,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;iBACtF;YACF,CAAC,CAAC;YACF,QAAQ,CAAC,uBAAuB,CAAC,GAAG,cAAc,CAAC;YACnD,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;SAC7D;IACF,CAAC;IAED;;OAEG;IACI,mBAAmB,CACzB,IAAY,EACZ,QAAmD;QAEnD,KAAK,CAAC,mBAAmB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QAC1C,IAAI,IAAI,KAAK,QAAQ,IAAI,QAAQ,CAAC,uBAAuB,CAAC,EAAE;YAC3D,IAAI,CAAC,YAAY,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,uBAAuB,CAAC,CAAC,CAAC;SACnF;IACF,CAAC;CACD;AAzFD,iCAyFC"}
+{"version":3,"file":"MediaQueryList.js","sourceRoot":"","sources":["../../src/match-media/MediaQueryList.ts"],"names":[],"mappings":"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"}

package/lib/match-media/MediaQueryParser.d.ts

@@ -0,0 +1,22 @@
+import MediaQueryItem from './MediaQueryItem';
+import IWindow from '../window/IWindow';
+/**
+ * Utility for parsing a query string.
+ */
+export default class MediaQueryParser {
+    /**
+     * Parses a media query string.
+     *
+     * @param options Options.
+     * @param options.ownerWindow Owner window.
+     * @param options.mediaQuery Media query string.
+     * @param [options.rootFontSize] Root font size.
+     * @returns Media query items.
+     */
+    static parse(options: {
+        ownerWindow: IWindow;
+        mediaQuery: string;
+        rootFontSize?: string | number | null;
+    }): MediaQueryItem[];
+}
+//# sourceMappingURL=MediaQueryParser.d.ts.map

package/lib/match-media/MediaQueryParser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaQueryParser.d.ts","sourceRoot":"","sources":["../../src/match-media/MediaQueryParser.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAE9C,OAAO,OAAO,MAAM,mBAAmB,CAAC;AA8BxC;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,gBAAgB;IACpC;;;;;;;;OAQG;WACW,KAAK,CAAC,OAAO,EAAE;QAC5B,WAAW,EAAE,OAAO,CAAC;QACrB,UAAU,EAAE,MAAM,CAAC;QACnB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;KACtC,GAAG,cAAc,EAAE;CA+DpB"}

package/lib/match-media/MediaQueryParser.js

@@ -0,0 +1,112 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const MediaQueryItem_1 = __importDefault(require("./MediaQueryItem"));
+const MediaQueryTypeEnum_1 = __importDefault(require("./MediaQueryTypeEnum"));
+/**
+ * Media query RegExp.
+ *
+ * Group 1: "not", "only", "all", "screen", "print".
+ * Group 2: Rule.
+ * Group 3: Rule end paranthesis (must be present if no value).
+ * Group 4: Comma (,).
+ * Group 5: "or", "and".
+ */
+const MEDIA_QUERY_REGEXP = /(not|only|all|screen|print)|\(([^\)]+)(\)){0,1}|(,)| +(or|and) +/g;
+/**
+ * Check if resolution RegExp.
+ */
+const IS_RESOLUTION_REGEXP = /[<>]/;
+/**
+ * Resolution RegExp.
+ *
+ * Group 1: First resolution value.
+ * Group 2: First resolution operator.
+ * Group 3: Resolution type.
+ * Group 4: Second resolution operator.
+ * Group 5: Second resolution value.
+ */
+const RESOLUTION_REGEXP = /(?:([0-9]+[a-z]+) *(<|<=|>|=>)){0,1} *(width|height) *(?:(<|<=|>|=>) *([0-9]+[a-z]+)){0,1}/;
+/**
+ * Utility for parsing a query string.
+ */
+class MediaQueryParser {
+    /**
+     * Parses a media query string.
+     *
+     * @param options Options.
+     * @param options.ownerWindow Owner window.
+     * @param options.mediaQuery Media query string.
+     * @param [options.rootFontSize] Root font size.
+     * @returns Media query items.
+     */
+    static parse(options) {
+        let currentMediaQueryItem = new MediaQueryItem_1.default({
+            ownerWindow: options.ownerWindow,
+            rootFontSize: options.rootFontSize
+        });
+        const mediaQueryItems = [currentMediaQueryItem];
+        const regexp = new RegExp(MEDIA_QUERY_REGEXP);
+        let match = null;
+        while ((match = regexp.exec(options.mediaQuery.toLowerCase()))) {
+            if (match[4] === ',' || match[5] === 'or') {
+                currentMediaQueryItem = new MediaQueryItem_1.default({
+                    ownerWindow: options.ownerWindow,
+                    rootFontSize: options.rootFontSize
+                });
+                mediaQueryItems.push(currentMediaQueryItem);
+            }
+            else if (match[1] === 'all' || match[1] === 'screen' || match[1] === 'print') {
+                currentMediaQueryItem.mediaTypes.push(match[1]);
+            }
+            else if (match[1] === 'not') {
+                currentMediaQueryItem.not = true;
+            }
+            else if (match[2]) {
+                const resolutionMatch = IS_RESOLUTION_REGEXP.test(match[2])
+                    ? match[2].match(RESOLUTION_REGEXP)
+                    : null;
+                if (resolutionMatch && (resolutionMatch[1] || resolutionMatch[5])) {
+                    currentMediaQueryItem.ranges.push({
+                        before: resolutionMatch[1]
+                            ? {
+                                value: resolutionMatch[1],
+                                operator: resolutionMatch[2]
+                            }
+                            : null,
+                        type: resolutionMatch[3],
+                        after: resolutionMatch[5]
+                            ? {
+                                value: resolutionMatch[5],
+                                operator: resolutionMatch[4]
+                            }
+                            : null
+                    });
+                }
+                else {
+                    const [name, value] = match[2].split(':');
+                    const trimmedValue = value ? value.trim() : null;
+                    if (!trimmedValue && !match[3]) {
+                        return [
+                            new MediaQueryItem_1.default({
+                                ownerWindow: options.ownerWindow,
+                                rootFontSize: options.rootFontSize,
+                                not: true,
+                                mediaTypes: [MediaQueryTypeEnum_1.default.all]
+                            })
+                        ];
+                    }
+                    currentMediaQueryItem.rules.push({
+                        name: name.trim(),
+                        value: trimmedValue
+                    });
+                }
+            }
+        }
+        return mediaQueryItems;
+    }
+}
+exports.default = MediaQueryParser;
+//# sourceMappingURL=MediaQueryParser.js.map

package/lib/match-media/MediaQueryParser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaQueryParser.js","sourceRoot":"","sources":["../../src/match-media/MediaQueryParser.ts"],"names":[],"mappings":";;;;;AAAA,sEAA8C;AAC9C,8EAAsD;AAGtD;;;;;;;;GAQG;AACH,MAAM,kBAAkB,GAAG,mEAAmE,CAAC;AAE/F;;GAEG;AACH,MAAM,oBAAoB,GAAG,MAAM,CAAC;AAEpC;;;;;;;;GAQG;AACH,MAAM,iBAAiB,GACtB,4FAA4F,CAAC;AAE9F;;GAEG;AACH,MAAqB,gBAAgB;IACpC;;;;;;;;OAQG;IACI,MAAM,CAAC,KAAK,CAAC,OAInB;QACA,IAAI,qBAAqB,GAAmB,IAAI,wBAAc,CAAC;YAC9D,WAAW,EAAE,OAAO,CAAC,WAAW;YAChC,YAAY,EAAE,OAAO,CAAC,YAAY;SAClC,CAAC,CAAC;QACH,MAAM,eAAe,GAAqB,CAAC,qBAAqB,CAAC,CAAC;QAClE,MAAM,MAAM,GAAG,IAAI,MAAM,CAAC,kBAAkB,CAAC,CAAC;QAC9C,IAAI,KAAK,GAA2B,IAAI,CAAC;QAEzC,OAAO,CAAC,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE;YAC/D,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE;gBAC1C,qBAAqB,GAAG,IAAI,wBAAc,CAAC;oBAC1C,WAAW,EAAE,OAAO,CAAC,WAAW;oBAChC,YAAY,EAAE,OAAO,CAAC,YAAY;iBAClC,CAAC,CAAC;gBACH,eAAe,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;aAC5C;iBAAM,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,QAAQ,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,OAAO,EAAE;gBAC/E,qBAAqB,CAAC,UAAU,CAAC,IAAI,CAAqB,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;aACpE;iBAAM,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,KAAK,EAAE;gBAC9B,qBAAqB,CAAC,GAAG,GAAG,IAAI,CAAC;aACjC;iBAAM,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE;gBACpB,MAAM,eAAe,GAAG,oBAAoB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;oBAC1D,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,iBAAiB,CAAC;oBACnC,CAAC,CAAC,IAAI,CAAC;gBACR,IAAI,eAAe,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,eAAe,CAAC,CAAC,CAAC,CAAC,EAAE;oBAClE,qBAAqB,CAAC,MAAM,CAAC,IAAI,CAAC;wBACjC,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC;4BACzB,CAAC,CAAC;gCACA,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC;gCACzB,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC;6BAC3B;4BACH,CAAC,CAAC,IAAI;wBACP,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC;wBACxB,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC;4BACxB,CAAC,CAAC;gCACA,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC;gCACzB,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC;6BAC3B;4BACH,CAAC,CAAC,IAAI;qBACP,CAAC,CAAC;iBACH;qBAAM;oBACN,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;oBAC1C,MAAM,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;oBACjD,IAAI,CAAC,YAAY,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;wBAC/B,OAAO;4BACN,IAAI,wBAAc,CAAC;gCAClB,WAAW,EAAE,OAAO,CAAC,WAAW;gCAChC,YAAY,EAAE,OAAO,CAAC,YAAY;gCAClC,GAAG,EAAE,IAAI;gCACT,UAAU,EAAE,CAAC,4BAAkB,CAAC,GAAG,CAAC;6BACpC,CAAC;yBACF,CAAC;qBACF;oBACD,qBAAqB,CAAC,KAAK,CAAC,IAAI,CAAC;wBAChC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;wBACjB,KAAK,EAAE,YAAY;qBACnB,CAAC,CAAC;iBACH;aACD;SACD;QAED,OAAO,eAAe,CAAC;IACxB,CAAC;CACD;AA7ED,mCA6EC"}

package/lib/match-media/MediaQueryTypeEnum.d.ts

@@ -0,0 +1,7 @@
+declare enum MediaQueryTypeEnum {
+    all = "all",
+    print = "print",
+    screen = "screen"
+}
+export default MediaQueryTypeEnum;
+//# sourceMappingURL=MediaQueryTypeEnum.d.ts.map

package/lib/match-media/MediaQueryTypeEnum.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaQueryTypeEnum.d.ts","sourceRoot":"","sources":["../../src/match-media/MediaQueryTypeEnum.ts"],"names":[],"mappings":"AAAA,aAAK,kBAAkB;IACtB,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,MAAM,WAAW;CACjB;AAED,eAAe,kBAAkB,CAAC"}

package/lib/match-media/MediaQueryTypeEnum.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var MediaQueryTypeEnum;
+(function (MediaQueryTypeEnum) {
+    MediaQueryTypeEnum["all"] = "all";
+    MediaQueryTypeEnum["print"] = "print";
+    MediaQueryTypeEnum["screen"] = "screen";
+})(MediaQueryTypeEnum || (MediaQueryTypeEnum = {}));
+exports.default = MediaQueryTypeEnum;
+//# sourceMappingURL=MediaQueryTypeEnum.js.map

package/lib/match-media/MediaQueryTypeEnum.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaQueryTypeEnum.js","sourceRoot":"","sources":["../../src/match-media/MediaQueryTypeEnum.ts"],"names":[],"mappings":";;AAAA,IAAK,kBAIJ;AAJD,WAAK,kBAAkB;IACtB,iCAAW,CAAA;IACX,qCAAe,CAAA;IACf,uCAAiB,CAAA;AAClB,CAAC,EAJI,kBAAkB,KAAlB,kBAAkB,QAItB;AAED,kBAAe,kBAAkB,CAAC"}

package/lib/nodes/element/Element.d.ts

@@ -11,6 +11,7 @@ import IDOMRectList from './IDOMRectList';
 import IAttr from '../attr/IAttr';
 import INamedNodeMap from '../../named-node-map/INamedNodeMap';
 import Event from '../../event/Event';
+import CSSStyleDeclaration from '../../css/declaration/CSSStyleDeclaration';
 /**
  * Element.
  */
@@ -65,6 +66,7 @@ export default class Element extends Node implements IElement {
     };
     private _classList;
     _isValue?: string;
+    _computedStyle: CSSStyleDeclaration | null;
     /**
      * Returns class list.
      *