const HERO_SVGS = { alert : require ( "raw-loader!./alert.svg" ) . default , buttons : require ( "raw-loader!./buttons.svg" ) . default , calendar : require ( "raw-loader!./calendar.svg" ) . default , checkboxes : require ( "raw-loader!./checkboxes.svg" ) . default , "file-upload" : require ( "raw-loader!./file-upload.svg" ) . default , "input-groups" : require ( "raw-loader!./input-groups.svg" ) . default , inputs : require ( "raw-loader!./inputs.svg" ) . default , labels : require ( "raw-loader!./labels.svg" ) . default , radios : require ( "raw-loader!./radios.svg" ) . default , "select-menus" : require ( "raw-loader!./select-menus.svg" ) . default , sliders : require ( "raw-loader!./sliders.svg" ) . default , switches : require ( "raw-loader!./switches.svg" ) . default , "time-selections" : require ( "raw-loader!./time-selections.svg" ) . default , toggles : require ( "raw-loader!./toggles.svg" ) . default , } ; function injectSVG ( elem , id ) { const wrapper = document . createElement ( "div" ) ; wrapper . classList . add ( "landing-wireframe" , `landing-logo-wireframe-${ id }` ) ; wrapper . innerHTML = HERO_SVGS [ id ] ; elem . appendChild ( wrapper ) ; } export function initializeSVGs ( elem ) { for ( const id of Object . keys ( HERO_SVGS ) ) { injectSVG ( elem , id ) ; } }