text: /**
   * @license
   * Copyright 2016 Google LLC
   * SPDX-License-Identifier: Apache-2.0
   */
  
  /**
   * @fileoverview Javascript for the Block Exporter View class. Reads from and
   * manages a block selector through which users select blocks to export.
   *
   * @author quachtina96 (Tina Quach)
   */
  
  'use strict';
  
  /**
   * BlockExporter View Class
   * @param {!Object} blockOptions Map of block types to BlockOption objects.
   * @constructor
   */
  function BlockExporterView(blockOptions) {
    //  Map of block types to BlockOption objects to select from.
    this.blockOptions = blockOptions;
  };
  
  /**
   * Set the block options in the selector of this instance of
   * BlockExporterView.
   * @param {!Object} blockOptions Map of block types to BlockOption objects.
   */
  BlockExporterView.prototype.setBlockOptions = function(blockOptions) {
    this.blockOptions = blockOptions;
  };
  
  /**
   * Updates the helper text to show list of currently selected blocks.
   */
  BlockExporterView.prototype.listSelectedBlocks = function() {
  
    var selectedBlocksText = this.getSelectedBlockTypes().join(",\n ");
    document.getElementById('selectedBlocksText').textContent = selectedBlocksText;
  };
  
  /**
   * Selects a given block type in the selector.
   * @param {string} blockType Type of block to selector.
   */
  BlockExporterView.prototype.select = function(blockType) {
    this.blockOptions[blockType].setSelected(true);
  };
  
  /**
   * Deselects a block in the selector.
   * @param {!Blockly.Block} block Type of block to add to selector workspace.
   */
  BlockExporterView.prototype.deselect = function(blockType) {
    this.blockOptions[blockType].setSelected(false);
  };
  
  
  /**
   * Deselects all blocks.
   */
  BlockExporterView.prototype.deselectAllBlocks = function() {
    for (var blockType in this.blockOptions) {
      this.deselect(blockType);
    }
  };
  
  /**
   * Given an array of selected blocks, selects these blocks in the view, marking
   * the checkboxes accordingly.
   * @param {Array.<Blockly.Block>} blockTypes Array of block types to select.
   */
  BlockExporterView.prototype.setSelectedBlockTypes = function(blockTypes) {
    for (var i = 0, blockType; blockType = blockTypes[i]; i++) {
      this.select(blockType);
    }
  };
  
  /**
   * Returns array of selected blocks.
   * @return {!Array.<string>} Array of all selected block types.
   */
  BlockExporterView.prototype.getSelectedBlockTypes = function() {
    var selectedTypes = [];
    for (var blockType in this.blockOptions) {
      var blockOption = this.blockOptions[blockType];
      if (blockOption.isSelected()) {
        selectedTypes.push(blockType);
      }
    }
    return selectedTypes;
  };
  
  /**
   * Centers the preview block of each block option in the exporter selector.
   */
  BlockExporterView.prototype.centerPreviewBlocks = function() {
    for (var blockType in this.blockOptions) {
      this.blockOptions[blockType].centerBlock();
    }
  };
  