/******/ (() => { // webpackBootstrap

[0] Fix | Delete

/******/ "use strict";

[1] Fix | Delete

/******/ // The require scope

[2] Fix | Delete

/******/ var __webpack_require__ = {};

[3] Fix | Delete

/******/

[4] Fix | Delete

/************************************************************************/

[5] Fix | Delete

/******/ /* webpack/runtime/define property getters */

[6] Fix | Delete

/******/ (() => {

[7] Fix | Delete

/******/ // define getter functions for harmony exports

[8] Fix | Delete

/******/ __webpack_require__.d = (exports, definition) => {

[9] Fix | Delete

/******/ for(var key in definition) {

[10] Fix | Delete

/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {

[11] Fix | Delete

/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });

[12] Fix | Delete

/******/ }

[13] Fix | Delete

/******/ }

[14] Fix | Delete

/******/ };

[15] Fix | Delete

/******/ })();

[16] Fix | Delete

/******/

[17] Fix | Delete

/******/ /* webpack/runtime/hasOwnProperty shorthand */

[18] Fix | Delete

/******/ (() => {

[19] Fix | Delete

/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))

[20] Fix | Delete

/******/ })();

[21] Fix | Delete

/******/

[22] Fix | Delete

/******/ /* webpack/runtime/make namespace object */

[23] Fix | Delete

/******/ (() => {

[24] Fix | Delete

/******/ // define __esModule on exports

[25] Fix | Delete

/******/ __webpack_require__.r = (exports) => {

[26] Fix | Delete

/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {

[27] Fix | Delete

/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

[28] Fix | Delete

/******/ }

[29] Fix | Delete

/******/ Object.defineProperty(exports, '__esModule', { value: true });

[30] Fix | Delete

/******/ };

[31] Fix | Delete

/******/ })();

[32] Fix | Delete

/******/

[33] Fix | Delete

/************************************************************************/

[34] Fix | Delete

var __webpack_exports__ = {};

[35] Fix | Delete

// ESM COMPAT FLAG

[36] Fix | Delete

__webpack_require__.r(__webpack_exports__);

[37] Fix | Delete

[38] Fix | Delete

// EXPORTS

[39] Fix | Delete

__webpack_require__.d(__webpack_exports__, {

[40] Fix | Delete

ifViewportMatches: () => (/* reexport */ if_viewport_matches),

[41] Fix | Delete

store: () => (/* reexport */ store),

[42] Fix | Delete

withViewportMatch: () => (/* reexport */ with_viewport_match)

[43] Fix | Delete

});

[44] Fix | Delete

[45] Fix | Delete

// NAMESPACE OBJECT: ./node_modules/@wordpress/viewport/build-module/store/actions.js

[46] Fix | Delete

var actions_namespaceObject = {};

[47] Fix | Delete

__webpack_require__.r(actions_namespaceObject);

[48] Fix | Delete

__webpack_require__.d(actions_namespaceObject, {

[49] Fix | Delete

setIsMatching: () => (setIsMatching)

[50] Fix | Delete

});

[51] Fix | Delete

[52] Fix | Delete

// NAMESPACE OBJECT: ./node_modules/@wordpress/viewport/build-module/store/selectors.js

[53] Fix | Delete

var selectors_namespaceObject = {};

[54] Fix | Delete

__webpack_require__.r(selectors_namespaceObject);

[55] Fix | Delete

__webpack_require__.d(selectors_namespaceObject, {

[56] Fix | Delete

isViewportMatch: () => (isViewportMatch)

[57] Fix | Delete

});

[58] Fix | Delete

[59] Fix | Delete

;// CONCATENATED MODULE: external ["wp","compose"]

[60] Fix | Delete

const external_wp_compose_namespaceObject = window["wp"]["compose"];

[61] Fix | Delete

;// CONCATENATED MODULE: external ["wp","data"]

[62] Fix | Delete

const external_wp_data_namespaceObject = window["wp"]["data"];

[63] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/viewport/build-module/store/reducer.js

[64] Fix | Delete

/**

[65] Fix | Delete

* Reducer returning the viewport state, as keys of breakpoint queries with

[66] Fix | Delete

* boolean value representing whether query is matched.

[67] Fix | Delete

*

[68] Fix | Delete

* @param {Object} state Current state.

[69] Fix | Delete

* @param {Object} action Dispatched action.

[70] Fix | Delete

*

[71] Fix | Delete

* @return {Object} Updated state.

[72] Fix | Delete

*/

[73] Fix | Delete

function reducer(state = {}, action) {

[74] Fix | Delete

switch (action.type) {

[75] Fix | Delete

case 'SET_IS_MATCHING':

[76] Fix | Delete

return action.values;

[77] Fix | Delete

}

[78] Fix | Delete

return state;

[79] Fix | Delete

}

