this._updateSmallCrosshair();

       }.bind(this));

       this.$.large.onCanvasMove = this.onCanvasMove.bind(this);

       this.$.large.hideLarge = this.hideLarge.bind(this);

       document.body.append(this.$.large);

       this.$.large.style.display = 'none';

     }

     disconnectedCallback() {

       super.disconnectedCallback();

       document.body.removeChild(this.$.large);

     }

     onValue(value) {

       let neverBlack = .1 + .9 * value / 255;

       this.$.smallRainbow.style.filter = `brightness(${neverBlack})`;

     }

     writeColor(hueSatColor, value) {

       if (hueSatColor === null || this.pauseWrites) { return; }

       this.color = one.color(hueSatColor).value(value / 255).hex();

     }

     readColor(color) {

       if (this.$.large.style.display == 'block') {

         // for performance, don't do color searches on covered widget

         return;

       }