Artifact
1d7dce1477e62bc11dc50eb48ae4fbbc358056661033a0284dbd0a8a12c72148:
0000: 27 75 73 65 20 73 74 72 69 63 74 27 3b 0a 0a 6c 'use strict';..l
0010: 65 74 20 42 75 74 74 6f 6e 54 65 6d 70 6c 61 74 et ButtonTemplat
0020: 65 20 3d 20 72 65 71 75 69 72 65 28 27 2e 2e 2f e = require('../
0030: 63 6f 6d 70 6f 6e 65 6e 74 73 2f 62 75 74 74 6f components/butto
0040: 6e 74 65 6d 70 6c 61 74 65 27 29 3b 0a 0a 2f 2a ntemplate');../*
0050: 2a 0a 2a 20 54 65 78 74 42 75 74 74 6f 6e 0a 2a *.* TextButton.*
0060: 0a 2a 20 40 64 65 73 63 72 69 70 74 69 6f 6e 20 .* @description
0070: 54 65 78 74 20 62 75 74 74 6f 6e 0a 2a 0a 2a 20 Text button.*.*
0080: 40 64 65 6d 6f 20 3c 73 70 61 6e 20 6e 65 78 75 @demo <span nexu
0090: 73 2d 75 69 3d 22 74 65 78 74 42 75 74 74 6f 6e s-ui="textButton
00a0: 22 3e 3c 2f 73 70 61 6e 3e 0a 2a 0a 2a 20 40 65 "></span>.*.* @e
00b0: 78 61 6d 70 6c 65 0a 2a 20 76 61 72 20 74 65 78 xample.* var tex
00c0: 74 62 75 74 74 6f 6e 20 3d 20 6e 65 77 20 4e 65 tbutton = new Ne
00d0: 78 75 73 2e 54 65 78 74 42 75 74 74 6f 6e 28 27 xus.TextButton('
00e0: 23 74 61 72 67 65 74 27 29 0a 2a 0a 2a 20 40 65 #target').*.* @e
00f0: 78 61 6d 70 6c 65 0a 2a 20 76 61 72 20 74 65 78 xample.* var tex
0100: 74 62 75 74 74 6f 6e 20 3d 20 6e 65 77 20 4e 65 tbutton = new Ne
0110: 78 75 73 2e 54 65 78 74 42 75 74 74 6f 6e 28 27 xus.TextButton('
0120: 23 74 61 72 67 65 74 27 2c 7b 0a 2a 20 20 20 20 #target',{.*
0130: 20 27 73 69 7a 65 27 3a 20 5b 31 35 30 2c 35 30 'size': [150,50
0140: 5d 2c 0a 2a 20 20 20 20 20 27 73 74 61 74 65 27 ],.* 'state'
0150: 3a 20 66 61 6c 73 65 2c 0a 2a 20 20 20 20 20 27 : false,.* '
0160: 74 65 78 74 27 3a 20 27 50 6c 61 79 27 2c 0a 2a text': 'Play',.*
0170: 20 20 20 20 20 27 61 6c 74 65 72 6e 61 74 65 54 'alternateT
0180: 65 78 74 27 3a 20 27 53 74 6f 70 27 0a 2a 20 7d ext': 'Stop'.* }
0190: 29 0a 2a 0a 2a 20 40 6f 75 74 70 75 74 0a 2a 20 ).*.* @output.*
01a0: 63 68 61 6e 67 65 0a 2a 20 46 69 72 65 73 20 61 change.* Fires a
01b0: 6e 79 20 74 69 6d 65 20 74 68 65 20 69 6e 74 65 ny time the inte
01c0: 72 66 61 63 65 27 73 20 76 61 6c 75 65 20 63 68 rface's value ch
01d0: 61 6e 67 65 73 2e 20 3c 62 72 3e 0a 2a 20 54 68 anges. <br>.* Th
01e0: 65 20 65 76 65 6e 74 20 64 61 74 61 20 69 73 20 e event data is
01f0: 61 20 3c 69 3e 73 74 72 69 6e 67 3c 2f 69 3e 20 a <i>string</i>
0200: 6f 66 20 74 68 65 20 74 65 78 74 20 6f 6e 20 74 of the text on t
0210: 68 65 20 62 75 74 74 6f 6e 20 61 74 20 74 68 65 he button at the
0220: 20 6d 6f 6d 65 6e 74 20 69 74 20 77 61 73 20 63 moment it was c
0230: 6c 69 63 6b 65 64 2e 0a 2a 0a 2a 20 40 6f 75 74 licked..*.* @out
0240: 70 75 74 65 78 61 6d 70 6c 65 0a 2a 20 74 65 78 putexample.* tex
0250: 74 62 75 74 74 6f 6e 2e 6f 6e 28 27 63 68 61 6e tbutton.on('chan
0260: 67 65 27 2c 66 75 6e 63 74 69 6f 6e 28 76 29 20 ge',function(v)
0270: 7b 0a 2a 20 20 20 63 6f 6e 73 6f 6c 65 2e 6c 6f {.* console.lo
0280: 67 28 76 29 3b 0a 2a 20 7d 29 0a 2a 0a 2a 2f 0a g(v);.* }).*.*/.
0290: 0a 65 78 70 6f 72 74 20 64 65 66 61 75 6c 74 20 .export default
02a0: 63 6c 61 73 73 20 54 65 78 74 42 75 74 74 6f 6e class TextButton
02b0: 20 65 78 74 65 6e 64 73 20 42 75 74 74 6f 6e 54 extends ButtonT
02c0: 65 6d 70 6c 61 74 65 20 7b 0a 0a 20 20 63 6f 6e emplate {.. con
02d0: 73 74 72 75 63 74 6f 72 28 29 20 7b 0a 0a 20 20 structor() {..
02e0: 20 20 6c 65 74 20 6f 70 74 69 6f 6e 73 20 3d 20 let options =
02f0: 5b 27 76 61 6c 75 65 27 5d 3b 0a 0a 20 20 20 20 ['value'];..
0300: 6c 65 74 20 64 65 66 61 75 6c 74 73 20 3d 20 7b let defaults = {
0310: 0a 20 20 20 20 20 20 27 73 69 7a 65 27 3a 20 5b . 'size': [
0320: 31 35 30 2c 35 30 5d 2c 0a 20 20 20 20 20 20 27 150,50],. '
0330: 73 74 61 74 65 27 3a 20 66 61 6c 73 65 2c 0a 20 state': false,.
0340: 20 20 20 20 20 27 74 65 78 74 27 3a 20 27 50 6c 'text': 'Pl
0350: 61 79 27 0a 20 20 20 20 7d 3b 0a 0a 20 20 20 20 ay'. };..
0360: 73 75 70 65 72 28 61 72 67 75 6d 65 6e 74 73 2c super(arguments,
0370: 6f 70 74 69 6f 6e 73 2c 64 65 66 61 75 6c 74 73 options,defaults
0380: 29 3b 0a 0a 20 20 20 20 74 68 69 73 2e 5f 74 65 );.. this._te
0390: 78 74 20 3d 20 74 68 69 73 2e 73 65 74 74 69 6e xt = this.settin
03a0: 67 73 2e 74 65 78 74 3b 0a 0a 20 20 20 20 69 66 gs.text;.. if
03b0: 28 74 68 69 73 2e 73 65 74 74 69 6e 67 73 2e 61 (this.settings.a
03c0: 6c 74 65 72 6e 61 74 65 29 7b 20 2f 2f 54 4f 44 lternate){ //TOD
03d0: 4f 3a 20 52 65 6d 6f 76 65 20 74 68 69 73 20 63 O: Remove this c
03e0: 6f 6e 64 69 74 69 6f 6e 61 6c 20 69 6e 20 61 20 onditional in a
03f0: 62 72 65 61 6b 69 6e 67 2d 63 68 61 6e 67 65 73 breaking-changes
0400: 20 72 65 6c 65 61 73 65 0a 20 20 20 20 20 20 74 release. t
0410: 68 69 73 2e 73 65 74 74 69 6e 67 73 2e 61 6c 74 his.settings.alt
0420: 65 72 6e 61 74 65 54 65 78 74 20 3d 20 74 68 69 ernateText = thi
0430: 73 2e 73 65 74 74 69 6e 67 73 2e 61 6c 74 65 72 s.settings.alter
0440: 6e 61 74 65 3b 0a 20 20 20 20 20 20 63 6f 6e 73 nate;. cons
0450: 6f 6c 65 2e 77 61 72 6e 28 22 27 61 6c 74 65 72 ole.warn("'alter
0460: 6e 61 74 65 27 20 69 6e 69 74 69 61 74 6f 72 20 nate' initiator
0470: 69 73 20 64 65 70 72 65 63 61 74 65 64 2e 20 55 is deprecated. U
0480: 73 65 20 27 61 6c 74 65 72 6e 61 74 65 54 65 78 se 'alternateTex
0490: 74 27 20 69 6e 73 74 65 61 64 2e 22 29 3b 0a 20 t' instead.");.
04a0: 20 20 20 7d 0a 20 20 20 20 74 68 69 73 2e 5f 61 }. this._a
04b0: 6c 74 65 72 6e 61 74 65 54 65 78 74 20 3d 20 74 lternateText = t
04c0: 68 69 73 2e 73 65 74 74 69 6e 67 73 2e 61 6c 74 his.settings.alt
04d0: 65 72 6e 61 74 65 54 65 78 74 3b 0a 20 20 20 20 ernateText;.
04e0: 74 68 69 73 2e 6d 6f 64 65 20 3d 20 28 74 68 69 this.mode = (thi
04f0: 73 2e 73 65 74 74 69 6e 67 73 2e 61 6c 74 65 72 s.settings.alter
0500: 6e 61 74 65 54 65 78 74 29 20 3f 20 27 74 6f 67 nateText) ? 'tog
0510: 67 6c 65 27 20 3a 20 27 62 75 74 74 6f 6e 27 3b gle' : 'button';
0520: 0a 20 20 20 20 74 68 69 73 2e 69 6e 69 74 28 29 . this.init()
0530: 3b 0a 20 20 20 20 74 68 69 73 2e 72 65 6e 64 65 ;. this.rende
0540: 72 28 29 3b 0a 0a 20 20 20 20 74 68 69 73 2e 73 r();.. this.s
0550: 74 61 74 65 20 3d 20 74 68 69 73 2e 73 65 74 74 tate = this.sett
0560: 69 6e 67 73 2e 73 74 61 74 65 3b 0a 0a 20 20 7d ings.state;.. }
0570: 0a 0a 20 20 62 75 69 6c 64 46 72 61 6d 65 28 29 .. buildFrame()
0580: 20 7b 0a 0a 20 20 20 20 74 68 69 73 2e 65 6c 65 {.. this.ele
0590: 6d 65 6e 74 20 3d 20 64 6f 63 75 6d 65 6e 74 2e ment = document.
05a0: 63 72 65 61 74 65 45 6c 65 6d 65 6e 74 28 27 64 createElement('d
05b0: 69 76 27 29 3b 0a 20 20 20 20 74 68 69 73 2e 70 iv');. this.p
05c0: 61 72 65 6e 74 2e 61 70 70 65 6e 64 43 68 69 6c arent.appendChil
05d0: 64 28 74 68 69 73 2e 65 6c 65 6d 65 6e 74 29 3b d(this.element);
05e0: 0a 0a 20 20 20 20 74 68 69 73 2e 74 65 78 74 45 .. this.textE
05f0: 6c 65 6d 65 6e 74 20 3d 20 64 6f 63 75 6d 65 6e lement = documen
0600: 74 2e 63 72 65 61 74 65 45 6c 65 6d 65 6e 74 28 t.createElement(
0610: 27 64 69 76 27 29 3b 0a 20 20 20 20 74 68 69 73 'div');. this
0620: 2e 74 65 78 74 45 6c 65 6d 65 6e 74 2e 69 6e 6e .textElement.inn
0630: 65 72 48 54 4d 4c 20 3d 20 74 68 69 73 2e 5f 74 erHTML = this._t
0640: 65 78 74 3b 0a 20 20 20 20 74 68 69 73 2e 65 6c ext;. this.el
0650: 65 6d 65 6e 74 2e 61 70 70 65 6e 64 43 68 69 6c ement.appendChil
0660: 64 28 74 68 69 73 2e 74 65 78 74 45 6c 65 6d 65 d(this.textEleme
0670: 6e 74 29 3b 0a 20 20 7d 0a 0a 20 20 62 75 69 6c nt);. }.. buil
0680: 64 49 6e 74 65 72 66 61 63 65 28 29 20 7b 0a 0a dInterface() {..
0690: 20 20 7d 0a 0a 20 20 63 6f 6c 6f 72 49 6e 74 65 }.. colorInte
06a0: 72 66 61 63 65 28 29 20 7b 0a 20 20 20 20 74 68 rface() {. th
06b0: 69 73 2e 65 6c 65 6d 65 6e 74 2e 73 74 79 6c 65 is.element.style
06c0: 2e 63 6f 6c 6f 72 20 3d 20 74 68 69 73 2e 63 6f .color = this.co
06d0: 6c 6f 72 73 2e 64 61 72 6b 3b 0a 20 20 20 20 74 lors.dark;. t
06e0: 68 69 73 2e 72 65 6e 64 65 72 28 29 3b 0a 20 20 his.render();.
06f0: 7d 0a 0a 20 20 73 69 7a 65 49 6e 74 65 72 66 61 }.. sizeInterfa
0700: 63 65 28 29 20 7b 0a 20 20 20 20 20 20 6c 65 74 ce() {. let
0710: 20 74 65 78 74 73 69 7a 65 20 3d 20 74 68 69 73 textsize = this
0720: 2e 68 65 69 67 68 74 2f 33 3b 0a 20 20 20 20 20 .height/3;.
0730: 20 6c 65 74 20 74 65 78 74 73 69 7a 65 32 20 3d let textsize2 =
0740: 20 28 74 68 69 73 2e 77 69 64 74 68 20 2f 20 28 (this.width / (
0750: 74 68 69 73 2e 5f 74 65 78 74 2e 6c 65 6e 67 74 this._text.lengt
0760: 68 20 2b 20 32 29 20 29 3b 0a 20 20 20 20 20 20 h + 2) );.
0770: 74 65 78 74 73 69 7a 65 20 3d 20 4d 61 74 68 2e textsize = Math.
0780: 6d 69 6e 28 74 65 78 74 73 69 7a 65 2c 74 65 78 min(textsize,tex
0790: 74 73 69 7a 65 32 29 3b 0a 20 20 20 20 20 20 69 tsize2);. i
07a0: 66 20 28 74 68 69 73 2e 61 6c 74 65 72 6e 61 74 f (this.alternat
07b0: 65 54 65 78 74 29 20 7b 0a 20 20 20 20 20 20 20 eText) {.
07c0: 20 6c 65 74 20 74 65 78 74 73 69 7a 65 33 20 3d let textsize3 =
07d0: 20 28 74 68 69 73 2e 77 69 64 74 68 20 2f 20 28 (this.width / (
07e0: 74 68 69 73 2e 61 6c 74 65 72 6e 61 74 65 54 65 this.alternateTe
07f0: 78 74 2e 6c 65 6e 67 74 68 20 2b 20 32 29 20 29 xt.length + 2) )
0800: 3b 0a 20 20 20 20 20 20 20 20 74 65 78 74 73 69 ;. textsi
0810: 7a 65 20 3d 20 4d 61 74 68 2e 6d 69 6e 28 74 65 ze = Math.min(te
0820: 78 74 73 69 7a 65 2c 74 65 78 74 73 69 7a 65 33 xtsize,textsize3
0830: 29 3b 0a 20 20 20 20 20 20 7d 0a 20 20 20 20 20 );. }.
0840: 20 6c 65 74 20 73 74 79 6c 65 73 20 3d 20 27 77 let styles = 'w
0850: 69 64 74 68 3a 20 27 20 2b 20 74 68 69 73 2e 77 idth: ' + this.w
0860: 69 64 74 68 20 2b 20 27 70 78 3b 27 3b 0a 20 20 idth + 'px;';.
0870: 20 20 20 20 73 74 79 6c 65 73 20 2b 3d 20 27 68 styles += 'h
0880: 65 69 67 68 74 3a 20 27 20 2b 20 74 68 69 73 2e eight: ' + this.
0890: 68 65 69 67 68 74 20 2b 20 27 70 78 3b 27 3b 0a height + 'px;';.
08a0: 20 20 20 20 20 20 73 74 79 6c 65 73 20 2b 3d 20 styles +=
08b0: 27 70 61 64 64 69 6e 67 3a 20 27 2b 28 74 68 69 'padding: '+(thi
08c0: 73 2e 68 65 69 67 68 74 2d 74 65 78 74 73 69 7a s.height-textsiz
08d0: 65 29 2f 32 2b 27 70 78 20 30 70 78 3b 27 3b 0a e)/2+'px 0px;';.
08e0: 20 20 20 20 20 20 73 74 79 6c 65 73 20 2b 3d 20 styles +=
08f0: 27 62 6f 78 2d 73 69 7a 69 6e 67 3a 20 62 6f 72 'box-sizing: bor
0900: 64 65 72 2d 62 6f 78 3b 27 3b 0a 20 20 20 20 20 der-box;';.
0910: 20 73 74 79 6c 65 73 20 2b 3d 20 27 74 65 78 74 styles += 'text
0920: 2d 61 6c 69 67 6e 3a 20 63 65 6e 74 65 72 3b 27 -align: center;'
0930: 3b 0a 20 20 20 20 20 20 73 74 79 6c 65 73 20 2b ;. styles +
0940: 3d 20 27 66 6f 6e 74 2d 66 61 6d 69 6c 79 3a 20 = 'font-family:
0950: 69 6e 68 65 72 69 74 3b 27 3b 0a 20 20 20 20 20 inherit;';.
0960: 20 73 74 79 6c 65 73 20 2b 3d 20 27 66 6f 6e 74 styles += 'font
0970: 2d 77 65 69 67 68 74 3a 20 37 30 30 3b 27 3b 0a -weight: 700;';.
0980: 20 20 20 20 20 20 73 74 79 6c 65 73 20 2b 3d 20 styles +=
0990: 27 6f 70 61 63 69 74 79 3a 20 31 3b 27 3b 0a 20 'opacity: 1;';.
09a0: 20 20 20 20 20 73 74 79 6c 65 73 20 2b 3d 20 27 styles += '
09b0: 66 6f 6e 74 2d 73 69 7a 65 3a 27 20 2b 20 74 65 font-size:' + te
09c0: 78 74 73 69 7a 65 20 2b 20 27 70 78 3b 27 3b 0a xtsize + 'px;';.
09d0: 20 20 20 20 20 20 74 68 69 73 2e 74 65 78 74 45 this.textE
09e0: 6c 65 6d 65 6e 74 2e 73 74 79 6c 65 2e 63 73 73 lement.style.css
09f0: 54 65 78 74 20 3d 20 73 74 79 6c 65 73 3b 0a 20 Text = styles;.
0a00: 20 20 20 20 20 74 68 69 73 2e 72 65 6e 64 65 72 this.render
0a10: 28 29 3b 0a 20 20 7d 0a 0a 20 20 72 65 6e 64 65 ();. }.. rende
0a20: 72 28 29 20 7b 0a 20 20 20 20 69 66 20 28 21 74 r() {. if (!t
0a30: 68 69 73 2e 73 74 61 74 65 29 20 7b 0a 20 20 20 his.state) {.
0a40: 20 20 20 74 68 69 73 2e 65 6c 65 6d 65 6e 74 2e this.element.
0a50: 73 74 79 6c 65 2e 62 61 63 6b 67 72 6f 75 6e 64 style.background
0a60: 43 6f 6c 6f 72 20 3d 20 74 68 69 73 2e 63 6f 6c Color = this.col
0a70: 6f 72 73 2e 66 69 6c 6c 3b 0a 20 20 20 20 20 20 ors.fill;.
0a80: 74 68 69 73 2e 74 65 78 74 45 6c 65 6d 65 6e 74 this.textElement
0a90: 2e 73 74 79 6c 65 2e 63 6f 6c 6f 72 20 3d 20 74 .style.color = t
0aa0: 68 69 73 2e 63 6f 6c 6f 72 73 2e 64 61 72 6b 3b his.colors.dark;
0ab0: 0a 20 20 20 20 20 20 74 68 69 73 2e 74 65 78 74 . this.text
0ac0: 45 6c 65 6d 65 6e 74 2e 69 6e 6e 65 72 48 54 4d Element.innerHTM
0ad0: 4c 20 3d 20 74 68 69 73 2e 5f 74 65 78 74 3b 0a L = this._text;.
0ae0: 20 20 20 20 7d 20 65 6c 73 65 20 7b 0a 20 20 20 } else {.
0af0: 20 20 20 74 68 69 73 2e 65 6c 65 6d 65 6e 74 2e this.element.
0b00: 73 74 79 6c 65 2e 62 61 63 6b 67 72 6f 75 6e 64 style.background
0b10: 43 6f 6c 6f 72 20 3d 20 74 68 69 73 2e 63 6f 6c Color = this.col
0b20: 6f 72 73 2e 61 63 63 65 6e 74 3b 0a 20 20 20 20 ors.accent;.
0b30: 20 20 74 68 69 73 2e 74 65 78 74 45 6c 65 6d 65 this.textEleme
0b40: 6e 74 2e 73 74 79 6c 65 2e 63 6f 6c 6f 72 20 3d nt.style.color =
0b50: 20 74 68 69 73 2e 63 6f 6c 6f 72 73 2e 66 69 6c this.colors.fil
0b60: 6c 3b 0a 20 20 20 20 20 20 69 66 20 28 74 68 69 l;. if (thi
0b70: 73 2e 61 6c 74 65 72 6e 61 74 65 54 65 78 74 29 s.alternateText)
0b80: 20 7b 0a 20 20 20 20 20 20 20 20 74 68 69 73 2e {. this.
0b90: 74 65 78 74 45 6c 65 6d 65 6e 74 2e 69 6e 6e 65 textElement.inne
0ba0: 72 48 54 4d 4c 20 3d 20 74 68 69 73 2e 5f 61 6c rHTML = this._al
0bb0: 74 65 72 6e 61 74 65 54 65 78 74 3b 0a 20 20 20 ternateText;.
0bc0: 20 20 20 7d 20 65 6c 73 65 20 7b 0a 20 20 20 20 } else {.
0bd0: 20 20 20 20 74 68 69 73 2e 74 65 78 74 45 6c 65 this.textEle
0be0: 6d 65 6e 74 2e 69 6e 6e 65 72 48 54 4d 4c 20 3d ment.innerHTML =
0bf0: 20 74 68 69 73 2e 5f 74 65 78 74 3b 0a 20 20 20 this._text;.
0c00: 20 20 20 7d 0a 20 20 20 20 7d 0a 20 20 7d 0a 0a }. }. }..
0c10: 20 20 2f 2a 2a 0a 20 20 54 68 65 20 74 65 78 74 /**. The text
0c20: 20 74 6f 20 64 69 73 70 6c 61 79 20 77 68 65 6e to display when
0c30: 20 74 68 65 20 62 75 74 74 6f 6e 20 69 73 20 69 the button is i
0c40: 6e 20 69 74 73 20 22 6f 6e 22 20 73 74 61 74 65 n its "on" state
0c50: 2e 20 49 66 20 73 65 74 2c 20 74 68 69 73 20 70 . If set, this p
0c60: 75 74 73 20 74 68 65 20 62 75 74 74 6f 6e 20 69 uts the button i
0c70: 6e 20 22 74 6f 67 67 6c 65 22 20 6d 6f 64 65 2e n "toggle" mode.
0c80: 0a 20 20 40 74 79 70 65 20 7b 53 74 72 69 6e 67 . @type {String
0c90: 7d 0a 20 20 2a 2f 0a 20 20 67 65 74 20 61 6c 74 }. */. get alt
0ca0: 65 72 6e 61 74 65 54 65 78 74 28 29 20 7b 0a 20 ernateText() {.
0cb0: 20 20 20 72 65 74 75 72 6e 20 74 68 69 73 2e 5f return this._
0cc0: 61 6c 74 65 72 6e 61 74 65 54 65 78 74 3b 0a 20 alternateText;.
0cd0: 20 7d 0a 0a 20 20 73 65 74 20 61 6c 74 65 72 6e }.. set altern
0ce0: 61 74 65 54 65 78 74 28 74 65 78 74 29 20 7b 0a ateText(text) {.
0cf0: 20 20 20 20 69 66 20 28 74 65 78 74 29 20 7b 0a if (text) {.
0d00: 20 20 20 20 20 20 74 68 69 73 2e 6d 6f 64 65 20 this.mode
0d10: 3d 20 27 74 6f 67 67 6c 65 27 3b 0a 20 20 20 20 = 'toggle';.
0d20: 7d 20 65 6c 73 65 20 7b 0a 20 20 20 20 20 20 74 } else {. t
0d30: 68 69 73 2e 6d 6f 64 65 20 3d 20 27 62 75 74 74 his.mode = 'butt
0d40: 6f 6e 27 3b 0a 20 20 20 20 7d 0a 20 20 20 20 74 on';. }. t
0d50: 68 69 73 2e 5f 61 6c 74 65 72 6e 61 74 65 54 65 his._alternateTe
0d60: 78 74 20 3d 20 74 65 78 74 3b 0a 20 20 20 20 74 xt = text;. t
0d70: 68 69 73 2e 72 65 6e 64 65 72 28 29 3b 0a 20 20 his.render();.
0d80: 7d 0a 0a 0a 20 20 2f 2a 2a 0a 20 20 54 68 65 20 }... /**. The
0d90: 74 65 78 74 20 74 6f 20 64 69 73 70 6c 61 79 2e text to display.
0da0: 20 28 49 66 20 2e 61 6c 74 65 72 6e 61 74 65 54 (If .alternateT
0db0: 65 78 74 20 65 78 69 73 74 73 2c 20 74 68 65 6e ext exists, then
0dc0: 20 74 68 69 73 20 2e 74 65 78 74 20 77 69 6c 6c this .text will
0dd0: 20 6f 6e 6c 79 20 62 65 20 64 69 73 70 6c 61 79 only be display
0de0: 65 64 20 77 68 65 6e 20 74 68 65 20 62 75 74 74 ed when the butt
0df0: 6f 6e 20 69 73 20 69 6e 20 69 74 73 20 22 6f 66 on is in its "of
0e00: 66 22 20 73 74 61 74 65 2e 29 0a 20 20 40 74 79 f" state.). @ty
0e10: 70 65 20 7b 53 74 72 69 6e 67 7d 0a 20 20 2a 2f pe {String}. */
0e20: 0a 20 20 67 65 74 20 74 65 78 74 28 29 20 7b 0a . get text() {.
0e30: 20 20 20 20 72 65 74 75 72 6e 20 74 68 69 73 2e return this.
0e40: 5f 74 65 78 74 3b 0a 20 20 7d 0a 0a 20 20 73 65 _text;. }.. se
0e50: 74 20 74 65 78 74 28 74 65 78 74 29 20 7b 0a 20 t text(text) {.
0e60: 20 20 20 74 68 69 73 2e 5f 74 65 78 74 20 3d 20 this._text =
0e70: 74 65 78 74 3b 0a 20 20 20 20 74 68 69 73 2e 73 text;. this.s
0e80: 69 7a 65 49 6e 74 65 72 66 61 63 65 28 29 3b 0a izeInterface();.
0e90: 20 20 20 20 74 68 69 73 2e 72 65 6e 64 65 72 28 this.render(
0ea0: 29 3b 0a 20 20 7d 0a 0a 0a 7d 0a );. }...}.