[80] Fix | Delete

/* harmony default export */ const store_reducer = (reducer);

[81] Fix | Delete

[82] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/viewport/build-module/store/actions.js

[83] Fix | Delete

/**

[84] Fix | Delete

* Returns an action object used in signalling that viewport queries have been

[85] Fix | Delete

* updated. Values are specified as an object of breakpoint query keys where

[86] Fix | Delete

* value represents whether query matches.

[87] Fix | Delete

* Ignored from documentation as it is for internal use only.

[88] Fix | Delete

*

[89] Fix | Delete

* @ignore

[90] Fix | Delete

*

[91] Fix | Delete

* @param {Object} values Breakpoint query matches.

[92] Fix | Delete

*

[93] Fix | Delete

* @return {Object} Action object.

[94] Fix | Delete

*/

[95] Fix | Delete

function setIsMatching(values) {

[96] Fix | Delete

return {

[97] Fix | Delete

type: 'SET_IS_MATCHING',

[98] Fix | Delete

values

[99] Fix | Delete

};

[100] Fix | Delete

}

[101] Fix | Delete

[102] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/viewport/build-module/store/selectors.js

[103] Fix | Delete

/**

[104] Fix | Delete

* Returns true if the viewport matches the given query, or false otherwise.

[105] Fix | Delete

*

[106] Fix | Delete

* @param {Object} state Viewport state object.

[107] Fix | Delete

* @param {string} query Query string. Includes operator and breakpoint name,

[108] Fix | Delete

* space separated. Operator defaults to >=.

[109] Fix | Delete

*

[110] Fix | Delete

* @example

[111] Fix | Delete

*

[112] Fix | Delete

* ```js

[113] Fix | Delete

* import { store as viewportStore } from '@wordpress/viewport';

[114] Fix | Delete

* import { useSelect } from '@wordpress/data';

[115] Fix | Delete

* import { __ } from '@wordpress/i18n';

[116] Fix | Delete

* const ExampleComponent = () => {

[117] Fix | Delete

* const isMobile = useSelect(

[118] Fix | Delete

* ( select ) => select( viewportStore ).isViewportMatch( '< small' ),

[119] Fix | Delete

* []

[120] Fix | Delete

* );

[121] Fix | Delete

*

[122] Fix | Delete

* return isMobile ? (

[123] Fix | Delete

* <div>{ __( 'Mobile' ) }</div>

[124] Fix | Delete

* ) : (

[125] Fix | Delete

* <div>{ __( 'Not Mobile' ) }</div>

[126] Fix | Delete

* );

[127] Fix | Delete

* };

[128] Fix | Delete

* ```

[129] Fix | Delete

*

[130] Fix | Delete

* @return {boolean} Whether viewport matches query.

[131] Fix | Delete

*/

[132] Fix | Delete

function isViewportMatch(state, query) {

[133] Fix | Delete

// Default to `>=` if no operator is present.

[134] Fix | Delete

if (query.indexOf(' ') === -1) {

[135] Fix | Delete

query = '>= ' + query;

[136] Fix | Delete

}

[137] Fix | Delete

return !!state[query];

[138] Fix | Delete

}

[139] Fix | Delete

[140] Fix | Delete

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

[141] Fix | Delete

/**

[142] Fix | Delete

* WordPress dependencies

[143] Fix | Delete

*/

[144] Fix | Delete

[145] Fix | Delete

[146] Fix | Delete

/**

[147] Fix | Delete

* Internal dependencies

[148] Fix | Delete

*/

[149] Fix | Delete

[150] Fix | Delete

[151] Fix | Delete

[152] Fix | Delete

const STORE_NAME = 'core/viewport';

[153] Fix | Delete

[154] Fix | Delete

/**

[155] Fix | Delete

* Store definition for the viewport namespace.

[156] Fix | Delete

*

[157] Fix | Delete

* @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/data/README.md#createReduxStore

[158] Fix | Delete

*

[159] Fix | Delete

* @type {Object}

[160] Fix | Delete

*/

[161] Fix | Delete

const store = (0,external_wp_data_namespaceObject.createReduxStore)(STORE_NAME, {

[162] Fix | Delete

reducer: store_reducer,

[163] Fix | Delete

actions: actions_namespaceObject,

[164] Fix | Delete

selectors: selectors_namespaceObject

[165] Fix | Delete

});

[166] Fix | Delete

(0,external_wp_data_namespaceObject.register)(store);

[167] Fix | Delete

[168] Fix | Delete

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

[169] Fix | Delete

/**

[170] Fix | Delete

* WordPress dependencies

[171] Fix | Delete

*/

[172] Fix | Delete

