import PluginName from './PluginName.plugin';

const pluginInstance = new PluginName(document.getElementById('id'), {
  // Plugin options here
});

PluginName(document.querySelectorAll('.selector'), {
  // Plugin options here
});

PluginName(document.querySelectorAll('.class'), {
  // Plugin options here
});

function Plugin($rootElement, pluginOptions) {
  // ...
  // Plugin code here...
  function onPluginClick(event) {
    const $target = event.target;

    // Process an event for a specific tag
    const tagName = $target.tagName;

    switch (tagName) {
      case 'button':
        event.preventDefault() && event.stopPropagation();
        console.log('Event button press', event);
        break;
      default:
        console.log('Unprocessed mouse click event', event);
        break;
    }
  }

  $rootElement.addEventListener('click', onPluginClick);
  // ...
}

destroy() {
  // ...
  // Delete created tags and events
  $rootElement.removeEventListener('click', onPluginClick);
  // ...
}

const pluginItem = PluginName(document.getElementById('id'));
// Old: pluginItem[0].pluginOptions
console.log(pluginItem[0].options);

console.log(Utils.isFunction(Element.prototype.closest))