native-fn 1.2.2 → 1.3.0

package/dist/native.umd.js

@@ -4,7 +4,7 @@
   (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.Native = factory());
 })(this, (function () { 'use strict';
 
-  var version = "1.2.2";
+  var version = "1.3.0";
   var packageJSON = {
   	version: version};
 
@@ -31,11 +31,11 @@
       Appearances["Light"] = "light";
       Appearances["Dark"] = "dark";
   })(Appearances || (Appearances = {}));
-  var MEDIA_QUERY_LIST$1;
+  var PREFERS_COLOR_SCHEME_MEDIA_QUERY_LIST;
   if (typeof globalThis.matchMedia !== 'undefined')
-      MEDIA_QUERY_LIST$1 = globalThis.matchMedia('(prefers-color-scheme: dark)');
+      PREFERS_COLOR_SCHEME_MEDIA_QUERY_LIST = globalThis.matchMedia('(prefers-color-scheme: dark)');
   else
-      MEDIA_QUERY_LIST$1 = FALLBACK_MEDIA_QUERY_LIST;
+      PREFERS_COLOR_SCHEME_MEDIA_QUERY_LIST = FALLBACK_MEDIA_QUERY_LIST;
   var CONTEXT = globalThis.document.createElement('canvas').getContext('2d', { willReadFrequently: true });
   var SVG_PIXEL_DATA_URL = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxIiBoZWlnaHQ9IjEiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoMXYxSDB6Ii8+PC9zdmc+';
 
@@ -128,11 +128,11 @@
       Browsers["IE"] = "IE";
       Browsers["SamsungInternet"] = "SamsungInternet";
   })(Browsers || (Browsers = {}));
-  var USER_AGENT = (function () {
-      if (typeof globalThis.navigator.userAgent !== 'undefined')
-          return globalThis.navigator.userAgent;
-      return '';
-  })();
+  var USER_AGENT;
+  if (typeof globalThis.navigator.userAgent !== 'undefined')
+      USER_AGENT = globalThis.navigator.userAgent;
+  else
+      USER_AGENT = '';
   var HIGH_ENTROPY_BRAND_NAME_MAP = {
       'Google Chrome': 'Chrome',
       'Microsoft Edge': 'Edge',
@@ -833,6 +833,8 @@
           },
           subscribe: function (listener, options) {
               if (options === void 0) { options = {}; }
+              if (typeof options.signal !== 'undefined' && options.signal.aborted)
+                  return function () { };
               var entry = { fn: listener, once: false };
               if (typeof options.once !== 'undefined')
                   entry.once = options.once;
@@ -851,12 +853,8 @@
                   EventListener.remove(entry.signal, { type: 'abort', callback: cleanup });
                   removeEntry(entry);
               };
-              if (typeof entry.signal !== 'undefined') {
-                  if (entry.signal.aborted)
-                      removeEntry(entry);
-                  else
-                      EventListener.add(entry.signal, { type: 'abort', callback: cleanup });
-              }
+              if (typeof entry.signal !== 'undefined')
+                  EventListener.add(entry.signal, { type: 'abort', callback: cleanup });
               return function unsubscribe() {
                   removeEntry(entry);
               };
@@ -890,9 +888,9 @@
           return Appearances.Light;
   }
   function getAppearanceFromMediaQuery() {
-      if (MEDIA_QUERY_LIST$1.media === 'not all')
+      if (PREFERS_COLOR_SCHEME_MEDIA_QUERY_LIST.media === 'not all')
           return Appearances.Unknown;
-      if (MEDIA_QUERY_LIST$1.matches)
+      if (PREFERS_COLOR_SCHEME_MEDIA_QUERY_LIST.matches)
           return Appearances.Dark;
       return Appearances.Light;
   }
@@ -920,13 +918,13 @@
   }
   function attachOnChange$5() {
       appearanceRef = getAppearanceFromMediaQuery();
-      EventListener.add(MEDIA_QUERY_LIST$1, { type: 'change', callback: onMediaChange });
+      EventListener.add(PREFERS_COLOR_SCHEME_MEDIA_QUERY_LIST, { type: 'change', callback: onMediaChange });
       if (Platform.browser.name === Browsers.SamsungInternet)
           startPolling();
   }
   function detachOnChange$5() {
       appearanceRef = null;
-      EventListener.remove(MEDIA_QUERY_LIST$1, { type: 'change', callback: onMediaChange });
+      EventListener.remove(PREFERS_COLOR_SCHEME_MEDIA_QUERY_LIST, { type: 'change', callback: onMediaChange });
       if (Platform.browser.name === Browsers.SamsungInternet)
           stopPolling();
   }