[173] Fix | Delete

[174] Fix | Delete

[175] Fix | Delete

/**

[176] Fix | Delete

* Internal dependencies

[177] Fix | Delete

*/

[178] Fix | Delete

[179] Fix | Delete

const addDimensionsEventListener = (breakpoints, operators) => {

[180] Fix | Delete

/**

[181] Fix | Delete

* Callback invoked when media query state should be updated. Is invoked a

[182] Fix | Delete

* maximum of one time per call stack.

[183] Fix | Delete

*/

[184] Fix | Delete

const setIsMatching = (0,external_wp_compose_namespaceObject.debounce)(() => {

[185] Fix | Delete

const values = Object.fromEntries(queries.map(([key, query]) => [key, query.matches]));

[186] Fix | Delete

(0,external_wp_data_namespaceObject.dispatch)(store).setIsMatching(values);

[187] Fix | Delete

}, 0, {

[188] Fix | Delete

leading: true

[189] Fix | Delete

});

[190] Fix | Delete

[191] Fix | Delete

/**

[192] Fix | Delete

* Hash of breakpoint names with generated MediaQueryList for corresponding

[193] Fix | Delete

* media query.

[194] Fix | Delete

*

[195] Fix | Delete

* @see https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia

[196] Fix | Delete

* @see https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList

[197] Fix | Delete

*

[198] Fix | Delete

* @type {Object<string,MediaQueryList>}

[199] Fix | Delete

*/

[200] Fix | Delete

const operatorEntries = Object.entries(operators);

[201] Fix | Delete

const queries = Object.entries(breakpoints).flatMap(([name, width]) => {

[202] Fix | Delete

return operatorEntries.map(([operator, condition]) => {

[203] Fix | Delete

const list = window.matchMedia(`(${condition}: ${width}px)`);

[204] Fix | Delete

list.addEventListener('change', setIsMatching);

[205] Fix | Delete

return [`${operator} ${name}`, list];

[206] Fix | Delete

});

[207] Fix | Delete

});

[208] Fix | Delete

window.addEventListener('orientationchange', setIsMatching);

[209] Fix | Delete

[210] Fix | Delete

// Set initial values.

[211] Fix | Delete

setIsMatching();

[212] Fix | Delete

setIsMatching.flush();

[213] Fix | Delete

};

[214] Fix | Delete

/* harmony default export */ const listener = (addDimensionsEventListener);

[215] Fix | Delete

[216] Fix | Delete

;// CONCATENATED MODULE: external "ReactJSXRuntime"

[217] Fix | Delete

const external_ReactJSXRuntime_namespaceObject = window["ReactJSXRuntime"];

[218] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/viewport/build-module/with-viewport-match.js

[219] Fix | Delete

/**

[220] Fix | Delete

* WordPress dependencies

[221] Fix | Delete

*/

[222] Fix | Delete

[223] Fix | Delete

[224] Fix | Delete

/**

[225] Fix | Delete

* Higher-order component creator, creating a new component which renders with

[226] Fix | Delete

* the given prop names, where the value passed to the underlying component is

[227] Fix | Delete

* the result of the query assigned as the object's value.

[228] Fix | Delete

*

[229] Fix | Delete

* @see isViewportMatch

[230] Fix | Delete

*

[231] Fix | Delete

* @param {Object} queries Object of prop name to viewport query.

[232] Fix | Delete

*

[233] Fix | Delete

* @example

[234] Fix | Delete

*

[235] Fix | Delete

* ```jsx

[236] Fix | Delete

* function MyComponent( { isMobile } ) {

[237] Fix | Delete

* return (

[238] Fix | Delete

* <div>Currently: { isMobile ? 'Mobile' : 'Not Mobile' }</div>

[239] Fix | Delete

* );

[240] Fix | Delete

* }

[241] Fix | Delete

*

[242] Fix | Delete

* MyComponent = withViewportMatch( { isMobile: '< small' } )( MyComponent );

[243] Fix | Delete

* ```

[244] Fix | Delete

*

[245] Fix | Delete

* @return {Function} Higher-order component.

[246] Fix | Delete

*/

[247] Fix | Delete

[248] Fix | Delete

