Sprites.Media.Binary.Tool.Info

The binary editor's Info panel: the byte length, a two way number that resizes the blob, and a readout of the count. A panel window with a close button, opened from the Tools window. It mirrors the map and text editors' Info panels, reusing the shared Sprites.Media.Sprite window parts, and owns its live rect. The tool selector and the Tools window live in Sprites.Media.Binary.Tool.

Sprites.Media.Binary.Tool.Info

Sprites.Media.Binary.Tool.Info.Window Void

Sprites.Media.Binary.Tool.Info.Window(visible, lengthView, length)

The Info window: the byte length, a two way number that resizes the blob, and a readout of the count. A panel window with a close button, opened from the Tools window.

InputTypeDescription
visibleValueThe show flag, set true by the Tools window's Info button.
lengthViewValueThe two way byte length the input resizes the blob to.
lengthValueThe byte count shown in the readout.

Returns nothing.

const lengthView = Sprites.Reactive.Value(256);
const length = Sprites.Reactive.Value(256);
Sprites.Ui.Content.Area(() => {
  Sprites.Media.Sprite.Tool.Labelled('Length', () => {
    Sprites.Ui.Input.Number(lengthView, Sprites.Media.Binary.MinLength, Sprites.Media.Binary.MaxLength);
  });
  Sprites.Ui.Dom.Tag('p', () => {
    Sprites.Ui.Dom.Class('binary-readout');
    Sprites.Ui.Dom.Text(length, ' bytes');
  });
});
The length input over the byte count readout.