@@ -1394,19 +1392,16 @@
           left: 'viewport-segment-left',
       },
   };
-  var FALLBACK_DIMENSION = {
-      innerWidth: -1,
-      innerHeight: -1,
-      outerWidth: -1,
-      outerHeight: -1,
-      scale: 1,
-      orientation: Orientation.Unknown,
-  };
-  var MEDIA_QUERY_LIST;
+  var ORIENTATION_MEDIA_QUERY_LIST;
+  if (typeof globalThis.matchMedia !== 'undefined')
+      ORIENTATION_MEDIA_QUERY_LIST = globalThis.matchMedia('(orientation: portrait)');
+  else
+      ORIENTATION_MEDIA_QUERY_LIST = FALLBACK_MEDIA_QUERY_LIST;
+  var DEVICE_POSTURE_MEDIA_QUERY_LIST;
   if (typeof globalThis.matchMedia !== 'undefined')
-      MEDIA_QUERY_LIST = globalThis.matchMedia('(orientation: portrait)');
+      DEVICE_POSTURE_MEDIA_QUERY_LIST = globalThis.matchMedia('(device-posture: folded)');
   else
-      MEDIA_QUERY_LIST = FALLBACK_MEDIA_QUERY_LIST;
+      DEVICE_POSTURE_MEDIA_QUERY_LIST = FALLBACK_MEDIA_QUERY_LIST;
 
   function keys(object) {
       var keys = [];
@@ -1428,15 +1423,306 @@
       globalThis.setTimeout(task, 0);
   }
 
+  var MAX_SEGMENTS_PER_AXIS = 4;
   function noop() {
   }
