@wordpress/block-editor 15.4.1-next.f56bd8138.0 → 15.5.1-next.47f435fc9.0

package/build/components/grid/use-grid-layout-sync.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_data","require","_element","_compose","_store","_utils","_object","useGridLayoutSync","clientId","gridClientId","gridLayout","blockOrder","selectedBlockLayout","useSelect","select","_getBlockAttributes$l","getBlockAttributes","getBlockOrder","blockEditorStore","selectedBlock","getSelectedBlock","layout","attributes","style","getBlockRootClientId","updateBlockAttributes","__unstableMarkNextChangeAsNotPersistent","useDispatch","selectedBlockRect","useMemo","GridRect","previouslySelectedBlockRect","usePrevious","previousIsManualPlacement","isManualPlacement","previousBlockOrder","useEffect","updates","occupiedRects","_getBlockAttributes$s","columnStart","rowStart","columnSpan","rowSpan","push","_attributes$style$lay","newColumnStart","newRowStart","placeBlock","columnCount","columnEnd","rowEnd","bottomMostRow","Math","max","map","r","rowCount","includes","_attributes$style$lay2","rootClientId","rootAttributes","type","hasEmptyLayoutAttribute","Object","keys","length","setImmutably","undefined","_attributes$style$lay3","gridColumnCount","blockColumnSpan","blockRowSpan","startColumn","startRow","row","column","candidateRect","some","intersectsRect"],"sources":["@wordpress/block-editor/src/components/grid/use-grid-layout-sync.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useEffect, useMemo } from '@wordpress/element';\nimport { usePrevious } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { GridRect } from './utils';\nimport { setImmutably } from '../../utils/object';\n\nexport function useGridLayoutSync( { clientId: gridClientId } ) {\n\tconst { gridLayout, blockOrder, selectedBlockLayout } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockAttributes, getBlockOrder } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst selectedBlock = select( blockEditorStore ).getSelectedBlock();\n\t\t\treturn {\n\t\t\t\tgridLayout: getBlockAttributes( gridClientId ).layout ?? {},\n\t\t\t\tblockOrder: getBlockOrder( gridClientId ),\n\t\t\t\tselectedBlockLayout: selectedBlock?.attributes.style?.layout,\n\t\t\t};\n\t\t},\n\t\t[ gridClientId ]\n\t);\n\n\tconst { getBlockAttributes, getBlockRootClientId } =\n\t\tuseSelect( blockEditorStore );\n\tconst { updateBlockAttributes, __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\n\tconst selectedBlockRect = useMemo(\n\t\t() =>\n\t\t\tselectedBlockLayout ? new GridRect( selectedBlockLayout ) : null,\n\t\t[ selectedBlockLayout ]\n\t);\n\n\tconst previouslySelectedBlockRect = usePrevious( selectedBlockRect );\n\tconst previousIsManualPlacement = usePrevious(\n\t\tgridLayout.isManualPlacement\n\t);\n\tconst previousBlockOrder = usePrevious( blockOrder );\n\n\tuseEffect( () => {\n\t\tconst updates = {};\n\n\t\tif ( gridLayout.isManualPlacement ) {\n\t\t\tconst occupiedRects = [];\n\n\t\t\t// Respect the position of blocks that already have a columnStart and rowStart value.\n\t\t\tfor ( const clientId of blockOrder ) {\n\t\t\t\tconst {\n\t\t\t\t\tcolumnStart,\n\t\t\t\t\trowStart,\n\t\t\t\t\tcolumnSpan = 1,\n\t\t\t\t\trowSpan = 1,\n\t\t\t\t} = getBlockAttributes( clientId ).style?.layout ?? {};\n\t\t\t\tif ( ! columnStart || ! rowStart ) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\t\t\t\toccupiedRects.push(\n\t\t\t\t\tnew GridRect( {\n\t\t\t\t\t\tcolumnStart,\n\t\t\t\t\t\trowStart,\n\t\t\t\t\t\tcolumnSpan,\n\t\t\t\t\t\trowSpan,\n\t\t\t\t\t} )\n\t\t\t\t);\n\t\t\t}\n\n\t\t\t// When in manual mode, ensure that every block has a columnStart and rowStart value.\n\t\t\tfor ( const clientId of blockOrder ) {\n\t\t\t\tconst attributes = getBlockAttributes( clientId );\n\t\t\t\tconst {\n\t\t\t\t\tcolumnStart,\n\t\t\t\t\trowStart,\n\t\t\t\t\tcolumnSpan = 1,\n\t\t\t\t\trowSpan = 1,\n\t\t\t\t} = attributes.style?.layout ?? {};\n\t\t\t\tif ( columnStart && rowStart ) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\t\t\t\tconst [ newColumnStart, newRowStart ] = placeBlock(\n\t\t\t\t\toccupiedRects,\n\t\t\t\t\tgridLayout.columnCount,\n\t\t\t\t\tcolumnSpan,\n\t\t\t\t\trowSpan,\n\t\t\t\t\tpreviouslySelectedBlockRect?.columnEnd,\n\t\t\t\t\tpreviouslySelectedBlockRect?.rowEnd\n\t\t\t\t);\n\t\t\t\toccupiedRects.push(\n\t\t\t\t\tnew GridRect( {\n\t\t\t\t\t\tcolumnStart: newColumnStart,\n\t\t\t\t\t\trowStart: newRowStart,\n\t\t\t\t\t\tcolumnSpan,\n\t\t\t\t\t\trowSpan,\n\t\t\t\t\t} )\n\t\t\t\t);\n\t\t\t\tupdates[ clientId ] = {\n\t\t\t\t\tstyle: {\n\t\t\t\t\t\t...attributes.style,\n\t\t\t\t\t\tlayout: {\n\t\t\t\t\t\t\t...attributes.style?.layout,\n\t\t\t\t\t\t\tcolumnStart: newColumnStart,\n\t\t\t\t\t\t\trowStart: newRowStart,\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t};\n\t\t\t}\n\n\t\t\t// Ensure there's enough rows to fit all blocks.\n\t\t\tconst bottomMostRow = Math.max(\n\t\t\t\t...occupiedRects.map( ( r ) => r.rowEnd )\n\t\t\t);\n\t\t\tif (\n\t\t\t\t! gridLayout.rowCount ||\n\t\t\t\tgridLayout.rowCount < bottomMostRow\n\t\t\t) {\n\t\t\t\tupdates[ gridClientId ] = {\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\t...gridLayout,\n\t\t\t\t\t\trowCount: bottomMostRow,\n\t\t\t\t\t},\n\t\t\t\t};\n\t\t\t}\n\n\t\t\t// Unset grid layout attributes for blocks removed from the grid.\n\t\t\tfor ( const clientId of previousBlockOrder ?? [] ) {\n\t\t\t\tif ( ! blockOrder.includes( clientId ) ) {\n\t\t\t\t\tconst rootClientId = getBlockRootClientId( clientId );\n\n\t\t\t\t\t// Block was removed from the editor, so nothing to do.\n\t\t\t\t\tif ( rootClientId === null ) {\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Check if the block is being moved to another grid.\n\t\t\t\t\t// If so, do nothing and let the new grid parent handle\n\t\t\t\t\t// the attributes.\n\t\t\t\t\tconst rootAttributes = getBlockAttributes( rootClientId );\n\t\t\t\t\tif ( rootAttributes?.layout?.type === 'grid' ) {\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst attributes = getBlockAttributes( clientId );\n\t\t\t\t\tconst {\n\t\t\t\t\t\tcolumnStart,\n\t\t\t\t\t\trowStart,\n\t\t\t\t\t\tcolumnSpan,\n\t\t\t\t\t\trowSpan,\n\t\t\t\t\t\t...layout\n\t\t\t\t\t} = attributes.style?.layout ?? {};\n\n\t\t\t\t\tif ( columnStart || rowStart || columnSpan || rowSpan ) {\n\t\t\t\t\t\tconst hasEmptyLayoutAttribute =\n\t\t\t\t\t\t\tObject.keys( layout ).length === 0;\n\n\t\t\t\t\t\tupdates[ clientId ] = setImmutably(\n\t\t\t\t\t\t\tattributes,\n\t\t\t\t\t\t\t[ 'style', 'layout' ],\n\t\t\t\t\t\t\thasEmptyLayoutAttribute ? undefined : layout\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\t// Remove all of the columnStart and rowStart values\n\t\t\t// when switching from manual to auto mode,\n\t\t\tif ( previousIsManualPlacement === true ) {\n\t\t\t\tfor ( const clientId of blockOrder ) {\n\t\t\t\t\tconst attributes = getBlockAttributes( clientId );\n\t\t\t\t\tconst { columnStart, rowStart, ...layout } =\n\t\t\t\t\t\tattributes.style?.layout ?? {};\n\t\t\t\t\t// Only update attributes if columnStart or rowStart are set.\n\t\t\t\t\tif ( columnStart || rowStart ) {\n\t\t\t\t\t\tconst hasEmptyLayoutAttribute =\n\t\t\t\t\t\t\tObject.keys( layout ).length === 0;\n\n\t\t\t\t\t\tupdates[ clientId ] = setImmutably(\n\t\t\t\t\t\t\tattributes,\n\t\t\t\t\t\t\t[ 'style', 'layout' ],\n\t\t\t\t\t\t\thasEmptyLayoutAttribute ? undefined : layout\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Remove row styles in auto mode\n\t\t\tif ( gridLayout.rowCount ) {\n\t\t\t\tupdates[ gridClientId ] = {\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\t...gridLayout,\n\t\t\t\t\t\trowCount: undefined,\n\t\t\t\t\t},\n\t\t\t\t};\n\t\t\t}\n\t\t}\n\n\t\tif ( Object.keys( updates ).length ) {\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\tupdateBlockAttributes(\n\t\t\t\tObject.keys( updates ),\n\t\t\t\tupdates,\n\t\t\t\t/* uniqueByBlock: */ true\n\t\t\t);\n\t\t}\n\t}, [\n\t\t// Actual deps to sync:\n\t\tgridClientId,\n\t\tgridLayout,\n\t\tpreviousBlockOrder,\n\t\tblockOrder,\n\t\tpreviouslySelectedBlockRect,\n\t\tpreviousIsManualPlacement,\n\t\t// These won't change, but the linter thinks they might:\n\t\t__unstableMarkNextChangeAsNotPersistent,\n\t\tgetBlockAttributes,\n\t\tgetBlockRootClientId,\n\t\tupdateBlockAttributes,\n\t] );\n}\n\n/**\n * @param {GridRect[]} occupiedRects\n * @param {number}     gridColumnCount\n * @param {number}     blockColumnSpan\n * @param {number}     blockRowSpan\n * @param {number?}    startColumn\n * @param {number?}    startRow\n */\nfunction placeBlock(\n\toccupiedRects,\n\tgridColumnCount,\n\tblockColumnSpan,\n\tblockRowSpan,\n\tstartColumn = 1,\n\tstartRow = 1\n) {\n\tfor ( let row = startRow; ; row++ ) {\n\t\tfor (\n\t\t\tlet column = row === startRow ? startColumn : 1;\n\t\t\tcolumn <= gridColumnCount;\n\t\t\tcolumn++\n\t\t) {\n\t\t\tconst candidateRect = new GridRect( {\n\t\t\t\tcolumnStart: column,\n\t\t\t\trowStart: row,\n\t\t\t\tcolumnSpan: blockColumnSpan,\n\t\t\t\trowSpan: blockRowSpan,\n\t\t\t} );\n\t\t\tif (\n\t\t\t\t! occupiedRects.some( ( r ) =>\n\t\t\t\t\tr.intersectsRect( candidateRect )\n\t\t\t\t)\n\t\t\t) {\n\t\t\t\treturn [ column, row ];\n\t\t\t}\n\t\t}\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/grid/use-grid-layout-sync.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useEffect, useMemo } from '@wordpress/element';\nimport { usePrevious } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { GridRect } from './utils';\nimport { setImmutably } from '../../utils/object';\n\nexport function useGridLayoutSync( { clientId: gridClientId } ) {\n\tconst { gridLayout, blockOrder, selectedBlockLayout } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockAttributes, getBlockOrder } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst selectedBlock = select( blockEditorStore ).getSelectedBlock();\n\t\t\treturn {\n\t\t\t\tgridLayout: getBlockAttributes( gridClientId ).layout ?? {},\n\t\t\t\tblockOrder: getBlockOrder( gridClientId ),\n\t\t\t\tselectedBlockLayout: selectedBlock?.attributes.style?.layout,\n\t\t\t};\n\t\t},\n\t\t[ gridClientId ]\n\t);\n\n\tconst { getBlockAttributes, getBlockRootClientId } =\n\t\tuseSelect( blockEditorStore );\n\tconst { updateBlockAttributes, __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\n\tconst selectedBlockRect = useMemo(\n\t\t() =>\n\t\t\tselectedBlockLayout ? new GridRect( selectedBlockLayout ) : null,\n\t\t[ selectedBlockLayout ]\n\t);\n\n\tconst previouslySelectedBlockRect = usePrevious( selectedBlockRect );\n\tconst previousIsManualPlacement = usePrevious(\n\t\tgridLayout.isManualPlacement\n\t);\n\tconst previousBlockOrder = usePrevious( blockOrder );\n\n\tuseEffect( () => {\n\t\tconst updates = {};\n\n\t\tif ( gridLayout.isManualPlacement ) {\n\t\t\tconst occupiedRects = [];\n\n\t\t\t// Respect the position of blocks that already have a columnStart and rowStart value.\n\t\t\tfor ( const clientId of blockOrder ) {\n\t\t\t\tconst {\n\t\t\t\t\tcolumnStart,\n\t\t\t\t\trowStart,\n\t\t\t\t\tcolumnSpan = 1,\n\t\t\t\t\trowSpan = 1,\n\t\t\t\t} = getBlockAttributes( clientId ).style?.layout ?? {};\n\t\t\t\tif ( ! columnStart || ! rowStart ) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\t\t\t\toccupiedRects.push(\n\t\t\t\t\tnew GridRect( {\n\t\t\t\t\t\tcolumnStart,\n\t\t\t\t\t\trowStart,\n\t\t\t\t\t\tcolumnSpan,\n\t\t\t\t\t\trowSpan,\n\t\t\t\t\t} )\n\t\t\t\t);\n\t\t\t}\n\n\t\t\t// When in manual mode, ensure that every block has a columnStart and rowStart value.\n\t\t\tfor ( const clientId of blockOrder ) {\n\t\t\t\tconst attributes = getBlockAttributes( clientId );\n\t\t\t\tconst {\n\t\t\t\t\tcolumnStart,\n\t\t\t\t\trowStart,\n\t\t\t\t\tcolumnSpan = 1,\n\t\t\t\t\trowSpan = 1,\n\t\t\t\t} = attributes.style?.layout ?? {};\n\t\t\t\tif ( columnStart && rowStart ) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\t\t\t\tconst [ newColumnStart, newRowStart ] = placeBlock(\n\t\t\t\t\toccupiedRects,\n\t\t\t\t\tgridLayout.columnCount,\n\t\t\t\t\tcolumnSpan,\n\t\t\t\t\trowSpan,\n\t\t\t\t\tpreviouslySelectedBlockRect?.columnEnd,\n\t\t\t\t\tpreviouslySelectedBlockRect?.rowEnd\n\t\t\t\t);\n\t\t\t\toccupiedRects.push(\n\t\t\t\t\tnew GridRect( {\n\t\t\t\t\t\tcolumnStart: newColumnStart,\n\t\t\t\t\t\trowStart: newRowStart,\n\t\t\t\t\t\tcolumnSpan,\n\t\t\t\t\t\trowSpan,\n\t\t\t\t\t} )\n\t\t\t\t);\n\t\t\t\tupdates[ clientId ] = {\n\t\t\t\t\tstyle: {\n\t\t\t\t\t\t...attributes.style,\n\t\t\t\t\t\tlayout: {\n\t\t\t\t\t\t\t...attributes.style?.layout,\n\t\t\t\t\t\t\tcolumnStart: newColumnStart,\n\t\t\t\t\t\t\trowStart: newRowStart,\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t};\n\t\t\t}\n\n\t\t\t// Ensure there's enough rows to fit all blocks.\n\t\t\tconst bottomMostRow = Math.max(\n\t\t\t\t...occupiedRects.map( ( r ) => r.rowEnd )\n\t\t\t);\n\t\t\tif (\n\t\t\t\t! gridLayout.rowCount ||\n\t\t\t\tgridLayout.rowCount < bottomMostRow\n\t\t\t) {\n\t\t\t\tupdates[ gridClientId ] = {\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\t...gridLayout,\n\t\t\t\t\t\trowCount: bottomMostRow,\n\t\t\t\t\t},\n\t\t\t\t};\n\t\t\t}\n\n\t\t\t// Unset grid layout attributes for blocks removed from the grid.\n\t\t\tfor ( const clientId of previousBlockOrder ?? [] ) {\n\t\t\t\tif ( ! blockOrder.includes( clientId ) ) {\n\t\t\t\t\tconst rootClientId = getBlockRootClientId( clientId );\n\n\t\t\t\t\t// Block was removed from the editor, so nothing to do.\n\t\t\t\t\tif ( rootClientId === null ) {\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Check if the block is being moved to another grid.\n\t\t\t\t\t// If so, do nothing and let the new grid parent handle\n\t\t\t\t\t// the attributes.\n\t\t\t\t\tconst rootAttributes = getBlockAttributes( rootClientId );\n\t\t\t\t\tif ( rootAttributes?.layout?.type === 'grid' ) {\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst attributes = getBlockAttributes( clientId );\n\t\t\t\t\tconst {\n\t\t\t\t\t\tcolumnStart,\n\t\t\t\t\t\trowStart,\n\t\t\t\t\t\tcolumnSpan,\n\t\t\t\t\t\trowSpan,\n\t\t\t\t\t\t...layout\n\t\t\t\t\t} = attributes.style?.layout ?? {};\n\n\t\t\t\t\tif ( columnStart || rowStart || columnSpan || rowSpan ) {\n\t\t\t\t\t\tconst hasEmptyLayoutAttribute =\n\t\t\t\t\t\t\tObject.keys( layout ).length === 0;\n\n\t\t\t\t\t\tupdates[ clientId ] = setImmutably(\n\t\t\t\t\t\t\tattributes,\n\t\t\t\t\t\t\t[ 'style', 'layout' ],\n\t\t\t\t\t\t\thasEmptyLayoutAttribute ? undefined : layout\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\t// Remove all of the columnStart and rowStart values\n\t\t\t// when switching from manual to auto mode,\n\t\t\tif ( previousIsManualPlacement === true ) {\n\t\t\t\tfor ( const clientId of blockOrder ) {\n\t\t\t\t\tconst attributes = getBlockAttributes( clientId );\n\t\t\t\t\tconst { columnStart, rowStart, ...layout } =\n\t\t\t\t\t\tattributes.style?.layout ?? {};\n\t\t\t\t\t// Only update attributes if columnStart or rowStart are set.\n\t\t\t\t\tif ( columnStart || rowStart ) {\n\t\t\t\t\t\tconst hasEmptyLayoutAttribute =\n\t\t\t\t\t\t\tObject.keys( layout ).length === 0;\n\n\t\t\t\t\t\tupdates[ clientId ] = setImmutably(\n\t\t\t\t\t\t\tattributes,\n\t\t\t\t\t\t\t[ 'style', 'layout' ],\n\t\t\t\t\t\t\thasEmptyLayoutAttribute ? undefined : layout\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Remove row styles in auto mode\n\t\t\tif ( gridLayout.rowCount ) {\n\t\t\t\tupdates[ gridClientId ] = {\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\t...gridLayout,\n\t\t\t\t\t\trowCount: undefined,\n\t\t\t\t\t},\n\t\t\t\t};\n\t\t\t}\n\t\t}\n\n\t\tif ( Object.keys( updates ).length ) {\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\tupdateBlockAttributes(\n\t\t\t\tObject.keys( updates ),\n\t\t\t\tupdates,\n\t\t\t\t/* uniqueByBlock: */ true\n\t\t\t);\n\t\t}\n\t}, [\n\t\t// Actual deps to sync:\n\t\tgridClientId,\n\t\tgridLayout,\n\t\tpreviousBlockOrder,\n\t\tblockOrder,\n\t\tpreviouslySelectedBlockRect,\n\t\tpreviousIsManualPlacement,\n\t\t// These won't change, but the linter thinks they might:\n\t\t__unstableMarkNextChangeAsNotPersistent,\n\t\tgetBlockAttributes,\n\t\tgetBlockRootClientId,\n\t\tupdateBlockAttributes,\n\t] );\n}\n\n/**\n * @param {GridRect[]} occupiedRects\n * @param {number}     gridColumnCount\n * @param {number}     blockColumnSpan\n * @param {number}     blockRowSpan\n * @param {number?}    startColumn\n * @param {number?}    startRow\n */\nfunction placeBlock(\n\toccupiedRects,\n\tgridColumnCount,\n\tblockColumnSpan,\n\tblockRowSpan,\n\tstartColumn = 1,\n\tstartRow = 1\n) {\n\tfor ( let row = startRow; ; row++ ) {\n\t\tfor (\n\t\t\tlet column = row === startRow ? startColumn : 1;\n\t\t\tcolumn <= gridColumnCount;\n\t\t\tcolumn++\n\t\t) {\n\t\t\tconst candidateRect = new GridRect( {\n\t\t\t\tcolumnStart: column,\n\t\t\t\trowStart: row,\n\t\t\t\tcolumnSpan: blockColumnSpan,\n\t\t\t\trowSpan: blockRowSpan,\n\t\t\t} );\n\t\t\tif (\n\t\t\t\t! occupiedRects.some( ( r ) =>\n\t\t\t\t\tr.intersectsRect( candidateRect )\n\t\t\t\t)\n\t\t\t) {\n\t\t\t\treturn [ column, row ];\n\t\t\t}\n\t\t}\n\t}\n}\n"],
+  "mappings": "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",
+  "names": ["getBlockAttributes", "blockEditorStore"]
+}

package/build/components/grid/utils.js

@@ -1,20 +1,35 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var utils_exports = {};
+__export(utils_exports, {
+  GridRect: () => GridRect,
+  getClosestTrack: () => getClosestTrack,
+  getComputedCSS: () => getComputedCSS,
+  getGridInfo: () => getGridInfo,
+  getGridItemRect: () => getGridItemRect,
+  getGridRect: () => getGridRect,
+  getGridTracks: () => getGridTracks,
+  range: () => range
 });
-exports.GridRect = void 0;
-exports.getClosestTrack = getClosestTrack;
-exports.getComputedCSS = getComputedCSS;
-exports.getGridInfo = getGridInfo;
-exports.getGridItemRect = getGridItemRect;
-exports.getGridRect = getGridRect;
-exports.getGridTracks = getGridTracks;
-exports.range = range;
+module.exports = __toCommonJS(utils_exports);
 function range(start, length) {
-  return Array.from({
-    length
-  }, (_, i) => start + i);
+  return Array.from({ length }, (_, i) => start + i);
 }
 class GridRect {
   constructor({
@@ -25,17 +40,17 @@ class GridRect {
     columnSpan,
     rowSpan
   } = {}) {
-    this.columnStart = columnStart !== null && columnStart !== void 0 ? columnStart : 1;
-    this.rowStart = rowStart !== null && rowStart !== void 0 ? rowStart : 1;
-    if (columnSpan !== undefined) {
+    this.columnStart = columnStart ?? 1;
+    this.rowStart = rowStart ?? 1;
+    if (columnSpan !== void 0) {
       this.columnEnd = this.columnStart + columnSpan - 1;
     } else {
-      this.columnEnd = columnEnd !== null && columnEnd !== void 0 ? columnEnd : this.columnStart;
+      this.columnEnd = columnEnd ?? this.columnStart;
     }
-    if (rowSpan !== undefined) {
+    if (rowSpan !== void 0) {
       this.rowEnd = this.rowStart + rowSpan - 1;
     } else {
-      this.rowEnd = rowEnd !== null && rowEnd !== void 0 ? rowEnd : this.rowStart;
+      this.rowEnd = rowEnd ?? this.rowStart;
     }
   }
   get columnSpan() {
@@ -54,65 +69,40 @@ class GridRect {
     return this.columnStart <= rect.columnEnd && this.columnEnd >= rect.columnStart && this.rowStart <= rect.rowEnd && this.rowEnd >= rect.rowStart;
   }
 }
-exports.GridRect = GridRect;
 function getComputedCSS(element, property) {
   return element.ownerDocument.defaultView.getComputedStyle(element).getPropertyValue(property);
 }
-
-/**
- * Given a grid-template-columns or grid-template-rows CSS property value, gets the start and end
- * position in pixels of each grid track.
- *
- * https://css-tricks.com/snippets/css/complete-guide-grid/#aa-grid-track
- *
- * @param {string} template The grid-template-columns or grid-template-rows CSS property value.
- *                          Only supports fixed sizes in pixels.
- * @param {number} gap      The gap between grid tracks in pixels.
- *
- * @return {Array<{start: number, end: number}>} An array of objects with the start and end
- *                                               position in pixels of each grid track.
- */
 function getGridTracks(template, gap) {
   const tracks = [];
-  for (const size of template.split(' ')) {
+  for (const size of template.split(" ")) {
     const previousTrack = tracks[tracks.length - 1];
     const start = previousTrack ? previousTrack.end + gap : 0;
     const end = start + parseFloat(size);
-    tracks.push({
-      start,
-      end
-    });
+    tracks.push({ start, end });
   }
   return tracks;
 }
-
-/**
- * Given an array of grid tracks and a position in pixels, gets the index of the closest track to
- * that position.
- *
- * https://css-tricks.com/snippets/css/complete-guide-grid/#aa-grid-track
- *
- * @param {Array<{start: number, end: number}>} tracks   An array of objects with the start and end
- *                                                       position in pixels of each grid track.
- * @param {number}                              position The position in pixels.
- * @param {string}                              edge     The edge of the track to compare the
- *                                                       position to. Either 'start' or 'end'.
- *
- * @return {number} The index of the closest track to the position. 0-based, unlike CSS grid which
- *                  is 1-based.
- */
-function getClosestTrack(tracks, position, edge = 'start') {
-  return tracks.reduce((closest, track, index) => Math.abs(track[edge] - position) < Math.abs(tracks[closest][edge] - position) ? index : closest, 0);
+function getClosestTrack(tracks, position, edge = "start") {
+  return tracks.reduce(
+    (closest, track, index) => Math.abs(track[edge] - position) < Math.abs(tracks[closest][edge] - position) ? index : closest,
+    0
+  );
 }
 function getGridRect(gridElement, rect) {
-  const columnGap = parseFloat(getComputedCSS(gridElement, 'column-gap'));
-  const rowGap = parseFloat(getComputedCSS(gridElement, 'row-gap'));
-  const gridColumnTracks = getGridTracks(getComputedCSS(gridElement, 'grid-template-columns'), columnGap);
-  const gridRowTracks = getGridTracks(getComputedCSS(gridElement, 'grid-template-rows'), rowGap);
+  const columnGap = parseFloat(getComputedCSS(gridElement, "column-gap"));
+  const rowGap = parseFloat(getComputedCSS(gridElement, "row-gap"));
+  const gridColumnTracks = getGridTracks(
+    getComputedCSS(gridElement, "grid-template-columns"),
+    columnGap
+  );
+  const gridRowTracks = getGridTracks(
+    getComputedCSS(gridElement, "grid-template-rows"),
+    rowGap
+  );
   const columnStart = getClosestTrack(gridColumnTracks, rect.left) + 1;
   const rowStart = getClosestTrack(gridRowTracks, rect.top) + 1;
-  const columnEnd = getClosestTrack(gridColumnTracks, rect.right, 'end') + 1;
-  const rowEnd = getClosestTrack(gridRowTracks, rect.bottom, 'end') + 1;
+  const columnEnd = getClosestTrack(gridColumnTracks, rect.right, "end") + 1;
+  const rowEnd = getClosestTrack(gridRowTracks, rect.bottom, "end") + 1;
   return new GridRect({
     columnStart,
     columnEnd,
@@ -121,31 +111,51 @@ function getGridRect(gridElement, rect) {
   });
 }
 function getGridItemRect(gridItemElement) {
-  return getGridRect(gridItemElement.parentElement, new window.DOMRect(gridItemElement.offsetLeft, gridItemElement.offsetTop, gridItemElement.offsetWidth, gridItemElement.offsetHeight));
+  return getGridRect(
+    gridItemElement.parentElement,
+    new window.DOMRect(
+      gridItemElement.offsetLeft,
+      gridItemElement.offsetTop,
+      gridItemElement.offsetWidth,
+      gridItemElement.offsetHeight
+    )
+  );
 }
 function getGridInfo(gridElement) {
-  const gridTemplateColumns = getComputedCSS(gridElement, 'grid-template-columns');
-  const gridTemplateRows = getComputedCSS(gridElement, 'grid-template-rows');
-  const borderTopWidth = getComputedCSS(gridElement, 'border-top-width');
-  const borderRightWidth = getComputedCSS(gridElement, 'border-right-width');
-  const borderBottomWidth = getComputedCSS(gridElement, 'border-bottom-width');
-  const borderLeftWidth = getComputedCSS(gridElement, 'border-left-width');
-  const paddingTop = getComputedCSS(gridElement, 'padding-top');
-  const paddingRight = getComputedCSS(gridElement, 'padding-right');
-  const paddingBottom = getComputedCSS(gridElement, 'padding-bottom');
-  const paddingLeft = getComputedCSS(gridElement, 'padding-left');
-  const numColumns = gridTemplateColumns.split(' ').length;
-  const numRows = gridTemplateRows.split(' ').length;
+  const gridTemplateColumns = getComputedCSS(
+    gridElement,
+    "grid-template-columns"
+  );
+  const gridTemplateRows = getComputedCSS(
+    gridElement,
+    "grid-template-rows"
+  );
+  const borderTopWidth = getComputedCSS(gridElement, "border-top-width");
+  const borderRightWidth = getComputedCSS(
+    gridElement,
+    "border-right-width"
+  );
+  const borderBottomWidth = getComputedCSS(
+    gridElement,
+    "border-bottom-width"
+  );
+  const borderLeftWidth = getComputedCSS(gridElement, "border-left-width");
+  const paddingTop = getComputedCSS(gridElement, "padding-top");
+  const paddingRight = getComputedCSS(gridElement, "padding-right");
+  const paddingBottom = getComputedCSS(gridElement, "padding-bottom");
+  const paddingLeft = getComputedCSS(gridElement, "padding-left");
+  const numColumns = gridTemplateColumns.split(" ").length;
+  const numRows = gridTemplateRows.split(" ").length;
   const numItems = numColumns * numRows;
   return {
     numColumns,
     numRows,
     numItems,
-    currentColor: getComputedCSS(gridElement, 'color'),
+    currentColor: getComputedCSS(gridElement, "color"),
     style: {
       gridTemplateColumns,
       gridTemplateRows,
-      gap: getComputedCSS(gridElement, 'gap'),
+      gap: getComputedCSS(gridElement, "gap"),
       inset: `
 				calc(${paddingTop} + ${borderTopWidth})
 				calc(${paddingRight} + ${borderRightWidth})
@@ -155,4 +165,15 @@ function getGridInfo(gridElement) {
     }
   };
 }
-//# sourceMappingURL=utils.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  GridRect,
+  getClosestTrack,
+  getComputedCSS,
+  getGridInfo,
+  getGridItemRect,
+  getGridRect,
+  getGridTracks,
+  range
+});
+//# sourceMappingURL=utils.js.map

package/build/components/grid/utils.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["range","start","length","Array","from","_","i","GridRect","constructor","columnStart","rowStart","columnEnd","rowEnd","columnSpan","rowSpan","undefined","contains","column","row","containsRect","rect","intersectsRect","exports","getComputedCSS","element","property","ownerDocument","defaultView","getComputedStyle","getPropertyValue","getGridTracks","template","gap","tracks","size","split","previousTrack","end","parseFloat","push","getClosestTrack","position","edge","reduce","closest","track","index","Math","abs","getGridRect","gridElement","columnGap","rowGap","gridColumnTracks","gridRowTracks","left","top","right","bottom","getGridItemRect","gridItemElement","parentElement","window","DOMRect","offsetLeft","offsetTop","offsetWidth","offsetHeight","getGridInfo","gridTemplateColumns","gridTemplateRows","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","paddingTop","paddingRight","paddingBottom","paddingLeft","numColumns","numRows","numItems","currentColor","style","inset"],"sources":["@wordpress/block-editor/src/components/grid/utils.js"],"sourcesContent":["export function range( start, length ) {\n\treturn Array.from( { length }, ( _, i ) => start + i );\n}\n\nexport class GridRect {\n\tconstructor( {\n\t\tcolumnStart,\n\t\trowStart,\n\t\tcolumnEnd,\n\t\trowEnd,\n\t\tcolumnSpan,\n\t\trowSpan,\n\t} = {} ) {\n\t\tthis.columnStart = columnStart ?? 1;\n\t\tthis.rowStart = rowStart ?? 1;\n\t\tif ( columnSpan !== undefined ) {\n\t\t\tthis.columnEnd = this.columnStart + columnSpan - 1;\n\t\t} else {\n\t\t\tthis.columnEnd = columnEnd ?? this.columnStart;\n\t\t}\n\t\tif ( rowSpan !== undefined ) {\n\t\t\tthis.rowEnd = this.rowStart + rowSpan - 1;\n\t\t} else {\n\t\t\tthis.rowEnd = rowEnd ?? this.rowStart;\n\t\t}\n\t}\n\n\tget columnSpan() {\n\t\treturn this.columnEnd - this.columnStart + 1;\n\t}\n\n\tget rowSpan() {\n\t\treturn this.rowEnd - this.rowStart + 1;\n\t}\n\n\tcontains( column, row ) {\n\t\treturn (\n\t\t\tcolumn >= this.columnStart &&\n\t\t\tcolumn <= this.columnEnd &&\n\t\t\trow >= this.rowStart &&\n\t\t\trow <= this.rowEnd\n\t\t);\n\t}\n\n\tcontainsRect( rect ) {\n\t\treturn (\n\t\t\tthis.contains( rect.columnStart, rect.rowStart ) &&\n\t\t\tthis.contains( rect.columnEnd, rect.rowEnd )\n\t\t);\n\t}\n\n\tintersectsRect( rect ) {\n\t\treturn (\n\t\t\tthis.columnStart <= rect.columnEnd &&\n\t\t\tthis.columnEnd >= rect.columnStart &&\n\t\t\tthis.rowStart <= rect.rowEnd &&\n\t\t\tthis.rowEnd >= rect.rowStart\n\t\t);\n\t}\n}\n\nexport function getComputedCSS( element, property ) {\n\treturn element.ownerDocument.defaultView\n\t\t.getComputedStyle( element )\n\t\t.getPropertyValue( property );\n}\n\n/**\n * Given a grid-template-columns or grid-template-rows CSS property value, gets the start and end\n * position in pixels of each grid track.\n *\n * https://css-tricks.com/snippets/css/complete-guide-grid/#aa-grid-track\n *\n * @param {string} template The grid-template-columns or grid-template-rows CSS property value.\n *                          Only supports fixed sizes in pixels.\n * @param {number} gap      The gap between grid tracks in pixels.\n *\n * @return {Array<{start: number, end: number}>} An array of objects with the start and end\n *                                               position in pixels of each grid track.\n */\nexport function getGridTracks( template, gap ) {\n\tconst tracks = [];\n\tfor ( const size of template.split( ' ' ) ) {\n\t\tconst previousTrack = tracks[ tracks.length - 1 ];\n\t\tconst start = previousTrack ? previousTrack.end + gap : 0;\n\t\tconst end = start + parseFloat( size );\n\t\ttracks.push( { start, end } );\n\t}\n\treturn tracks;\n}\n\n/**\n * Given an array of grid tracks and a position in pixels, gets the index of the closest track to\n * that position.\n *\n * https://css-tricks.com/snippets/css/complete-guide-grid/#aa-grid-track\n *\n * @param {Array<{start: number, end: number}>} tracks   An array of objects with the start and end\n *                                                       position in pixels of each grid track.\n * @param {number}                              position The position in pixels.\n * @param {string}                              edge     The edge of the track to compare the\n *                                                       position to. Either 'start' or 'end'.\n *\n * @return {number} The index of the closest track to the position. 0-based, unlike CSS grid which\n *                  is 1-based.\n */\nexport function getClosestTrack( tracks, position, edge = 'start' ) {\n\treturn tracks.reduce(\n\t\t( closest, track, index ) =>\n\t\t\tMath.abs( track[ edge ] - position ) <\n\t\t\tMath.abs( tracks[ closest ][ edge ] - position )\n\t\t\t\t? index\n\t\t\t\t: closest,\n\t\t0\n\t);\n}\n\nexport function getGridRect( gridElement, rect ) {\n\tconst columnGap = parseFloat( getComputedCSS( gridElement, 'column-gap' ) );\n\tconst rowGap = parseFloat( getComputedCSS( gridElement, 'row-gap' ) );\n\tconst gridColumnTracks = getGridTracks(\n\t\tgetComputedCSS( gridElement, 'grid-template-columns' ),\n\t\tcolumnGap\n\t);\n\tconst gridRowTracks = getGridTracks(\n\t\tgetComputedCSS( gridElement, 'grid-template-rows' ),\n\t\trowGap\n\t);\n\tconst columnStart = getClosestTrack( gridColumnTracks, rect.left ) + 1;\n\tconst rowStart = getClosestTrack( gridRowTracks, rect.top ) + 1;\n\tconst columnEnd =\n\t\tgetClosestTrack( gridColumnTracks, rect.right, 'end' ) + 1;\n\tconst rowEnd = getClosestTrack( gridRowTracks, rect.bottom, 'end' ) + 1;\n\treturn new GridRect( {\n\t\tcolumnStart,\n\t\tcolumnEnd,\n\t\trowStart,\n\t\trowEnd,\n\t} );\n}\n\nexport function getGridItemRect( gridItemElement ) {\n\treturn getGridRect(\n\t\tgridItemElement.parentElement,\n\t\tnew window.DOMRect(\n\t\t\tgridItemElement.offsetLeft,\n\t\t\tgridItemElement.offsetTop,\n\t\t\tgridItemElement.offsetWidth,\n\t\t\tgridItemElement.offsetHeight\n\t\t)\n\t);\n}\n\nexport function getGridInfo( gridElement ) {\n\tconst gridTemplateColumns = getComputedCSS(\n\t\tgridElement,\n\t\t'grid-template-columns'\n\t);\n\tconst gridTemplateRows = getComputedCSS(\n\t\tgridElement,\n\t\t'grid-template-rows'\n\t);\n\tconst borderTopWidth = getComputedCSS( gridElement, 'border-top-width' );\n\tconst borderRightWidth = getComputedCSS(\n\t\tgridElement,\n\t\t'border-right-width'\n\t);\n\tconst borderBottomWidth = getComputedCSS(\n\t\tgridElement,\n\t\t'border-bottom-width'\n\t);\n\tconst borderLeftWidth = getComputedCSS( gridElement, 'border-left-width' );\n\tconst paddingTop = getComputedCSS( gridElement, 'padding-top' );\n\tconst paddingRight = getComputedCSS( gridElement, 'padding-right' );\n\tconst paddingBottom = getComputedCSS( gridElement, 'padding-bottom' );\n\tconst paddingLeft = getComputedCSS( gridElement, 'padding-left' );\n\n\tconst numColumns = gridTemplateColumns.split( ' ' ).length;\n\tconst numRows = gridTemplateRows.split( ' ' ).length;\n\tconst numItems = numColumns * numRows;\n\treturn {\n\t\tnumColumns,\n\t\tnumRows,\n\t\tnumItems,\n\t\tcurrentColor: getComputedCSS( gridElement, 'color' ),\n\t\tstyle: {\n\t\t\tgridTemplateColumns,\n\t\t\tgridTemplateRows,\n\t\t\tgap: getComputedCSS( gridElement, 'gap' ),\n\t\t\tinset: `\n\t\t\t\tcalc(${ paddingTop } + ${ borderTopWidth })\n\t\t\t\tcalc(${ paddingRight } + ${ borderRightWidth })\n\t\t\t\tcalc(${ paddingBottom } + ${ borderBottomWidth })\n\t\t\t\tcalc(${ paddingLeft } + ${ borderLeftWidth })\n\t\t\t`,\n\t\t},\n\t};\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/grid/utils.js"],
+  "sourcesContent": ["export function range( start, length ) {\n\treturn Array.from( { length }, ( _, i ) => start + i );\n}\n\nexport class GridRect {\n\tconstructor( {\n\t\tcolumnStart,\n\t\trowStart,\n\t\tcolumnEnd,\n\t\trowEnd,\n\t\tcolumnSpan,\n\t\trowSpan,\n\t} = {} ) {\n\t\tthis.columnStart = columnStart ?? 1;\n\t\tthis.rowStart = rowStart ?? 1;\n\t\tif ( columnSpan !== undefined ) {\n\t\t\tthis.columnEnd = this.columnStart + columnSpan - 1;\n\t\t} else {\n\t\t\tthis.columnEnd = columnEnd ?? this.columnStart;\n\t\t}\n\t\tif ( rowSpan !== undefined ) {\n\t\t\tthis.rowEnd = this.rowStart + rowSpan - 1;\n\t\t} else {\n\t\t\tthis.rowEnd = rowEnd ?? this.rowStart;\n\t\t}\n\t}\n\n\tget columnSpan() {\n\t\treturn this.columnEnd - this.columnStart + 1;\n\t}\n\n\tget rowSpan() {\n\t\treturn this.rowEnd - this.rowStart + 1;\n\t}\n\n\tcontains( column, row ) {\n\t\treturn (\n\t\t\tcolumn >= this.columnStart &&\n\t\t\tcolumn <= this.columnEnd &&\n\t\t\trow >= this.rowStart &&\n\t\t\trow <= this.rowEnd\n\t\t);\n\t}\n\n\tcontainsRect( rect ) {\n\t\treturn (\n\t\t\tthis.contains( rect.columnStart, rect.rowStart ) &&\n\t\t\tthis.contains( rect.columnEnd, rect.rowEnd )\n\t\t);\n\t}\n\n\tintersectsRect( rect ) {\n\t\treturn (\n\t\t\tthis.columnStart <= rect.columnEnd &&\n\t\t\tthis.columnEnd >= rect.columnStart &&\n\t\t\tthis.rowStart <= rect.rowEnd &&\n\t\t\tthis.rowEnd >= rect.rowStart\n\t\t);\n\t}\n}\n\nexport function getComputedCSS( element, property ) {\n\treturn element.ownerDocument.defaultView\n\t\t.getComputedStyle( element )\n\t\t.getPropertyValue( property );\n}\n\n/**\n * Given a grid-template-columns or grid-template-rows CSS property value, gets the start and end\n * position in pixels of each grid track.\n *\n * https://css-tricks.com/snippets/css/complete-guide-grid/#aa-grid-track\n *\n * @param {string} template The grid-template-columns or grid-template-rows CSS property value.\n *                          Only supports fixed sizes in pixels.\n * @param {number} gap      The gap between grid tracks in pixels.\n *\n * @return {Array<{start: number, end: number}>} An array of objects with the start and end\n *                                               position in pixels of each grid track.\n */\nexport function getGridTracks( template, gap ) {\n\tconst tracks = [];\n\tfor ( const size of template.split( ' ' ) ) {\n\t\tconst previousTrack = tracks[ tracks.length - 1 ];\n\t\tconst start = previousTrack ? previousTrack.end + gap : 0;\n\t\tconst end = start + parseFloat( size );\n\t\ttracks.push( { start, end } );\n\t}\n\treturn tracks;\n}\n\n/**\n * Given an array of grid tracks and a position in pixels, gets the index of the closest track to\n * that position.\n *\n * https://css-tricks.com/snippets/css/complete-guide-grid/#aa-grid-track\n *\n * @param {Array<{start: number, end: number}>} tracks   An array of objects with the start and end\n *                                                       position in pixels of each grid track.\n * @param {number}                              position The position in pixels.\n * @param {string}                              edge     The edge of the track to compare the\n *                                                       position to. Either 'start' or 'end'.\n *\n * @return {number} The index of the closest track to the position. 0-based, unlike CSS grid which\n *                  is 1-based.\n */\nexport function getClosestTrack( tracks, position, edge = 'start' ) {\n\treturn tracks.reduce(\n\t\t( closest, track, index ) =>\n\t\t\tMath.abs( track[ edge ] - position ) <\n\t\t\tMath.abs( tracks[ closest ][ edge ] - position )\n\t\t\t\t? index\n\t\t\t\t: closest,\n\t\t0\n\t);\n}\n\nexport function getGridRect( gridElement, rect ) {\n\tconst columnGap = parseFloat( getComputedCSS( gridElement, 'column-gap' ) );\n\tconst rowGap = parseFloat( getComputedCSS( gridElement, 'row-gap' ) );\n\tconst gridColumnTracks = getGridTracks(\n\t\tgetComputedCSS( gridElement, 'grid-template-columns' ),\n\t\tcolumnGap\n\t);\n\tconst gridRowTracks = getGridTracks(\n\t\tgetComputedCSS( gridElement, 'grid-template-rows' ),\n\t\trowGap\n\t);\n\tconst columnStart = getClosestTrack( gridColumnTracks, rect.left ) + 1;\n\tconst rowStart = getClosestTrack( gridRowTracks, rect.top ) + 1;\n\tconst columnEnd =\n\t\tgetClosestTrack( gridColumnTracks, rect.right, 'end' ) + 1;\n\tconst rowEnd = getClosestTrack( gridRowTracks, rect.bottom, 'end' ) + 1;\n\treturn new GridRect( {\n\t\tcolumnStart,\n\t\tcolumnEnd,\n\t\trowStart,\n\t\trowEnd,\n\t} );\n}\n\nexport function getGridItemRect( gridItemElement ) {\n\treturn getGridRect(\n\t\tgridItemElement.parentElement,\n\t\tnew window.DOMRect(\n\t\t\tgridItemElement.offsetLeft,\n\t\t\tgridItemElement.offsetTop,\n\t\t\tgridItemElement.offsetWidth,\n\t\t\tgridItemElement.offsetHeight\n\t\t)\n\t);\n}\n\nexport function getGridInfo( gridElement ) {\n\tconst gridTemplateColumns = getComputedCSS(\n\t\tgridElement,\n\t\t'grid-template-columns'\n\t);\n\tconst gridTemplateRows = getComputedCSS(\n\t\tgridElement,\n\t\t'grid-template-rows'\n\t);\n\tconst borderTopWidth = getComputedCSS( gridElement, 'border-top-width' );\n\tconst borderRightWidth = getComputedCSS(\n\t\tgridElement,\n\t\t'border-right-width'\n\t);\n\tconst borderBottomWidth = getComputedCSS(\n\t\tgridElement,\n\t\t'border-bottom-width'\n\t);\n\tconst borderLeftWidth = getComputedCSS( gridElement, 'border-left-width' );\n\tconst paddingTop = getComputedCSS( gridElement, 'padding-top' );\n\tconst paddingRight = getComputedCSS( gridElement, 'padding-right' );\n\tconst paddingBottom = getComputedCSS( gridElement, 'padding-bottom' );\n\tconst paddingLeft = getComputedCSS( gridElement, 'padding-left' );\n\n\tconst numColumns = gridTemplateColumns.split( ' ' ).length;\n\tconst numRows = gridTemplateRows.split( ' ' ).length;\n\tconst numItems = numColumns * numRows;\n\treturn {\n\t\tnumColumns,\n\t\tnumRows,\n\t\tnumItems,\n\t\tcurrentColor: getComputedCSS( gridElement, 'color' ),\n\t\tstyle: {\n\t\t\tgridTemplateColumns,\n\t\t\tgridTemplateRows,\n\t\t\tgap: getComputedCSS( gridElement, 'gap' ),\n\t\t\tinset: `\n\t\t\t\tcalc(${ paddingTop } + ${ borderTopWidth })\n\t\t\t\tcalc(${ paddingRight } + ${ borderRightWidth })\n\t\t\t\tcalc(${ paddingBottom } + ${ borderBottomWidth })\n\t\t\t\tcalc(${ paddingLeft } + ${ borderLeftWidth })\n\t\t\t`,\n\t\t},\n\t};\n}\n"],
+  "mappings": "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",
+  "names": []
+}