10

            this.display_val = value;

    11

            this.request_animate();

    12

        }

    13

    14

        animate(){

    16

                this.value_elt.textContent = String(this.display_val);

    20

            let tip = start + (end-start)*Number(this.display_val)/(max-min);

    22

    23

            if (tip-start > Math.PI)

    25

            else

    27

    28

            this.path_elt.setAttribute('d', "M "+(cx+rx*Math.cos(start))+","+(cy+ry*Math.sin(start))+

    29

                                            " A "+rx+","+ry+

    30

                                            " 0 "+size+

    31

                                            " 1 "+(cx+rx*Math.cos(tip))+","+(cy+ry*Math.sin(tip)));

    35

            let [start, end, cx, cy, rx, ry] = ["start", "end", "cx", "cy", "rx", "ry"].

    36

                map(tag=>Number(this.path_elt.getAttribute('sodipodi:'+tag)))

    37

    38

            if (ry == 0) 

    40

    41

            if (start > end)

    43

    44

            let [min,max] = [[this.min_elt,0],[this.max_elt,100]].map(([elt,def],i)=>elt?

    45

                Number(elt.textContent) :

    46

                this.args.length >= i+1 ? this.args[i] : def);

    47

    60

}