use of any selector instead of just ID

Author: benmarch

app/tour-controller.js

@@ -261,11 +261,16 @@ export default function uiTourController($timeout, $q, $filter, $document, TourC
 
  await handleEvent(step.config('onShow'));
 
- if (!step.element && step.elementId) {
- step.element = angular.element($document[0].getElementById(step.elementId));
+ if (!step.element) {
+ if (step.elementId) {
+ step.element = angular.element($document[0].getElementById(step.elementId));
+ }
+ if (step.selector) {
+ step.element = angular.element($document[0].querySelector(step.selector));
+ }
 
  if (!step.element) {
- throw `No element with ID '${step.elementId}' exists.`;
+ throw `No element found for step: '${step}'.`;
  }
  }
 

app/tour-step-service.js

@@ -64,10 +64,10 @@ export default function (Tether, $compile, $document, $templateCache, $rootScope
  * @returns {*} configured step
  */
  service.createStep = function (step, tour) {
- if (!step.element && !step.elementId) {
+ if (!step.element && !step.elementId && !step.selector) {
  throw {
  name: 'PropertyMissingError',
- message: 'Steps require an element or element ID to be specified'
+ message: 'Steps require an element, ID, or selector to be specified'
  };
  }