const withViewportMatch = queries => {

[249] Fix | Delete

const queryEntries = Object.entries(queries);

[250] Fix | Delete

const useViewPortQueriesResult = () => Object.fromEntries(queryEntries.map(([key, query]) => {

[251] Fix | Delete

let [operator, breakpointName] = query.split(' ');

[252] Fix | Delete

if (breakpointName === undefined) {

[253] Fix | Delete

breakpointName = operator;

[254] Fix | Delete

operator = '>=';

[255] Fix | Delete

}

[256] Fix | Delete

// Hooks should unconditionally execute in the same order,

[257] Fix | Delete

// we are respecting that as from the static query of the HOC we generate

[258] Fix | Delete

// a hook that calls other hooks always in the same order (because the query never changes).

[259] Fix | Delete

// eslint-disable-next-line react-hooks/rules-of-hooks

[260] Fix | Delete

return [key, (0,external_wp_compose_namespaceObject.useViewportMatch)(breakpointName, operator)];

[261] Fix | Delete

}));

[262] Fix | Delete

return (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(WrappedComponent => {

[263] Fix | Delete

return (0,external_wp_compose_namespaceObject.pure)(props => {

[264] Fix | Delete

const queriesResult = useViewPortQueriesResult();

[265] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(WrappedComponent, {

[266] Fix | Delete

...props,

[267] Fix | Delete

...queriesResult

[268] Fix | Delete

});

[269] Fix | Delete

});

[270] Fix | Delete

}, 'withViewportMatch');

[271] Fix | Delete

};

[272] Fix | Delete

/* harmony default export */ const with_viewport_match = (withViewportMatch);

[273] Fix | Delete

[274] Fix | Delete

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

[275] Fix | Delete

/**

[276] Fix | Delete

* WordPress dependencies

[277] Fix | Delete

*/

[278] Fix | Delete

[279] Fix | Delete

[280] Fix | Delete

/**

[281] Fix | Delete

* Internal dependencies

[282] Fix | Delete

*/

[283] Fix | Delete

[284] Fix | Delete

[285] Fix | Delete

/**

[286] Fix | Delete

* Higher-order component creator, creating a new component which renders if

[287] Fix | Delete

* the viewport query is satisfied.

[288] Fix | Delete

*

[289] Fix | Delete

* @see withViewportMatches

[290] Fix | Delete

*

[291] Fix | Delete

* @param {string} query Viewport query.

[292] Fix | Delete

*

[293] Fix | Delete

* @example

[294] Fix | Delete

*

[295] Fix | Delete

* ```jsx

[296] Fix | Delete

* function MyMobileComponent() {

[297] Fix | Delete

* return <div>I'm only rendered on mobile viewports!</div>;

[298] Fix | Delete

* }

[299] Fix | Delete

*

[300] Fix | Delete

* MyMobileComponent = ifViewportMatches( '< small' )( MyMobileComponent );

[301] Fix | Delete

* ```

[302] Fix | Delete

*

[303] Fix | Delete

* @return {Function} Higher-order component.

[304] Fix | Delete

*/

[305] Fix | Delete

const ifViewportMatches = query => (0,external_wp_compose_namespaceObject.createHigherOrderComponent)((0,external_wp_compose_namespaceObject.compose)([with_viewport_match({

[306] Fix | Delete

isViewportMatch: query

[307] Fix | Delete

}), (0,external_wp_compose_namespaceObject.ifCondition)(props => props.isViewportMatch)]), 'ifViewportMatches');

[308] Fix | Delete

/* harmony default export */ const if_viewport_matches = (ifViewportMatches);

[309] Fix | Delete

[310] Fix | Delete

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

[311] Fix | Delete

/**

[312] Fix | Delete

* Internal dependencies

[313] Fix | Delete

*/

[314] Fix | Delete

[315] Fix | Delete

[316] Fix | Delete

[317] Fix | Delete

[318] Fix | Delete

[319] Fix | Delete

/**

[320] Fix | Delete

* Hash of breakpoint names with pixel width at which it becomes effective.

[321] Fix | Delete

*

[322] Fix | Delete

* @see _breakpoints.scss

[323] Fix | Delete

*

[324] Fix | Delete

* @type {Object}

[325] Fix | Delete

*/

[326] Fix | Delete

const BREAKPOINTS = {

[327] Fix | Delete

huge: 1440,

[328] Fix | Delete

wide: 1280,

[329] Fix | Delete

large: 960,

[330] Fix | Delete

medium: 782,

[331] Fix | Delete

small: 600,

[332] Fix | Delete

mobile: 480

[333] Fix | Delete

};

[334] Fix | Delete

[335] Fix | Delete

/**

[336] Fix | Delete

* Hash of query operators with corresponding condition for media query.

[337] Fix | Delete

*

[338] Fix | Delete

* @type {Object}

[339] Fix | Delete

*/

[340] Fix | Delete

const OPERATORS = {

[341] Fix | Delete

'<': 'max-width',

[342] Fix | Delete

'>=': 'min-width'

[343] Fix | Delete

};

[344] Fix | Delete

listener(BREAKPOINTS, OPERATORS);

[345] Fix | Delete

[346] Fix | Delete

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

[347] Fix | Delete

/******/ })()

[348] Fix | Delete

;

[349] Fix | Delete