@next-core/brick-kit 2.115.0 → 2.115.1

package/dist/index.esm.js

@@ -2187,28 +2187,28 @@ function getCustomTemplateContext(tplContextId) {
   return tplContextMap.get(tplContextId);
 }
 
-var MediaSize;
+var MediaBreakpoint;
 
-(function (MediaSize) {
-  MediaSize["xLarge"] = "xLarge";
-  MediaSize["large"] = "large";
-  MediaSize["medium"] = "medium";
-  MediaSize["small"] = "small";
-  MediaSize["xSmall"] = "xSmall";
-})(MediaSize || (MediaSize = {}));
+(function (MediaBreakpoint) {
+  MediaBreakpoint["xLarge"] = "xLarge";
+  MediaBreakpoint["large"] = "large";
+  MediaBreakpoint["medium"] = "medium";
+  MediaBreakpoint["small"] = "small";
+  MediaBreakpoint["xSmall"] = "xSmall";
+})(MediaBreakpoint || (MediaBreakpoint = {}));
 
-var mediaSizeBreakpointMap = new Map([[MediaSize.xLarge, "1920px"], [MediaSize.large, "1600px"], [MediaSize.medium, "1280px"], [MediaSize.small, "1024px"], [MediaSize.xSmall, 0]]);
+var mediaBreakpointMinWidthMap = new Map([[MediaBreakpoint.xLarge, "1920px"], [MediaBreakpoint.large, "1600px"], [MediaBreakpoint.medium, "1280px"], [MediaBreakpoint.small, "1024px"], [MediaBreakpoint.xSmall, 0]]);
 var mediaEventTarget = new EventTarget$1();
-var sizeMatchesMap = {};
+var breakpointMatchesMap = {};
 var MEDIA = {};
 
-function handleMatchesChange(data, size) {
+function handleMatchesChange(data, breakpoint) {
   var changed = false;
-  sizeMatchesMap[size] = data.matches;
+  breakpointMatchesMap[breakpoint] = data.matches;
 
-  for (var [_size] of mediaSizeBreakpointMap) {
-    if (sizeMatchesMap[_size] && MEDIA.size !== _size) {
-      MEDIA.size = _size;
+  for (var [_breakpoint] of mediaBreakpointMinWidthMap) {
+    if (breakpointMatchesMap[_breakpoint] && MEDIA.breakpoint !== _breakpoint) {
+      MEDIA.breakpoint = _breakpoint;
       changed = true;
       break;
     }
@@ -2221,17 +2221,17 @@ function handleMatchesChange(data, size) {
   }
 }
 
-mediaSizeBreakpointMap.forEach((breakpoint, size) => {
-  var mediaQueryList = window.matchMedia("(min-width: ".concat(breakpoint, ")"));
-  handleMatchesChange(mediaQueryList, size);
+mediaBreakpointMinWidthMap.forEach((minWidth, breakpoint) => {
+  var mediaQueryList = window.matchMedia("(min-width: ".concat(minWidth, ")"));
+  handleMatchesChange(mediaQueryList, breakpoint);
 
   if (mediaQueryList.addEventListener) {
     mediaQueryList.addEventListener("change", event => {
-      handleMatchesChange(event, size);
+      handleMatchesChange(event, breakpoint);
     });
   } else {
     mediaQueryList.addListener(event => {
-      handleMatchesChange(event, size);
+      handleMatchesChange(event, breakpoint);
     });
   }
 });