+  function getSupportedEnvironment() {
+      if (typeof globalThis.CSS !== 'undefined' && typeof globalThis.CSS.supports === 'function') {
+          if (globalThis.CSS.supports('x: env(x)'))
+              return 'env';
+          if (globalThis.CSS.supports('x: constant(x)'))
+              return 'constant';
+      }
+      return undefined;
+  }
+  function getSegmentGrid() {
+      if (typeof globalThis.matchMedia !== 'function')
+          return { rows: 1, cols: 1 };
+      var cols = 1;
+      var rows = 1;
+      for (var i = MAX_SEGMENTS_PER_AXIS; i >= 2; i--) {
+          if (globalThis.matchMedia('(horizontal-viewport-segments: ' + i + ')').matches) {
+              cols = i;
+              break;
+          }
+      }
+      for (var i = MAX_SEGMENTS_PER_AXIS; i >= 2; i--) {
+          if (globalThis.matchMedia('(vertical-viewport-segments: ' + i + ')').matches) {
+              rows = i;
+              break;
+          }
+      }
+      return { rows: rows, cols: cols };
+  }
+  function buildSegmentMediaQueryLists() {
+      if (typeof globalThis.matchMedia !== 'function')
+          return [];
+      var mediaQueryLists = [];
+      for (var i = 2; i <= MAX_SEGMENTS_PER_AXIS; i++) {
+          mediaQueryLists.push(globalThis.matchMedia('(horizontal-viewport-segments: ' + i + ')'));
+          mediaQueryLists.push(globalThis.matchMedia('(vertical-viewport-segments: ' + i + ')'));
+      }
+      return mediaQueryLists;
+  }
+  function createViewportSegmentObserver() {
+      var viewport = globalThis.viewport;
+      var visualViewport = globalThis.visualViewport;
+      var devicePosture = globalThis.navigator.devicePosture;
+      var hasSegmentsAPI = typeof viewport !== 'undefined';
+      var hasLegacySegmentsAPI = !hasSegmentsAPI && typeof visualViewport !== 'undefined' && visualViewport !== null && typeof visualViewport.segments !== 'undefined';
+      var hasDevicePosture = typeof devicePosture !== 'undefined';
+      var onChangeSubscriptionManager = createSubscriptionManager(attachOnChange, detachOnChange);
+      var support = getSupportedEnvironment();
+      var cachedDiv = null;
+      var segmentMediaQueryLists = [];
+      var previousSegments = null;
+      function attachCSSFallbackListeners() {
+          EventListener.add(globalThis, { type: 'resize', callback: onSegmentChange });
+          segmentMediaQueryLists = buildSegmentMediaQueryLists();
+          for (var i = 0; i < segmentMediaQueryLists.length; i++)
+              EventListener.add(segmentMediaQueryLists[i], { type: 'change', callback: onSegmentChange });
+          if (DEVICE_POSTURE_MEDIA_QUERY_LIST.media !== 'not all')
+              EventListener.add(DEVICE_POSTURE_MEDIA_QUERY_LIST, { type: 'change', callback: onSegmentChange });
+      }
+      function detachCSSFallbackListeners() {
+          EventListener.remove(globalThis, { type: 'resize', callback: onSegmentChange });
+          for (var i = 0; i < segmentMediaQueryLists.length; i++)
+              EventListener.remove(segmentMediaQueryLists[i], { type: 'change', callback: onSegmentChange });
+          segmentMediaQueryLists = [];
+          if (DEVICE_POSTURE_MEDIA_QUERY_LIST.media !== 'not all')
+              EventListener.remove(DEVICE_POSTURE_MEDIA_QUERY_LIST, { type: 'change', callback: onSegmentChange });
+      }
+      function attachOnChange() {
+          if (hasSegmentsAPI) {
+              if (hasDevicePosture) {
+                  EventListener.add(devicePosture, { type: 'change', callback: onSegmentChange });
+                  EventListener.add(globalThis, { type: 'resize', callback: onSegmentChange });
+              }
+              else {
+                  attachCSSFallbackListeners();
+              }
+          }
+          else if (hasLegacySegmentsAPI) {
+              EventListener.add(visualViewport, { type: 'resize', callback: onSegmentChange, options: { passive: true } });
+              if (hasSegmentsAPI)
+                  EventListener.add(devicePosture, { type: 'change', callback: onSegmentChange });
+          }
+          else {
+              getOrCreateCachedDiv();
+              attachCSSFallbackListeners();
+          }
+      }
+      function detachOnChange() {
+          if (hasSegmentsAPI) {
+              if (hasDevicePosture) {
+                  EventListener.remove(devicePosture, { type: 'change', callback: onSegmentChange });
+                  EventListener.remove(globalThis, { type: 'resize', callback: onSegmentChange });
+              }
+              else {
+                  detachCSSFallbackListeners();
+              }
+          }
+          else if (hasLegacySegmentsAPI) {
+              EventListener.remove(visualViewport, { type: 'resize', callback: onSegmentChange, options: { passive: true } });
+              if (hasSegmentsAPI)
+                  EventListener.remove(devicePosture, { type: 'change', callback: onSegmentChange });
+          }
+          else {
+              detachCSSFallbackListeners();
+              releaseDiv();
+          }
+      }
+      function segmentsEqual(segments1, segments2) {
+          if (segments1.length !== segments2.length)
+              return false;
+          for (var i = 0; i < segments1.length; i++) {
+              var segment1 = segments1[i];
+              var segment2 = segments2[i];
+              if (segment1.width !== segment2.width || segment1.height !== segment2.height || segment1.top !== segment2.top || segment1.left !== segment2.left || segment1.bottom !== segment2.bottom || segment1.right !== segment2.right)
+                  return false;
+          }
+          return true;
+      }
+      function onSegmentChange() {
+          var next = getValue();
+          if (previousSegments !== null && segmentsEqual(previousSegments, next))
+              return;
+          previousSegments = next;
+          onChangeSubscriptionManager.emit(next);
+      }
+      function buildDiv() {
+          var div = createHiddenElement('div');
+          div.setAttribute('data-viewport-segment-observer', '');
+          div.style.setProperty('position', 'fixed', 'important');
+          div.style.setProperty('top', '0', 'important');
+          div.style.setProperty('left', '0', 'important');
+          div.style.setProperty('visibility', 'hidden', 'important');
+          div.style.setProperty('pointer-events', 'none', 'important');
+          div.style.setProperty('z-index', '-1', 'important');
+          div.style.setProperty('box-sizing', 'content-box', 'important');
+          div.style.setProperty('padding', '0', 'important');
+          div.style.setProperty('margin', '0', 'important');
+          div.style.setProperty('border', '0', 'important');
+          div.style.setProperty('width', '0', 'important');
+          div.style.setProperty('height', '0', 'important');
+          div.style.setProperty('min-width', '0', 'important');
+          div.style.setProperty('min-height', '0', 'important');
+          div.style.setProperty('max-width', 'none', 'important');
+          div.style.setProperty('max-height', 'none', 'important');
+          div.style.setProperty('transition', 'none', 'important');
+          div.style.setProperty('animation', 'none', 'important');
+          div.style.setProperty('display', 'block', 'important');
+          div.style.setProperty('float', 'none', 'important');
+          div.style.setProperty('transform', 'none', 'important');
+          return div;
+      }
+      function getOrCreateCachedDiv() {
+          if (cachedDiv !== null)
+              return cachedDiv;
+          cachedDiv = buildDiv();
+          globalThis.document.body.appendChild(cachedDiv);
+          return cachedDiv;
+      }
+      function releaseDiv() {
+          if (cachedDiv !== null) {
+              if (cachedDiv.parentNode !== null)
+                  cachedDiv.parentNode.removeChild(cachedDiv);
+              cachedDiv = null;
+          }
+      }
+      function readFromSegmentsAPI() {
+          var segments;
+          if (hasSegmentsAPI)
+              segments = viewport.segments;
+          else
+              segments = visualViewport.segments;
+          if (segments === null || typeof segments === 'undefined')
+              return [];
+          var results = [];
+          for (var i = 0; i < segments.length; i++) {
+              var segment = segments[i];
+              results.push({
+                  width: segment.width,
+                  height: segment.height,
+                  top: segment.top,
+                  left: segment.left,
+                  bottom: segment.bottom,
+                  right: segment.right,
+              });
+          }
+          return results;
+      }
+      function buildFullViewportSegment() {
+          var width = globalThis.innerWidth;
+          var height = globalThis.innerHeight;
+          return {
+              width: width,
+              height: height,
+              top: 0,
+              left: 0,
+              bottom: height,
+              right: width,
+          };
+      }
+      function readFromCSSEnv(div) {
+          var grid = getSegmentGrid();
+          if (grid.rows === 1 && grid.cols === 1)
+              return [buildFullViewportSegment()];
+          if (typeof support === 'undefined' || typeof div.style.setProperty === 'undefined')
+              return [buildFullViewportSegment()];
+          var results = [];
+          for (var row = 0; row < grid.rows; row++) {
+              for (var col = 0; col < grid.cols; col++) {
+                  div.style.setProperty('width', support + '(viewport-segment-width ' + row + ' ' + col + ', -1px)', 'important');
+                  div.style.setProperty('height', support + '(viewport-segment-height ' + row + ' ' + col + ', -1px)', 'important');
+                  div.style.setProperty('margin-top', support + '(viewport-segment-top ' + row + ' ' + col + ', -1px)', 'important');
+                  div.style.setProperty('margin-left', support + '(viewport-segment-left ' + row + ' ' + col + ', -1px)', 'important');
+                  div.style.setProperty('margin-bottom', support + '(viewport-segment-bottom ' + row + ' ' + col + ', -1px)', 'important');
+                  div.style.setProperty('margin-right', support + '(viewport-segment-right ' + row + ' ' + col + ', -1px)', 'important');
+                  var computed = globalThis.getComputedStyle(div);
+                  var top_1 = globalThis.parseFloat(computed.marginTop);
+                  if (top_1 < 0)
+                      continue;
+                  var left = globalThis.parseFloat(computed.marginLeft);
+                  var bottom = globalThis.parseFloat(computed.marginBottom);
+                  var right = globalThis.parseFloat(computed.marginRight);
+                  var width = globalThis.parseFloat(computed.width);
+                  var height = globalThis.parseFloat(computed.height);
+                  results.push({
+                      width: width,
+                      height: height,
+                      top: top_1,
+                      left: left,
+                      bottom: bottom,
+                      right: right,
+                  });
+              }
+          }
+          return results;
+      }
+      function getValue() {
+          if (hasSegmentsAPI || hasLegacySegmentsAPI)
+              return readFromSegmentsAPI();
+          if (cachedDiv !== null)
+              return readFromCSSEnv(cachedDiv);
+          var div = buildDiv();
+          globalThis.document.body.appendChild(div);
+          var results = readFromCSSEnv(div);
+          globalThis.document.body.removeChild(div);
+          return results;
+      }
+      function useCssVariable(prefix) {
+          if (typeof globalThis.document === 'undefined')
+              return noop;
+          var attributes = keys(ENV_PRESETS['viewport-segment']);
+          var element = globalThis.document.documentElement;
+          var lastCount = 0;
+          function applySegments(segments) {
+              for (var i = segments.length; i < lastCount; i++) {
+                  for (var j = 0; j < attributes.length; j++) {
+                      element.style.removeProperty("--".concat(prefix, "-").concat(i, "-").concat(attributes[j]));
+                  }
+              }
+              lastCount = segments.length;
+              for (var i = 0; i < segments.length; i++) {
+                  var segment = segments[i];
+                  for (var j = 0; j < attributes.length; j++) {
+                      var attribute = attributes[j];
+                      element.style.setProperty("--".concat(prefix, "-").concat(i, "-").concat(attribute), segment[attribute] + 'px');
+                  }
+              }
+          }
+          applySegments(getValue());
+          var unsubscribe = onChangeSubscriptionManager.subscribe(function (segments) {
+              applySegments(segments);
+          });
+          return function () {
+              unsubscribe();
+              for (var i = 0; i < lastCount; i++)
+                  for (var j = 0; j < attributes.length; j++)
+                      element.style.removeProperty("--".concat(prefix, "-").concat(i, "-").concat(attributes[j]));
+              lastCount = 0;
+          };
+      }
+      return {
+          get value() {
+              return getValue();
+          },
+          onChange: onChangeSubscriptionManager.subscribe,
+          useCssVariable: useCssVariable,
+      };
+  }
   function createVirtualKeyboardObserver() {
       var onChangeSubscriptionManager = createSubscriptionManager(attachOnChange, detachOnChange);
+      var previousOverlaysContent = false;
       function attachOnChange() {
+          previousOverlaysContent = globalThis.navigator.virtualKeyboard.overlaysContent;
+          globalThis.navigator.virtualKeyboard.overlaysContent = true;
           EventListener.add(globalThis.navigator.virtualKeyboard, { type: 'geometrychange', callback: onGeometryChange, options: { passive: true } });
       }
       function detachOnChange() {
           EventListener.remove(globalThis.navigator.virtualKeyboard, { type: 'geometrychange', callback: onGeometryChange, options: { passive: true } });
+          globalThis.navigator.virtualKeyboard.overlaysContent = previousOverlaysContent;
       }
       function onGeometryChange() {
           onChangeSubscriptionManager.emit(getValue());
@@ -1447,16 +1733,16 @@
           var top = rect.y;
           var width = rect.width;
           var height = rect.height;
-          var right = (function () {
-              if (width === 0)
-                  return 0;
-              return Math.max(0, globalThis.innerWidth - (left + width));
-          })();
-          var bottom = (function () {
-              if (height === 0)
-                  return 0;
-              return Math.max(0, globalThis.innerHeight - (top + height));
-          })();
+          var right;
+          if (width === 0)
+              right = 0;
+          else
+              right = Math.max(0, globalThis.innerWidth - (left + width));
+          var bottom;
+          if (height === 0)
+              bottom = 0;
+          else
+              bottom = Math.max(0, globalThis.innerHeight - (top + height));
           return {
               top: top,
               right: right,
@@ -1466,17 +1752,43 @@
               height: height,
           };
       }
+      function useCssVariable(prefix) {
+          if (typeof globalThis.document === 'undefined')
+              return noop;
+          var attributes = keys(ENV_PRESETS['keyboard-inset']);
+          var element = globalThis.document.documentElement;
+          function applyValues(values) {
+              for (var i = 0; i < attributes.length; i++) {
+                  var attribute = attributes[i];
+                  element.style.setProperty("--".concat(prefix, "-").concat(attribute), values[attribute] + 'px');
+              }
+          }
+          applyValues(getValue());
+          var unsubscribe = onChangeSubscriptionManager.subscribe(function (values) {
+              applyValues(values);
+          });
+          return function () {
+              unsubscribe();
+              for (var i = 0; i < attributes.length; i++)
+                  element.style.removeProperty("--".concat(prefix, "-").concat(attributes[i]));
+          };
+      }
       return {
-          get: getValue,
+          get value() {
+              return getValue();
+          },
           onChange: onChangeSubscriptionManager.subscribe,
+          useCssVariable: useCssVariable,
       };
   }
