define([], function () { return '\
<!--ko with: $parent.hasOwnProperty("images") && $parent.images && $data.hasOwnProperty("index") ? $parent.images[index] : $parent.hasOwnProperty("image") && $parent.image ? $parent.image : $parents[1].hasOwnProperty("images") && $parents[1].images && $data.hasOwnProperty("index") ? $parents[1].images[index] : undefined -->\
<!--ko if: hasInteraction-->\
<div class="interaction" style="width: auto;" data-bind="attr: { \'aria-label\': $data.alt }, click: click, event: { keydown: keydown, mouseover: focus, focus: focus, mouseout: blur, blur: blur }" tabindex="0" role="img">\
    <img class="image" data-bind="attrOnce: { src: file, alt: $data.alt }, style: { height: $data.height ? $data.height + \'px\' : \'auto\', \'width\': $data.width ? $data.width + \'px\' : \'auto\' }, css: $parent.cssClass" />\
</div>\
<!--/ko-->\
<!--ko ifnot: hasInteraction-->\
<img class="image" data-bind="attrOnce: { src: file, alt: $data.alt }, style: { height: $data.height ? $data.height + \'px\' : \'auto\', \'width\': $data.width ? $data.width + \'px\' : \'auto\' }, css: $parent.cssClass" />\
<!--/ko-->\
<!--/ko-->\
'; });
