{
  "version": 3,
  "sources": ["package-external:@wordpress/compose", "package-external:@wordpress/data", "vendor-external:react/jsx-runtime", "../../../packages/viewport/src/listener.js", "../../../packages/viewport/src/store/index.js", "../../../packages/viewport/src/store/reducer.js", "../../../packages/viewport/src/store/actions.js", "../../../packages/viewport/src/store/selectors.js", "../../../packages/viewport/src/if-viewport-matches.js", "../../../packages/viewport/src/with-viewport-match.js", "../../../packages/viewport/src/index.js"],
  "sourcesContent": ["module.exports = window.wp.compose;", "module.exports = window.wp.data;", "module.exports = window.ReactJSXRuntime;", "/**\n * WordPress dependencies\n */\nimport { debounce } from '@wordpress/compose';\nimport { dispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store } from './store';\n\nconst addDimensionsEventListener = ( breakpoints, operators ) => {\n\t/**\n\t * Callback invoked when media query state should be updated. Is invoked a\n\t * maximum of one time per call stack.\n\t */\n\tconst setIsMatching = debounce(\n\t\t() => {\n\t\t\tconst values = Object.fromEntries(\n\t\t\t\tqueries.map( ( [ key, query ] ) => [ key, query.matches ] )\n\t\t\t);\n\t\t\tdispatch( store ).setIsMatching( values );\n\t\t},\n\t\t0,\n\t\t{ leading: true }\n\t);\n\n\t/**\n\t * Hash of breakpoint names with generated MediaQueryList for corresponding\n\t * media query.\n\t *\n\t * @see https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia\n\t * @see https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList\n\t *\n\t * @type {Object<string,MediaQueryList>}\n\t */\n\tconst operatorEntries = Object.entries( operators );\n\tconst queries = Object.entries( breakpoints ).flatMap(\n\t\t( [ name, width ] ) => {\n\t\t\treturn operatorEntries.map( ( [ operator, condition ] ) => {\n\t\t\t\tconst list = window.matchMedia(\n\t\t\t\t\t`(${ condition }: ${ width }px)`\n\t\t\t\t);\n\t\t\t\tlist.addEventListener( 'change', setIsMatching );\n\t\t\t\treturn [ `${ operator } ${ name }`, list ];\n\t\t\t} );\n\t\t}\n\t);\n\n\twindow.addEventListener( 'orientationchange', setIsMatching );\n\n\t// Set initial values.\n\tsetIsMatching();\n\tsetIsMatching.flush();\n};\n\nexport default addDimensionsEventListener;\n", "/**\n * WordPress dependencies\n */\nimport { createReduxStore, register } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport reducer from './reducer';\nimport * as actions from './actions';\nimport * as selectors from './selectors';\n\nconst STORE_NAME = 'core/viewport';\n\n/**\n * Store definition for the viewport namespace.\n *\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/data/README.md#createReduxStore\n *\n * @type {Object}\n */\nexport const store = createReduxStore( STORE_NAME, {\n\treducer,\n\tactions,\n\tselectors,\n} );\n\nregister( store );\n", "/**\n * Reducer returning the viewport state, as keys of breakpoint queries with\n * boolean value representing whether query is matched.\n *\n * @param {Object} state  Current state.\n * @param {Object} action Dispatched action.\n *\n * @return {Object} Updated state.\n */\nfunction reducer( state = {}, action ) {\n\tswitch ( action.type ) {\n\t\tcase 'SET_IS_MATCHING':\n\t\t\treturn action.values;\n\t}\n\n\treturn state;\n}\n\nexport default reducer;\n", "/**\n * Returns an action object used in signalling that viewport queries have been\n * updated. Values are specified as an object of breakpoint query keys where\n * value represents whether query matches.\n * Ignored from documentation as it is for internal use only.\n *\n * @ignore\n *\n * @param {Object} values Breakpoint query matches.\n *\n * @return {Object} Action object.\n */\nexport function setIsMatching( values ) {\n\treturn {\n\t\ttype: 'SET_IS_MATCHING',\n\t\tvalues,\n\t};\n}\n", "/**\n * Returns true if the viewport matches the given query, or false otherwise.\n *\n * @param {Object} state Viewport state object.\n * @param {string} query Query string. Includes operator and breakpoint name,\n *                       space separated. Operator defaults to >=.\n *\n * @example\n *\n * ```js\n * import { store as viewportStore } from '@wordpress/viewport';\n * import { useSelect } from '@wordpress/data';\n * import { __ } from '@wordpress/i18n';\n * const ExampleComponent = () => {\n *     const isMobile = useSelect(\n *         ( select ) => select( viewportStore ).isViewportMatch( '< small' ),\n *         []\n *     );\n *\n *     return isMobile ? (\n *         <div>{ __( 'Mobile' ) }</div>\n *     ) : (\n *         <div>{ __( 'Not Mobile' ) }</div>\n *     );\n * };\n * ```\n *\n * @return {boolean} Whether viewport matches query.\n */\nexport function isViewportMatch( state, query ) {\n\t// Default to `>=` if no operator is present.\n\tif ( query.indexOf( ' ' ) === -1 ) {\n\t\tquery = '>= ' + query;\n\t}\n\n\treturn !! state[ query ];\n}\n", "/**\n * WordPress dependencies\n */\nimport {\n\tifCondition,\n\tcompose,\n\tcreateHigherOrderComponent,\n} from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport withViewportMatch from './with-viewport-match';\n\n/**\n * Higher-order component creator, creating a new component which renders if\n * the viewport query is satisfied.\n *\n * @see withViewportMatches\n *\n * @param {string} query Viewport query.\n *\n * @example\n *\n * ```jsx\n * function MyMobileComponent() {\n * \treturn <div>I'm only rendered on mobile viewports!</div>;\n * }\n *\n * MyMobileComponent = ifViewportMatches( '< small' )( MyMobileComponent );\n * ```\n *\n * @return {Function} Higher-order component.\n */\nconst ifViewportMatches = ( query ) =>\n\tcreateHigherOrderComponent(\n\t\tcompose( [\n\t\t\twithViewportMatch( {\n\t\t\t\tisViewportMatch: query,\n\t\t\t} ),\n\t\t\tifCondition( ( props ) => props.isViewportMatch ),\n\t\t] ),\n\t\t'ifViewportMatches'\n\t);\n\nexport default ifViewportMatches;\n", "/**\n * WordPress dependencies\n */\nimport {\n\tcreateHigherOrderComponent,\n\tpure,\n\tuseViewportMatch,\n} from '@wordpress/compose';\n\n/**\n * Higher-order component creator, creating a new component which renders with\n * the given prop names, where the value passed to the underlying component is\n * the result of the query assigned as the object's value.\n *\n * @see isViewportMatch\n *\n * @param {Object} queries Object of prop name to viewport query.\n *\n * @example\n *\n * ```jsx\n * function MyComponent( { isMobile } ) {\n * \treturn (\n * \t\t<div>Currently: { isMobile ? 'Mobile' : 'Not Mobile' }</div>\n * \t);\n * }\n *\n * MyComponent = withViewportMatch( { isMobile: '< small' } )( MyComponent );\n * ```\n *\n * @return {Function} Higher-order component.\n */\nconst withViewportMatch = ( queries ) => {\n\tconst queryEntries = Object.entries( queries );\n\tconst useViewPortQueriesResult = () =>\n\t\tObject.fromEntries(\n\t\t\tqueryEntries.map( ( [ key, query ] ) => {\n\t\t\t\tlet [ operator, breakpointName ] = query.split( ' ' );\n\t\t\t\tif ( breakpointName === undefined ) {\n\t\t\t\t\tbreakpointName = operator;\n\t\t\t\t\toperator = '>=';\n\t\t\t\t}\n\t\t\t\t// Hooks should unconditionally execute in the same order,\n\t\t\t\t// we are respecting that as from the static query of the HOC we generate\n\t\t\t\t// a hook that calls other hooks always in the same order (because the query never changes).\n\t\t\t\t// eslint-disable-next-line react-hooks/rules-of-hooks\n\t\t\t\treturn [ key, useViewportMatch( breakpointName, operator ) ];\n\t\t\t} )\n\t\t);\n\treturn createHigherOrderComponent( ( WrappedComponent ) => {\n\t\treturn pure( ( props ) => {\n\t\t\tconst queriesResult = useViewPortQueriesResult();\n\t\t\treturn <WrappedComponent { ...props } { ...queriesResult } />;\n\t\t} );\n\t}, 'withViewportMatch' );\n};\n\nexport default withViewportMatch;\n", "/**\n * Internal dependencies\n */\nimport addDimensionsEventListener from './listener';\n\nexport { store } from './store';\nexport { default as ifViewportMatches } from './if-viewport-matches';\nexport { default as withViewportMatch } from './with-viewport-match';\n\n/**\n * Hash of breakpoint names with pixel width at which it becomes effective.\n *\n * @see _breakpoints.scss\n *\n * @type {Object}\n */\nconst BREAKPOINTS = {\n\thuge: 1440,\n\twide: 1280,\n\tlarge: 960,\n\tmedium: 782,\n\tsmall: 600,\n\tmobile: 480,\n};\n\n/**\n * Hash of query operators with corresponding condition for media query.\n *\n * @type {Object}\n */\nconst OPERATORS = {\n\t'<': 'max-width',\n\t'>=': 'min-width',\n};\n\naddDimensionsEventListener( BREAKPOINTS, OPERATORS );\n"],
  "mappings": "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",
  "names": ["import_data", "setIsMatching", "import_compose", "import_compose"]
}