<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/svg.select.js@3.0.1/dist/svg.select.min.css"/>
<link rel="stylesheet" href="./sly/css/app/widgets/image_region_selector/styles.css"/>

<smarttool-editor
  :disabled="state.{{{widget.widget_id}}}.isFinished || state.{{{widget.widget_id}}}.isBroken || state.{{{widget.widget_id}}}.disabled "
  :style="{width: state.{{{widget.widget_id}}}.widget_width, height: state.{{{widget.widget_id}}}.widget_height}"
  v-if="state.{{{widget.widget_id}}}.imageUrl"
  :image-url="state.{{{widget.widget_id}}}.imageUrl"
  :bbox.sync="state.{{{widget.widget_id}}}.scaledBbox"
  @update:bbox="state.{{{widget.widget_id}}}.scaledBbox = $event; post('/' + state.{{{widget.widget_id}}}.widget_id + '/bbox_changed')"
  >
</smarttool-editor>