// Box{text:"My label",icon:{type:"square",// example optional attrswidth:30,borderColor:'red',// ...}}// Point{text:"My label",icon:{type:"circle",// example optional attrsradius:30,// ...}}// Image{text:"My label",icon:{type:someImageElement,// example optional attrswidth:30,height:10,// ...}}// Canvas{text:"My label",icon:{type:someCanvasElement,// example optional attrswidth:30,height:10,// ...}}

constpaddingKeys=['left','right','top','bottom']asconst;/** Normalize padding argument to object. */constnormalizePadding=(arg:undefined|number|Record<typeofpaddingKeys[number],number|undefined>)=>{if(typeofarg==='undefined'){returnpaddingKeys.reduce((p,key)=>({ ...p,[key]:0}),{});}if(typeofarg==='number'){returnpaddingKeys.reduce((p,key)=>({ ...p,[key]:arg}),{});}returnpaddingKeys.reduce((p,key)=>({    ...p,[key]:arg[key]||0}),{})};/** Get total area reserved for legend icon */constgetLegendIconDimensions=(i)=>{constpadding=normalizePadding(i.padding);constpaddingX=padding.left+padding.right;constpaddingY=padding.top+padding.bottom;if(i.type==="square"){return{width:legendIcon.width+paddingX,height:legendIcon.height+paddingY.}}if(i.type==="circle"){constdiameter=i.radius*2;return{width:diameter+paddingX,height:diameter+paddingY,}}// HTML element with explicit height & widthif(i.typeinstanceofElement&&i.height&&i.width){return{width:i.width+paddingX,height:i.height+paddingY,}}// HTML element with unknown height and/or widthif(i.typeinstanceofElement){constelem=document.createElement('div');elem.style.visibility="hidden";elem.appendChild(i.type)// Temporarily render element (hidden) to get dimensionsdocument.body.appendChild(elem)constwidth=i.type.offsetWidth;constheight=i.type.offsetHeight;document.body.removeChild(elem)return{ width, height}}// ...}