Method change_selected

js/src/Map.ts:331–378

()

  }

  change_selected() {
    this.highlight_g.selectAll('path').remove();
    const idx = this.model.get('selected');
    const select = idx ? idx : [];
    const temp = this.stroke_g.selectAll('path').data();
    this.stroke_g.selectAll('path').style('stroke', (d, i) => {
      return this.hoverfill(d, i);
    });
    const nodes = this.stroke_g.selectAll('path');
    for (let i = 0; i < temp.length; i++) {
      if (select.indexOf((temp[i] as any).id) > -1) {
        this.highlight_g
          .append(() => {
            return (nodes.nodes()[i] as any).cloneNode(true);
          })
          .attr('id', (temp[i] as any).id)
          .style('fill-opacity', () => {
            if (
              this.validate_color(
                this.model.get('selected_styles').selected_fill
              )
            ) {
              return 1.0;
            } else {
              return 0.0;
            }
          })
          .style('fill', this.model.get('selected_styles').selected_fill)
          .style('stroke-opacity', () => {
            if (
              this.validate_color(
                this.model.get('selected_styles').selected_stroke
              )
            ) {
              return 1.0;
            } else {
              return 0.0;
            }
          })
          .style('stroke', this.model.get('selected_styles').selected_stroke)
          .style(
            'stroke-width',
            this.model.get('selected_styles').selected_stroke_width
          )
          .classed('selected', true);
      }
    }
  }

  reset_selection() {
    this.model.set('selected', []);