@webcomponents/webcomponentsjs/tests/imports/simple-element-es5.html

Web Components Polyfills

<!--
@license
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
Code distributed by Google as part of the polymer project is also
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
-->

<script>
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
  function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
  function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

  // Kick off shady CSS.
  var template = document.createElement('template');
  template.innerHTML =
    `
      <style>:host {color: blue;} .red-text {color: red;} </style>
      <p class="red-text">Shadow DOM</p>
      <slot id="slot"></slot>
    `;
  if (template) {
    if (window.ShadyCSS) {
      window.ShadyCSS.prepareTemplate(template, 'simple-element');
    }
  }

  var SimpleElement = function (_HTMLElement) {
    _inherits(SimpleElement, _HTMLElement);

    function SimpleElement() {
      _classCallCheck(this, SimpleElement);

      var _this = _possibleConstructorReturn(this, (SimpleElement.__proto__ || Object.getPrototypeOf(SimpleElement)).call(this));

      _this.bestName = 'batman';
      if (window.ShadyCSS) {
        window.ShadyCSS.styleElement(_this);
      }

      if (template && !_this.shadowRoot) {
        _this.attachShadow({ mode: 'open' });
        _this.shadowRoot.appendChild(document.importNode(template.content, true));
      }
      return _this;
    }

    return SimpleElement;
  }(HTMLElement);

  window.customElements.define('simple-element', SimpleElement);
</script>