old_contents: /* Tooling
  /* ========================================================================== */
  
  import { $assign as $, $dispatch, $replaceAll } from 'esri-global-shared';
  
  /* Brand
  /* ========================================================================== */
  
  const prefix = 'esri-header-brand';
  
  export default () => {
  	/* Brand: Image
  	/* ====================================================================== */
  
  	const $targetImage = $(
  		document.createElementNS('http://www.w3.org/2000/svg', 'svg'),
  		{ class: `${prefix}-image` }
  	);
  
  	/* Brand
  	/* ====================================================================== */
  
  	const $target = $('a', { class: prefix, id: prefix },
  		$targetImage
  	);
  
  	// On Click
  	$target.addEventListener('click', (event) => {
  		$dispatch($target, 'header:click:brand', { event });
  	});
  
  	/* Brand: On Update
  	/* ====================================================================== */
  
  	$target.addEventListener('header:update:brand', ({ detail }) => {
  		$($target, { href: detail.href, aria: { label: detail.label } });
  
  		$($targetImage, { viewBox: `0 0 ${detail.width} ${detail.height}` });
  
  		$replaceAll($targetImage,
  			...detail.image.map(
  				(d) => $(
  					document.createElementNS('http://www.w3.org/2000/svg', 'path'),
  					{ d }
  				)
  			)
  		);
  	});
  
  	return $target;
  }
  
new_contents: /* Tooling
  /* ========================================================================== */
  
  import { $assign as $, $dispatch, $replaceAll } from 'esri-global-shared';
  
  /* Brand
  /* ========================================================================== */
  
  const prefix = 'esri-header-brand';
  
  export default () => {
  	/* Brand: Image
  	/* ====================================================================== */
  
  	const $targetImage = $(
  		document.createElementNS('http://www.w3.org/2000/svg', 'svg'),
  		{ class: `${prefix}-image` }
  	);
  
  	/* Brand
  	/* ====================================================================== */
  
  	const $target = $('a', { class: prefix, id: prefix },
  		$targetImage
  	);
  
  	// On Click
  	$target.addEventListener('click', (event) => {
  		$dispatch($target, 'header:click:brand', { event });
  	});
  
  	/* Brand: On Update
  	/* ====================================================================== */
  
  	$target.addEventListener('header:update:brand', ({ detail }) => {
  		$($target, { href: detail.href, aria: { label: detail.label } });
  
  		$($targetImage, { viewBox: `0 0 ${detail.width} ${detail.height}`, width: `${detail.width}`, height: `${detail.height}` });
  
  		$replaceAll($targetImage,
  			...detail.image.map(
  				(d) => $(
  					document.createElementNS('http://www.w3.org/2000/svg', 'path'),
  					{ d }
  				)
  			)
  		);
  	});
  
  	return $target;
  }
  
subject: Include width and height in brand image