Quelle 1017798-1.html Sprache: HTML

products/sources/formale Sprachen/C/Firefox/layout/style/crashtests/1017798-1.html

<!DOCTYPE html>

<script>
'use strict';

(function(exports) {

  /**
   * ComponentUtils is a utility which allows us to use web components earlier
   * than we should be able to by polyfilling and fixing platform deficiencies.
   */
  var ComponentUtils = {

    /**
     * Injects a style.css into both the shadow root and outside the shadow
     * root so we can style projected content. Bug 992249.
     */
    style: function(baseUrl) {
      var style = document.createElement('style');
      style.setAttribute('scoped', '');
      var url = baseUrl + '1017798-1.css';
      style.innerHTML = '@import url(' + url + ');';

      this.appendChild(style);

      if (!this.shadowRoot) {
        return;
      }

      // The setTimeout is necessary to avoid missing @import styles
      // when appending two stylesheets. Bug 1003294.
      setTimeout(() => {
        this.shadowRoot.appendChild(style.cloneNode(true));
      });
    }

  };

  exports.ComponentUtils = ComponentUtils;

}(window));
</script>
<script>
'use strict';
/* global ComponentUtils */

window.GaiaSwitch = (function(win) {
  // Extend from the HTMLElement prototype
  class GaiaSwitch extends HTMLElement {
    connectedCallback() {
      var shadow = this.attachShadow({ mode: "open" });
      this._template = template.content.cloneNode(true);
      this._input = this._template.querySelector('input[type="checkbox"]');

      var checked = this.getAttribute('checked');
      if (checked !== null) {
        this._input.checked = true;
      }

      shadow.appendChild(this._template);

      ComponentUtils.style.call(this, '');
    }
  };

  /**
   * Proxy the checked property to the input element.
   */
  Object.defineProperty( GaiaSwitch.prototype, 'checked', {
    get: function() {
      return this._input.checked;
    },
    set: function(value) {
      this._input.checked = value;
    }
  });

  /**
   * Proxy the name property to the input element.
   */
  Object.defineProperty( GaiaSwitch.prototype, 'name', {
    get: function() {
      return this.getAttribute('name');
    },
    set: function(value) {
      this.setAttribute('name', value);
    }
  });

  // HACK: Create a <template> in memory at runtime.
  // When the custom-element is created we clone
  // this template and inject into the shadow-root.
  // Prior to this we would have had to copy/paste
  // the template into the <head> of every app that
  // wanted to use <gaia-switch>, this would make
  // markup changes complicated, and could lead to
  // things getting out of sync. This is a short-term
  // hack until we can import entire custom-elements
  // using HTML Imports (bug 877072).
  var template = document.createElement('template');
  template.innerHTML = '' +
      '' +
      '' +
    '';

  // Register and return the constructor
  win.customElements.define('gaia-switch', GaiaSwitch);
  return GaiaSwitch;
})(window);
</script>
<body>
<section>
  <gaia-switch>
    <label>With a label</label>
  </gaia-switch>
</section>
<script>
window.onload = function() {
  document.querySelector('gaia-switch').checked = true;
};
</script>

Messung V0.5

¤ Dauer der Verarbeitung: 0.0 Sekunden (vorverarbeitet) ¤

Wurzel

Suchen

Beweissystem der NASA

Beweissystem Isabelle

NIST Cobol Testsuite

Cephes Mathematical Library

Wiener Entwicklungsmethode

Haftungshinweis

Die Informationen auf dieser Webseite wurden nach bestem Wissen sorgfältig zusammengestellt. Es wird jedoch weder Vollständigkeit, noch Richtigkeit, noch Qualität der bereit gestellten Informationen zugesichert.

Bemerkung:

Die farbliche Syntaxdarstellung und die Messung sind noch experimentell.