Fix: Set default for _imageAlignment for popup images (fixes #301) (#302

)

* set default for _imageAlignment for popup images

* align _imageAlignment for popup images with schema defaults

schema defaults to 'right'

* refine _imageAlignment condition

Co-authored-by: Oliver Foster <oliver.foster@kineo.com>

* only apply _imageAlignment class if item has image

---------

Co-authored-by: Oliver Foster <oliver.foster@kineo.com>

templates/hotgraphicPopup.jsx

@@ -30,7 +30,7 @@ export default function HotgraphicPopup(props) {
           _isRound && 'is-round',
           _isVisited && 'is-visited',
           _isActive && 'is-active',
-          _imageAlignment && `align-image-${_imageAlignment}`
+          _graphic?.src && `align-image-${_imageAlignment || 'right'}`
         ])}
         key={index}
         data-index={index}
@@ -76,7 +76,7 @@ export default function HotgraphicPopup(props) {
             </div>
           </div>
 
-          {(_imageAlignment === 'right' || _imageAlignment === 'bottom') &&
+          {(_imageAlignment !== 'left' && _imageAlignment !== 'top') &&
           <templates.image {..._graphic}
             classNamePrefixSeparator='__item-'
             classNamePrefixes={['component-item', 'hotgraphic-popup']}