-  function createEnvObserver(preset) {
+  function createEnvironmentObserver(preset) {
       if (preset === 'keyboard-inset' && typeof globalThis.navigator.virtualKeyboard !== 'undefined')
           return createVirtualKeyboardObserver();
-      var envMap = ENV_PRESETS[preset];
-      var attributes = keys(envMap);
-      var support = getSupportedEnv();
+      if (preset === 'viewport-segment')
+          return createViewportSegmentObserver();
+      var environmentMap = ENV_PRESETS[preset];
+      var attributes = keys(environmentMap);
+      var support = getSupportedEnvironment();
       var parentReadyCallbacks = [];
       var onChangeSubscriptionManager = createSubscriptionManager(attachOnChange, detachOnChange);
       var elementComputedStyle = {};
@@ -1493,15 +1805,6 @@
       function detachOnChange() {
           removeDetector();
       }
-      function getSupportedEnv() {
-          if (typeof globalThis.CSS !== 'undefined' && typeof globalThis.CSS.supports === 'function') {
-              if (globalThis.CSS.supports('x: env(x)'))
-                  return 'env';
-              if (globalThis.CSS.supports('x: constant(x)'))
-                  return 'constant';
-          }
-          return undefined;
-      }
       function isSameValues(a, b) {
           for (var i = 0; i < attributes.length; i++) {
               var key = attributes[i];
@@ -1541,7 +1844,7 @@
                   parentReadyCallbacks[i]();
       }
       function addChild(parent, attribute) {
-          var envVar = envMap[attribute];
+          var envVar = environmentMap[attribute];
           var p1 = globalThis.document.createElement('div');
           var p2 = globalThis.document.createElement('div');
           var c1 = globalThis.document.createElement('div');
@@ -1604,9 +1907,8 @@
       }
       function init() {
           if (typeof support === 'undefined') {
-              for (var i = 0; i < attributes.length; i++) {
+              for (var i = 0; i < attributes.length; i++)
                   elementComputedStyle[attributes[i]] = 0;
-              }
               return;
           }
           elementComputedStyle = {};
@@ -1650,8 +1952,28 @@
           }
           return result;
       }
+      function useCssVariable(prefix) {
+          if (typeof support === 'undefined' || typeof globalThis.document === 'undefined')
+              return noop;
+          var element = globalThis.document.documentElement;
+          function applyValues(values) {
+              for (var i = 0; i < attributes.length; i++) {
+                  var attribute = attributes[i];
+                  element.style.setProperty("--".concat(prefix, "-").concat(String(attribute)), values[attribute] + 'px');
+              }
+          }
+          var unsubscribe = onChangeSubscriptionManager.subscribe(function (values) {
+              applyValues(values);
+          });
+          applyValues(readValues());
+          return function () {
+              unsubscribe();
+              for (var i = 0; i < attributes.length; i++)
+                  element.style.removeProperty("--".concat(prefix, "-").concat(String(attributes[i])));
+          };
+      }
       return {
-          get: function () {
+          get value() {
               if (parentDiv !== null)
                   return readValues();
               init();
@@ -1664,15 +1986,16 @@
               if (typeof support === 'undefined')
                   return noop;
               return onChangeSubscriptionManager.subscribe(callback, options);
-          }
+          },
+          useCssVariable: useCssVariable
       };
   }
 
-  var safeAreaInsetObserver = createEnvObserver('safe-area-inset');
-  var safeAreaMaxInsetObserver = createEnvObserver('safe-area-max-inset');
-  var keyboardInsetObserver = createEnvObserver('keyboard-inset');
-  var titlebarAreaObserver = createEnvObserver('titlebar-area');
-  var viewportSegmentObserver = createEnvObserver('viewport-segment');
+  var safeAreaInsetObserver = createEnvironmentObserver('safe-area-inset');
+  var safeAreaMaxInsetObserver = createEnvironmentObserver('safe-area-max-inset');
+  var keyboardInsetObserver = createEnvironmentObserver('keyboard-inset');
+  var titlebarAreaObserver = createEnvironmentObserver('titlebar-area');
+  var viewportSegmentObserver = createEnvironmentObserver('viewport-segment');
   var onChangeSubscriptionManager$4 = createSubscriptionManager(attachOnChange$4, detachOnChange$4);
   var dimensionRef = null;
   var Dimension = {
@@ -1707,9 +2030,9 @@
                   return Orientation.Landscape;
           }
       }
