[Summary view] [Print] [Text view]

   1  var wp;
   2  (wp ||= {}).viewport = (() => {
   3    var __create = Object.create;
   4    var __defProp = Object.defineProperty;
   5    var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
   6    var __getOwnPropNames = Object.getOwnPropertyNames;
   7    var __getProtoOf = Object.getPrototypeOf;
   8    var __hasOwnProp = Object.prototype.hasOwnProperty;
   9    var __commonJS = (cb, mod) => function __require() {
  10      return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
  11    };
  12    var __export = (target, all) => {
  13      for (var name in all)
  14        __defProp(target, name, { get: all[name], enumerable: true });
  15    };
  16    var __copyProps = (to, from, except, desc) => {
  17      if (from && typeof from === "object" || typeof from === "function") {
  18        for (let key of __getOwnPropNames(from))
  19          if (!__hasOwnProp.call(to, key) && key !== except)
  20            __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
  21      }
  22      return to;
  23    };
  24    var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
  25      // If the importer is in node compatibility mode or this is not an ESM
  26      // file that has been converted to a CommonJS file using a Babel-
  27      // compatible transform (i.e. "__esModule" has not been set), then set
  28      // "default" to the CommonJS "module.exports" for node compatibility.
  29      isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
  30      mod
  31    ));
  32    var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
  33  
  34    // package-external:@wordpress/compose
  35    var require_compose = __commonJS({
  36      "package-external:@wordpress/compose"(exports, module) {
  37        module.exports = window.wp.compose;
  38      }
  39    });
  40  
  41    // package-external:@wordpress/data
  42    var require_data = __commonJS({
  43      "package-external:@wordpress/data"(exports, module) {
  44        module.exports = window.wp.data;
  45      }
  46    });
  47  
  48    // vendor-external:react/jsx-runtime
  49    var require_jsx_runtime = __commonJS({
  50      "vendor-external:react/jsx-runtime"(exports, module) {
  51        module.exports = window.ReactJSXRuntime;
  52      }
  53    });
  54  
  55    // packages/viewport/build-module/index.js
  56    var index_exports = {};
  57    __export(index_exports, {
  58      ifViewportMatches: () => if_viewport_matches_default,
  59      store: () => store,
  60      withViewportMatch: () => with_viewport_match_default
  61    });
  62  
  63    // packages/viewport/build-module/listener.js
  64    var import_compose = __toESM(require_compose());
  65    var import_data2 = __toESM(require_data());
  66  
  67    // packages/viewport/build-module/store/index.js
  68    var import_data = __toESM(require_data());
  69  
  70    // packages/viewport/build-module/store/reducer.js
  71    function reducer(state = {}, action) {
  72      switch (action.type) {
  73        case "SET_IS_MATCHING":
  74          return action.values;
  75      }
  76      return state;
  77    }
  78    var reducer_default = reducer;
  79  
  80    // packages/viewport/build-module/store/actions.js
  81    var actions_exports = {};
  82    __export(actions_exports, {
  83      setIsMatching: () => setIsMatching
  84    });
  85    function setIsMatching(values) {
  86      return {
  87        type: "SET_IS_MATCHING",
  88        values
  89      };
  90    }
  91  
  92    // packages/viewport/build-module/store/selectors.js
  93    var selectors_exports = {};
  94    __export(selectors_exports, {
  95      isViewportMatch: () => isViewportMatch
  96    });
  97    function isViewportMatch(state, query) {
  98      if (query.indexOf(" ") === -1) {
  99        query = ">= " + query;
 100      }
 101      return !!state[query];
 102    }
 103  
 104    // packages/viewport/build-module/store/index.js
 105    var STORE_NAME = "core/viewport";
 106    var store = (0, import_data.createReduxStore)(STORE_NAME, {
 107      reducer: reducer_default,
 108      actions: actions_exports,
 109      selectors: selectors_exports
 110    });
 111    (0, import_data.register)(store);
 112  
 113    // packages/viewport/build-module/listener.js
 114    var addDimensionsEventListener = (breakpoints, operators) => {
 115      const setIsMatching2 = (0, import_compose.debounce)(
 116        () => {
 117          const values = Object.fromEntries(
 118            queries.map(([key, query]) => [key, query.matches])
 119          );
 120          (0, import_data2.dispatch)(store).setIsMatching(values);
 121        },
 122        0,
 123        { leading: true }
 124      );
 125      const operatorEntries = Object.entries(operators);
 126      const queries = Object.entries(breakpoints).flatMap(
 127        ([name, width]) => {
 128          return operatorEntries.map(([operator, condition]) => {
 129            const list = window.matchMedia(
 130              `($condition}: $width}px)`
 131            );
 132            list.addEventListener("change", setIsMatching2);
 133            return [`$operator} $name}`, list];
 134          });
 135        }
 136      );
 137      window.addEventListener("orientationchange", setIsMatching2);
 138      setIsMatching2();
 139      setIsMatching2.flush();
 140    };
 141    var listener_default = addDimensionsEventListener;
 142  
 143    // packages/viewport/build-module/if-viewport-matches.js
 144    var import_compose3 = __toESM(require_compose());
 145  
 146    // packages/viewport/build-module/with-viewport-match.js
 147    var import_compose2 = __toESM(require_compose());
 148    var import_jsx_runtime = __toESM(require_jsx_runtime());
 149    var withViewportMatch = (queries) => {
 150      const queryEntries = Object.entries(queries);
 151      const useViewPortQueriesResult = () => Object.fromEntries(
 152        queryEntries.map(([key, query]) => {
 153          let [operator, breakpointName] = query.split(" ");
 154          if (breakpointName === void 0) {
 155            breakpointName = operator;
 156            operator = ">=";
 157          }
 158          return [key, (0, import_compose2.useViewportMatch)(breakpointName, operator)];
 159        })
 160      );
 161      return (0, import_compose2.createHigherOrderComponent)((WrappedComponent) => {
 162        return (0, import_compose2.pure)((props) => {
 163          const queriesResult = useViewPortQueriesResult();
 164          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WrappedComponent, { ...props, ...queriesResult });
 165        });
 166      }, "withViewportMatch");
 167    };
 168    var with_viewport_match_default = withViewportMatch;
 169  
 170    // packages/viewport/build-module/if-viewport-matches.js
 171    var ifViewportMatches = (query) => (0, import_compose3.createHigherOrderComponent)(
 172      (0, import_compose3.compose)([
 173        with_viewport_match_default({
 174          isViewportMatch: query
 175        }),
 176        (0, import_compose3.ifCondition)((props) => props.isViewportMatch)
 177      ]),
 178      "ifViewportMatches"
 179    );
 180    var if_viewport_matches_default = ifViewportMatches;
 181  
 182    // packages/viewport/build-module/index.js
 183    var BREAKPOINTS = {
 184      huge: 1440,
 185      wide: 1280,
 186      large: 960,
 187      medium: 782,
 188      small: 600,
 189      mobile: 480
 190    };
 191    var OPERATORS = {
 192      "<": "max-width",
 193      ">=": "min-width"
 194    };
 195    listener_default(BREAKPOINTS, OPERATORS);
 196    return __toCommonJS(index_exports);
 197  })();