@tylertech/forge-core 2.2.0 → 2.2.2

package/esm/media-observer/media-observer.js

@@ -33,7 +33,7 @@ export class MediaObserver extends Subject {
         }
         return DiscreteMediaObserver.create(feature);
     }
-    /** Returns a media oberserver tracking a range feature. */
+    /** Returns a media observer tracking a range feature. */
     /**
      * Returns a new media observer tracking a range feature.
      * @param feature The name of a range media feature.
@@ -166,17 +166,22 @@ export class RangeMediaObserver extends MediaObserver {
         if (!this._isInitialized) {
             return;
         }
-        if (value.matches) {
-            this._valueQueue.push(name);
-        }
         if (!this._isAwaitingQueries) {
             setTimeout(() => {
                 this.next([...this._valueQueue]);
                 this._valueQueue = [];
                 this._isAwaitingQueries = false;
             });
+            this._valueQueue = [...this.source];
             this._isAwaitingQueries = true;
         }
+        const index = this._valueQueue.findIndex(queued => queued === name);
+        if (value.matches && index === -1) {
+            this._valueQueue.push(name);
+        }
+        else if (!value.matches && index > -1) {
+            this._valueQueue.splice(index, 1);
+        }
     }
 }
 /**

package/esm/media-observer/types.js

@@ -34,6 +34,7 @@ export const BOOLEAN_MEDIA_FEATURES = [
     'any-pointer',
     'color',
     'color-index',
+    'dynamic-range',
     'forced-colors',
     'grid',
     'height',
@@ -43,8 +44,11 @@ export const BOOLEAN_MEDIA_FEATURES = [
     'overflow-block',
     'overflow-inline',
     'pointer',
+    'prefers-contrast',
+    'prefers-reduced-motion',
     'scripting',
     'update',
+    'video-dynamic-range',
     'width'
 ];
 export const colorGamutValues = ['srbg', 'p3', 'rec2020'];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tylertech/forge-core",
-  "version": "2.2.0",
+  "version": "2.2.2",
   "description": "A library of core web utilities that support Forge Web Component libraries.",
   "author": "Tyler Technologies, Inc.",
   "license": "Apache-2.0",

package/typings/media-observer/media-observer.d.ts

@@ -19,7 +19,7 @@ export declare abstract class MediaObserver<T> extends Subject<T> {
      * @returns A `DiscreteMediaObserver` tracking the given feature.
      */
     static observeDiscrete(feature: DiscreteMediaFeature, options?: IMediaObserverOptions): DiscreteMediaObserver;
-    /** Returns a media oberserver tracking a range feature. */
+    /** Returns a media observer tracking a range feature. */
     /**
      * Returns a new media observer tracking a range feature.
      * @param feature The name of a range media feature.

package/typings/media-observer/types.d.ts

@@ -1,7 +1,7 @@
 export declare const DISCRETE_MEDIA_FEATURES: readonly ["any-hover", "any-pointer", "color-gamut", "display-mode", "dynamic-range", "forced-colors", "grid", "hover", "inverted-colors", "orientation", "overflow-block", "overflow-inline", "pointer", "prefers-contrast", "prefers-color-scheme", "prefers-reduced-motion", "scripting", "update", "video-dynamic-range"];
 export declare const RANGE_MEDIA_FEATURES: readonly ["aspect-ratio", "color", "color-index", "height", "monochrome", "resolution", "width"];
 export declare const ALL_MEDIA_FEATURES: ("height" | "width" | "color" | "grid" | "update" | "orientation" | "any-hover" | "any-pointer" | "color-gamut" | "display-mode" | "dynamic-range" | "forced-colors" | "hover" | "inverted-colors" | "overflow-block" | "overflow-inline" | "pointer" | "prefers-contrast" | "prefers-color-scheme" | "prefers-reduced-motion" | "scripting" | "video-dynamic-range" | "aspect-ratio" | "color-index" | "monochrome" | "resolution")[];
-export declare const BOOLEAN_MEDIA_FEATURES: readonly ["any-hover", "any-pointer", "color", "color-index", "forced-colors", "grid", "height", "hover", "inverted-colors", "monochrome", "overflow-block", "overflow-inline", "pointer", "scripting", "update", "width"];
+export declare const BOOLEAN_MEDIA_FEATURES: readonly ["any-hover", "any-pointer", "color", "color-index", "dynamic-range", "forced-colors", "grid", "height", "hover", "inverted-colors", "monochrome", "overflow-block", "overflow-inline", "pointer", "prefers-contrast", "prefers-reduced-motion", "scripting", "update", "video-dynamic-range", "width"];
 export declare type DiscreteMediaFeature = typeof DISCRETE_MEDIA_FEATURES[number];
 export declare type RangeMediaFeature = typeof RANGE_MEDIA_FEATURES[number];
 export declare type MediaFeature = DiscreteMediaFeature | RangeMediaFeature;