startDrawing({ frame, region: id }) {
        if (id) {
          const region = self.annotation.regions.find((r) => r.cleanId === id);
          const range = region?.ranges?.[0];
          return range && [range.start, range.end].includes(frame) ? region : null;
        }
        const control = self.timelineControl;
        // labels should be selected or allow to create region without labels
        if (!control?.selectedLabels?.length && !control?.allowempty) return null;

        self.drawingRegion = self.addTimelineRegion({ frame, enabled: false });

        return self.drawingRegion;
      }
Create a new timeline region at a given `frame` (only if labels are selected) or edit an existing one if `region` is provided
@param {Object} options
@param {number} options.frame current frame under the cursor
@param {string} options.region region id to search for it in the store; used to edit existing region
@returns {Object} created region