38362-vm/wp-includes/js/dist/viewport.js

/******/ (() => { // webpackBootstrap
/******/ 	"use strict";
/******/ 	// The require scope
/******/ 	var __webpack_require__ = {};
/******/ 	
/************************************************************************/
/******/ 	/* webpack/runtime/define property getters */
/******/ 	(() => {
/******/ 		// define getter functions for harmony exports
/******/ 		__webpack_require__.d = (exports, definition) => {
/******/ 			for(var key in definition) {
/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ 				}
/******/ 			}
/******/ 		};
/******/ 	})();
/******/ 	
/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
/******/ 	(() => {
/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
/******/ 	})();
/******/ 	
/******/ 	/* webpack/runtime/make namespace object */
/******/ 	(() => {
/******/ 		// define __esModule on exports
/******/ 		__webpack_require__.r = (exports) => {
/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ 			}
/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
/******/ 		};
/******/ 	})();
/******/ 	
/************************************************************************/
var __webpack_exports__ = {};
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// EXPORTS
__webpack_require__.d(__webpack_exports__, {
  ifViewportMatches: () => (/* reexport */ if_viewport_matches_default),
  store: () => (/* reexport */ store),
  withViewportMatch: () => (/* reexport */ with_viewport_match_default)
});

// NAMESPACE OBJECT: ./node_modules/@wordpress/viewport/build-module/store/actions.js
var actions_namespaceObject = {};
__webpack_require__.r(actions_namespaceObject);
__webpack_require__.d(actions_namespaceObject, {
  setIsMatching: () => (setIsMatching)
});

// NAMESPACE OBJECT: ./node_modules/@wordpress/viewport/build-module/store/selectors.js
var selectors_namespaceObject = {};
__webpack_require__.r(selectors_namespaceObject);
__webpack_require__.d(selectors_namespaceObject, {
  isViewportMatch: () => (isViewportMatch)
});

;// external ["wp","compose"]
const external_wp_compose_namespaceObject = window["wp"]["compose"];
;// external ["wp","data"]
const external_wp_data_namespaceObject = window["wp"]["data"];
;// ./node_modules/@wordpress/viewport/build-module/store/reducer.js
function reducer(state = {}, action) {
  switch (action.type) {
    case "SET_IS_MATCHING":
      return action.values;
  }
  return state;
}
var reducer_default = reducer;


;// ./node_modules/@wordpress/viewport/build-module/store/actions.js
function setIsMatching(values) {
  return {
    type: "SET_IS_MATCHING",
    values
  };
}


;// ./node_modules/@wordpress/viewport/build-module/store/selectors.js
function isViewportMatch(state, query) {
  if (query.indexOf(" ") === -1) {
    query = ">= " + query;
  }
  return !!state[query];
}


;// ./node_modules/@wordpress/viewport/build-module/store/index.js




const STORE_NAME = "core/viewport";
const store = (0,external_wp_data_namespaceObject.createReduxStore)(STORE_NAME, {
  reducer: reducer_default,
  actions: actions_namespaceObject,
  selectors: selectors_namespaceObject
});
(0,external_wp_data_namespaceObject.register)(store);


;// ./node_modules/@wordpress/viewport/build-module/listener.js



const addDimensionsEventListener = (breakpoints, operators) => {
  const setIsMatching = (0,external_wp_compose_namespaceObject.debounce)(
    () => {
      const values = Object.fromEntries(
        queries.map(([key, query]) => [key, query.matches])
      );
      (0,external_wp_data_namespaceObject.dispatch)(store).setIsMatching(values);
    },
    0,
    { leading: true }
  );
  const operatorEntries = Object.entries(operators);
  const queries = Object.entries(breakpoints).flatMap(
    ([name, width]) => {
      return operatorEntries.map(([operator, condition]) => {
        const list = window.matchMedia(
          `(${condition}: ${width}px)`
        );
        list.addEventListener("change", setIsMatching);
        return [`${operator} ${name}`, list];
      });
    }
  );
  window.addEventListener("orientationchange", setIsMatching);
  setIsMatching();
  setIsMatching.flush();
};
var listener_default = addDimensionsEventListener;


;// external "ReactJSXRuntime"
const external_ReactJSXRuntime_namespaceObject = window["ReactJSXRuntime"];
;// ./node_modules/@wordpress/viewport/build-module/with-viewport-match.js


const withViewportMatch = (queries) => {
  const queryEntries = Object.entries(queries);
  const useViewPortQueriesResult = () => Object.fromEntries(
    queryEntries.map(([key, query]) => {
      let [operator, breakpointName] = query.split(" ");
      if (breakpointName === void 0) {
        breakpointName = operator;
        operator = ">=";
      }
      return [key, (0,external_wp_compose_namespaceObject.useViewportMatch)(breakpointName, operator)];
    })
  );
  return (0,external_wp_compose_namespaceObject.createHigherOrderComponent)((WrappedComponent) => {
    return (0,external_wp_compose_namespaceObject.pure)((props) => {
      const queriesResult = useViewPortQueriesResult();
      return /* @__PURE__ */ (0,external_ReactJSXRuntime_namespaceObject.jsx)(WrappedComponent, { ...props, ...queriesResult });
    });
  }, "withViewportMatch");
};
var with_viewport_match_default = withViewportMatch;


;// ./node_modules/@wordpress/viewport/build-module/if-viewport-matches.js


const ifViewportMatches = (query) => (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(
  (0,external_wp_compose_namespaceObject.compose)([
    with_viewport_match_default({
      isViewportMatch: query
    }),
    (0,external_wp_compose_namespaceObject.ifCondition)((props) => props.isViewportMatch)
  ]),
  "ifViewportMatches"
);
var if_viewport_matches_default = ifViewportMatches;


;// ./node_modules/@wordpress/viewport/build-module/index.js




const BREAKPOINTS = {
  huge: 1440,
  wide: 1280,
  large: 960,
  medium: 782,
  small: 600,
  mobile: 480
};
const OPERATORS = {
  "<": "max-width",
  ">=": "min-width"
};
listener_default(BREAKPOINTS, OPERATORS);


(window.wp = window.wp || {}).viewport = __webpack_exports__;
/******/ })()
;