-      if (MEDIA_QUERY_LIST.media === 'not all')
+      if (ORIENTATION_MEDIA_QUERY_LIST.media === 'not all')
           return Orientation.Unknown;
-      else if (MEDIA_QUERY_LIST.matches)
+      else if (ORIENTATION_MEDIA_QUERY_LIST.matches)
           return Orientation.Portrait;
       else
           return Orientation.Landscape;
@@ -1721,50 +2044,29 @@
   }
   function getEnvironment() {
       return {
-          safeAreaInset: {
-              get value() {
-                  return safeAreaInsetObserver.get();
-              },
-              onChange: safeAreaInsetObserver.onChange,
-          },
-          safeAreaMaxInset: {
-              get value() {
-                  return safeAreaMaxInsetObserver.get();
-              },
-              onChange: safeAreaMaxInsetObserver.onChange,
-          },
-          keyboardInset: {
-              get value() {
-                  return keyboardInsetObserver.get();
-              },
-              onChange: keyboardInsetObserver.onChange,
-          },
-          titlebarArea: {
-              get value() {
-                  return titlebarAreaObserver.get();
-              },
-              onChange: titlebarAreaObserver.onChange,
-          },
-          viewportSegment: {
-              get value() {
-                  return viewportSegmentObserver.get();
-              },
-              onChange: viewportSegmentObserver.onChange,
-          },
+          safeAreaInset: safeAreaInsetObserver,
+          safeAreaMaxInset: safeAreaMaxInsetObserver,
+          keyboardInset: keyboardInsetObserver,
+          titlebarArea: titlebarAreaObserver,
+          viewportSegment: viewportSegmentObserver,
       };
   }
   function getDimension() {
+      var dimensions = {
+          innerWidth: 0,
+          innerHeight: 0,
+          outerWidth: 0,
+          outerHeight: 0,
+          scale: getScale(),
+          orientation: getOrientation(),
+      };
       if (typeof globalThis.innerWidth !== 'undefined') {
-          return {
-              innerWidth: globalThis.innerWidth,
-              innerHeight: globalThis.innerHeight,
-              outerWidth: globalThis.outerWidth,
-              outerHeight: globalThis.outerHeight,
-              scale: getScale(),
-              orientation: getOrientation(),
-          };
+          dimensions.innerWidth = globalThis.innerWidth;
+          dimensions.innerHeight = globalThis.innerHeight;
+          dimensions.outerWidth = globalThis.outerWidth;
+          dimensions.outerHeight = globalThis.outerHeight;
       }
-      return FALLBACK_DIMENSION;
+      return dimensions;
   }
   function attachOnChange$4() {
       dimensionRef = getDimension();
@@ -1773,8 +2075,8 @@
           EventListener.add(globalThis.screen.orientation, { type: 'change', callback: onResize });
       else if (typeof globalThis.orientation !== 'undefined')
           EventListener.add(globalThis, { type: 'orientationChange', callback: onResize });
-      else if (MEDIA_QUERY_LIST.media !== 'not all')
-          EventListener.add(MEDIA_QUERY_LIST, { type: 'change', callback: onResize });
+      else if (ORIENTATION_MEDIA_QUERY_LIST.media !== 'not all')
+          EventListener.add(ORIENTATION_MEDIA_QUERY_LIST, { type: 'change', callback: onResize });
   }
   function detachOnChange$4() {
       dimensionRef = null;
@@ -1783,8 +2085,8 @@
           EventListener.remove(globalThis.screen.orientation, { type: 'change', callback: onResize });
       else if (typeof globalThis.orientation !== 'undefined')
           EventListener.remove(globalThis, { type: 'orientationChange', callback: onResize });
-      else if (MEDIA_QUERY_LIST.media !== 'not all')
-          EventListener.remove(MEDIA_QUERY_LIST, { type: 'change', callback: onResize });
+      else if (ORIENTATION_MEDIA_QUERY_LIST.media !== 'not all')
+          EventListener.remove(ORIENTATION_MEDIA_QUERY_LIST, { type: 'change', callback: onResize });
   }
   function onResize() {
       var dimension = getDimension();
@@ -2718,7 +3020,7 @@
   }
 
   function dispatchClickEvent(element, view) {
-      if (view === void 0) { view = window; }
+      if (view === void 0) { view = globalThis; }
       var fake;
       try {
           fake = new MouseEvent('click', {