polymorphism: better names for .binaryValue and .booleanValue are .asInteger and...
[supercollider.git] / Help / Libraries / JITLib / GUI / NodeProxyEditor.html
blob8020409f9a707899b243773e9f4d8480e5072fb9
1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 <html>
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5 <meta http-equiv="Content-Style-Type" content="text/css">
6 <title></title>
7 <meta name="Generator" content="Cocoa HTML Writer">
8 <meta name="CocoaVersion" content="1038.29">
9 <style type="text/css">
10 p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 18.0px Helvetica}
11 p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 18.0px Helvetica; min-height: 22.0px}
12 p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica}
13 p.p4 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px}
14 p.p5 {margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Helvetica}
15 p.p6 {margin: 0.0px 0.0px 0.0px 57.0px; text-indent: -57.0px; font: 9.0px Monaco; min-height: 12.0px}
16 p.p7 {margin: 0.0px 0.0px 0.0px 57.0px; text-indent: -57.0px; font: 12.0px Helvetica}
17 p.p8 {margin: 0.0px 0.0px 0.0px 57.0px; text-indent: -57.0px; font: 12.0px Helvetica; min-height: 14.0px}
18 p.p9 {margin: 0.0px 0.0px 0.0px 0.0px; font: 9.0px Monaco; min-height: 12.0px}
19 p.p10 {margin: 0.0px 0.0px 0.0px 0.0px; font: 9.0px Monaco; color: #cd1612}
20 p.p11 {margin: 0.0px 0.0px 0.0px 0.0px; font: 9.0px Monaco}
21 p.p12 {margin: 0.0px 0.0px 0.0px 0.0px; font: 9.0px Monaco; color: #0b28c6}
22 p.p13 {margin: 0.0px 0.0px 0.0px 0.0px; font: 9.0px Monaco; color: #737373}
23 span.s1 {font: 18.0px Helvetica}
24 span.s2 {color: #2b30fa}
25 span.s3 {text-decoration: underline ; color: #2b30fa}
26 span.s4 {text-decoration: underline ; color: #1032ee}
27 span.s5 {text-decoration: underline ; color: #0000ee}
28 span.s6 {color: #1135f9}
29 span.s7 {color: #0a25b9}
30 span.s8 {font: 9.0px Monaco}
31 span.s9 {color: #000000}
32 span.s10 {color: #0b28c6}
33 span.s11 {color: #00831b}
34 span.Apple-tab-span {white-space:pre}
35 </style>
36 </head>
37 <body>
38 <p class="p1"><b>NodeProxyEditor has been replaced - please use NdefGui now!</b></p>
39 <p class="p2"><br></p>
40 <p class="p3"><b>NodeProxyEditor</b><span class="s1"><b> </b></span>has been rewritten and renamed <a href="../extras/TdefGui.html"><span class="s2"><b>NdefGui</b></span></a>, which has the same functionality,<span class="Apple-converted-space"> </span></p>
41 <p class="p3">but is both more consistent and more flexible.</p>
42 <p class="p3">There are some changes to the *new method: instead of</p>
43 <p class="p4"><br></p>
44 <p class="p3"><span class="Apple-tab-span"> </span>*new(proxy, nSliders=16, parent, extras=[\CLR, \reset, \scope, \doc, \end, \fade],</p>
45 <p class="p3"><span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span>monitor, sinks, morph)</p>
46 <p class="p4"><span class="Apple-tab-span"> </span></p>
47 <p class="p3"><span class="Apple-tab-span"> </span>*new (object, numItems = 0, parent, bounds, makeSkip, options)</p>
48 <p class="p4"><br></p>
49 <p class="p3"><span class="Apple-tab-span"> </span><b>proxy</b> <span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span>is now <span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span><b>object</b><span class="Apple-converted-space"> </span></p>
50 <p class="p3"><span class="Apple-tab-span"> </span><b>nSliders</b> <span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span>is now <span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span><b>numItems</b><span class="Apple-converted-space"> </span></p>
51 <p class="p3"><b><span class="Apple-tab-span"> </span>parent <span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span></b>is still<b><span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span>parent</b></p>
52 <p class="p3"><span class="Apple-tab-span"> </span><b><span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span>bounds </b>- can be Rect(l, t, w, h) or width@heights</p>
53 <p class="p4"><span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span></p>
54 <p class="p3"><b><span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span>makeSkip </b>- an option to build without skipjack.</p>
55 <p class="p3"><span class="Apple-tab-span"> </span><b>extras</b><span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span>are now<span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span><b>options</b>, and have become more flexible.</p>
56 <p class="p4"><br></p>
57 <p class="p3">Please see <a href="../extras/NPGui.html"><span class="s3">NdefGui</span></a> for more details.</p>
58 <p class="p2"><br></p>
59 <p class="p2"><br></p>
60 <p class="p2"><br></p>
61 <p class="p1"><b>//////////////////////////</b></p>
62 <p class="p3"><span class="s1"><b>NodeProxyEditor<span class="Apple-converted-space">  </span></b></span><b><span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span>editor for a nodeproxy</b></p>
63 <p class="p4"><br></p>
64 <p class="p3"><b>Inherits from:</b> <a href="../../../Core/Object.html"><span class="s4">Object</span></a></p>
65 <p class="p4"><br></p>
66 <p class="p3">NodeProxyEditor provides controls for handling and editing a node proxy and its monitors (cross-platform graphics).</p>
67 <p class="p4"><br></p>
68 <p class="p3"><span class="Apple-tab-span"> </span>• sliders for numerical settings</p>
69 <p class="p3"><span class="Apple-tab-span"> </span>• mapping of kr proxies to parameters<span class="Apple-converted-space"> </span></p>
70 <p class="p3"><span class="Apple-tab-span"> </span>• optional controls for playing / monitoring</p>
71 <p class="p4"><span class="Apple-tab-span"> </span></p>
72 <p class="p3"><span class="s5"><a href="../nodeproxy/NodeProxy.html">NodeProxy</a></span> and <a href="../nodeproxy/Ndef.html"><span class="s6">Ndef</span></a> implement an edit message, which returns a NodeProxyEditor.</p>
73 <p class="p3">Overview: <a href="../JITLib.html"><span class="s7">JITLib</span></a></p>
74 <p class="p4"><br></p>
75 <p class="p4"><br></p>
76 <p class="p5"><b>Creation / Class Methods</b></p>
77 <p class="p6"><br></p>
78 <p class="p7"><b><span class="Apple-tab-span"> </span>*new(proxy, nSliders=16, win, view)</b></p>
79 <p class="p7"><b><span class="Apple-tab-span"> </span></b>Returns a new instance for a given <b>proxy</b>.<span class="Apple-converted-space"> </span></p>
80 <p class="p7"><span class="Apple-tab-span"> </span>If a window (<b>win</b>) or a composite <b>view</b> is given, it uses this.</p>
81 <p class="p8"><b><span class="Apple-tab-span"> </span></b></p>
82 <p class="p8"><b><span class="Apple-tab-span"> </span></b></p>
83 <p class="p5"><b>Example</b><span class="s8"><span class="Apple-tab-span"> </span></span></p>
84 <p class="p8"><br></p>
85 <p class="p9"><br></p>
86 <p class="p10"><span class="s9"><span class="Apple-tab-span"> </span></span>// preparation</p>
87 <p class="p11">s.boot;</p>
88 <p class="p11">p = <span class="s10">ProxySpace</span>.push(s);<span class="Apple-converted-space"> </span></p>
89 <p class="p9"><br></p>
90 <p class="p11">(</p>
91 <p class="p12"><span class="s9">~test = { </span>|freq=300, dens=20, amp=0.1, pan|<span class="s9"><span class="Apple-converted-space"> </span></span></p>
92 <p class="p11"><span class="Apple-tab-span"> </span><span class="s10">Pan2</span>.ar(<span class="s10">Ringz</span>.ar(<span class="s10">Dust</span>.ar(dens, amp / (dens.max(1).sqrt)), freq, 0.2), pan)<span class="Apple-converted-space"> </span></p>
93 <p class="p11">};</p>
94 <p class="p11">)</p>
95 <p class="p9"><br></p>
96 <p class="p10"><span class="s9"><span class="Apple-tab-span"> </span></span>// make a NodeProxyEditor</p>
97 <p class="p12"><span class="s9">n = </span>NodeProxyEditor<span class="s9">();</span></p>
98 <p class="p11">n.proxy_(~test);</p>
99 <p class="p9"><br></p>
100 <p class="p10"><span class="s9"><span class="Apple-tab-span"> </span></span>// some configuration options<span class="Apple-tab-span"> </span></p>
101 <p class="p10"><span class="s9"><span class="Apple-tab-span"> </span></span>// number of sliders</p>
102 <p class="p11">n = <span class="s10">NodeProxyEditor</span>(~test, 6);</p>
103 <p class="p9"><br></p>
104 <p class="p10"><span class="s9"><span class="Apple-tab-span"> </span></span>// the top line has a choice of elements:</p>
105 <p class="p11"><span class="Apple-tab-span"> </span><span class="s11">\CLR</span> <span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span>button to clear proxy</p>
106 <p class="p11"><span class="Apple-tab-span"> </span><span class="s11">\reset</span><span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span>button to reset proxy nodemap</p>
107 <p class="p11"><span class="Apple-tab-span"> </span><span class="s11">\scope</span><span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span>button to scope proxy</p>
108 <p class="p11"><span class="Apple-tab-span"> </span><span class="s11">\doc</span><span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span>button to document proxy as code</p>
109 <p class="p11"><span class="Apple-tab-span"> </span><span class="s11">\end</span><span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span>button to end proxy</p>
110 <p class="p11"><span class="Apple-tab-span"> </span><span class="s11">\fade</span><span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span><span class="s10">EZNumber</span> for setting fadetime</p>
111 <p class="p9"><br></p>
112 <p class="p11"><span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span>not in the default elements:</p>
113 <p class="p11"><span class="Apple-tab-span"> </span><span class="s11">\rip</span><span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span>button to open a new editor on the proxy (used in <span class="s10">ProxyMixer</span>)</p>
114 <p class="p9"><span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span></p>
115 <p class="p11"><span class="Apple-tab-span"> </span><span class="s11">\pausR</span><span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span>a button to toggle pause/resume</p>
116 <p class="p11"><span class="Apple-tab-span"> </span><span class="s11">\sendR</span><span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span>a button to re-send; alt-click does <span class="s10">Rebuild</span></p>
117 <p class="p9"><br></p>
118 <p class="p11"><span class="Apple-tab-span"> </span><span class="s11">\send</span><span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span>just send</p>
119 <p class="p11"><span class="Apple-tab-span"> </span><span class="s11">\rebuild</span><span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span>just rebuild</p>
120 <p class="p11"><span class="Apple-tab-span"> </span><span class="s11">\poll</span><span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span>poll the proxy</p>
121 <p class="p9"><span class="Apple-tab-span"> </span></p>
122 <p class="p10"><span class="s9"><span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span></span>// maybe provide later this?<span class="Apple-converted-space"> </span></p>
123 <p class="p10"><span class="s9"><span class="Apple-tab-span"> </span></span><span class="s11">\name</span><span class="s9"> -&gt; { func }; <span class="Apple-tab-span"> </span></span>// add your own element...<span class="Apple-converted-space"> </span></p>
124 <p class="p9"><span class="Apple-tab-span"> </span></p>
125 <p class="p10"><span class="s9"><span class="Apple-tab-span"> </span></span>// The default buttons/controls are:</p>
126 <p class="p11"><span class="s10">NodeProxyEditor</span>(extras: <span class="s10">nil</span>, monitor: <span class="s10">true</span>, sinks: <span class="s10">true</span>);</p>
127 <p class="p10"><span class="s9"><span class="Apple-tab-span"> </span></span>// these are:</p>
128 <p class="p11"><span class="s10">NodeProxyEditor</span>(extras: [<span class="s11">\CLR</span>, <span class="s11">\reset</span>, <span class="s11">\scope</span>, <span class="s11">\doc</span>, <span class="s11">\end</span>, <span class="s11">\fade</span>], monitor: <span class="s10">true</span>, sinks: <span class="s10">true</span>);</p>
129 <p class="p10"><span class="s9"><span class="Apple-tab-span"> </span></span>// if no monitor line, you can add pausR and sendR buttons</p>
130 <p class="p11"><span class="s10">NodeProxyEditor</span>(extras: [<span class="s11">\CLR</span>, <span class="s11">\reset</span>, <span class="s11">\pausR</span>, <span class="s11">\sendR</span>, <span class="s11">\scope</span>], monitor: <span class="s10">false</span>, sinks: <span class="s10">false</span>);</p>
131 <p class="p9"><br></p>
132 <p class="p9"><br></p>
133 <p class="p10"><span class="s9"><span class="Apple-tab-span"> </span></span>// barebones</p>
134 <p class="p11"><span class="s10">NodeProxyEditor</span>(extras: [], monitor: <span class="s10">false</span>);</p>
135 <p class="p9"><br></p>
136 <p class="p10"><span class="s9"><span class="Apple-tab-span"> </span></span>// not done yet - presets and morphing</p>
137 <p class="p12">NodeProxyEditor<span class="s9">( morph: </span>true<span class="s9">);</span></p>
138 <p class="p9"><br></p>
139 <p class="p10"><span class="s9"><span class="Apple-tab-span"> </span></span>// also works with Ndef</p>
140 <p class="p11"><span class="s10">Ndef</span>(<span class="s11">\a</span>).ar;<span class="Apple-converted-space"> </span></p>
141 <p class="p12">NodeProxyEditor<span class="s9">(</span>Ndef<span class="s9">(</span><span class="s11">\a</span><span class="s9">));</span></p>
142 <p class="p9"><br></p>
143 <p class="p10"><span class="s9"><span class="Apple-tab-span"> </span></span>// place in existing window</p>
144 <p class="p11">(</p>
145 <p class="p13"><span class="s9">w = </span><span class="s10">Window</span><span class="s9">(</span>"testing"<span class="s9">);</span></p>
146 <p class="p11">n = <span class="s10">NodeProxyEditor</span>(nSliders: 6, win: w);</p>
147 <p class="p11">n.proxy_(~test);</p>
148 <p class="p11">)</p>
149 <p class="p10"><span class="s9"><span class="Apple-tab-span"> </span></span>// too many controls: an EZScroller helps.</p>
150 <p class="p11">(</p>
151 <p class="p12"><span class="s9">~test = { </span>|freq=300, dens=20, amp=0.1, pan, ping=12, tok=13, crak|<span class="s9"><span class="Apple-converted-space"> </span></span></p>
152 <p class="p11"><span class="Apple-tab-span"> </span><span class="s10">Pan2</span>.ar(<span class="s10">Ringz</span>.ar(<span class="s10">Dust</span>.ar(dens, amp / (dens.max(1).sqrt)), freq, 0.2), pan)<span class="Apple-converted-space"> </span></p>
153 <p class="p11">};</p>
154 <p class="p11"><span class="s10">Spec</span>.add(<span class="s11">\dens</span>, [0.1, 100, <span class="s11">\exp</span>, 0.01, 10]);</p>
155 <p class="p11">)</p>
156 <p class="p10"><span class="s9"><span class="Apple-tab-span"> </span></span>// gets specs for slider ranges from global lookup in Spec.specs:</p>
157 <p class="p11"><span class="s10">Spec</span>.add(<span class="s11">\dens</span>, [0.1, 100, <span class="s11">\exp</span>, 0.01, 10]);</p>
158 <p class="p11">n.fullUpdate;</p>
159 <p class="p9"><br></p>
160 <p class="p10"><span class="s9">(<span class="Apple-tab-span"> </span></span>// keys go away if not needed</p>
161 <p class="p12"><span class="s9">~test = { </span>|freq=300, dens=20, amp=0.1|<span class="s9"><span class="Apple-converted-space"> </span></span></p>
162 <p class="p11"><span class="Apple-tab-span"> </span><span class="s10">Pan2</span>.ar(<span class="s10">Ringz</span>.ar(<span class="s10">Dust</span>.ar(dens, amp / (dens.max(1).sqrt)), freq, 0.2))<span class="Apple-converted-space"> </span></p>
163 <p class="p11">};</p>
164 <p class="p11">)</p>
165 <p class="p9"><br></p>
166 <p class="p10"><span class="s9">(<span class="Apple-tab-span"> </span></span>// and are added in order if needed</p>
167 <p class="p12"><span class="s9">~test = { </span>|freq=300, intv=0, dens=20, amp=0.1, pan, pok, ting|<span class="s9"><span class="Apple-converted-space"> </span></span></p>
168 <p class="p11"><span class="Apple-tab-span"> </span><span class="s10">Pan2</span>.ar(</p>
169 <p class="p11"><span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span><span class="s10">Ringz</span>.ar(</p>
170 <p class="p11"><span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span><span class="s10">Dust</span>.ar(dens ! 2, amp / (dens.max(1).sqrt)),<span class="Apple-converted-space"> </span></p>
171 <p class="p11"><span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span>freq * [intv, intv.neg].midiratio, 0.2))<span class="Apple-converted-space"> </span></p>
172 <p class="p11">};</p>
173 <p class="p11">)</p>
174 <p class="p9"><br></p>
175 <p class="p10"><span class="s9"><span class="Apple-tab-span"> </span></span>// changes in settings are shown:</p>
176 <p class="p11">~test.set(<span class="s11">\freq</span>, exprand(100.0, 2000.0));</p>
177 <p class="p11">~test.playN;</p>
178 <p class="p9"><br></p>
179 <p class="p10"><span class="s9"><span class="Apple-tab-span"> </span></span>// mapping kr proxies to controls is shown</p>
180 <p class="p11">~lfo = { <span class="s10">LFNoise0</span>.kr(8, 4) };</p>
181 <p class="p11">~test.map(<span class="s11">\intv</span>, ~lfo);<span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span></p>
182 <p class="p11">~test.unmap(<span class="s11">\intv</span>);<span class="Apple-converted-space"> <span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span></span></p>
183 <p class="p9"><br></p>
184 <p class="p11"><span class="s10">Spec</span>.add(<span class="s11">\intv</span>, <span class="s10">ControlSpec</span>(0, 24, <span class="s11">\lin</span>, 0.01, 0)); n.fullUpdate;</p>
185 <p class="p10"><span class="s9"><span class="Apple-tab-span"> </span></span>// setting a param value unmaps a previous control source</p>
186 <p class="p11">~test.set(<span class="s11">\freq</span>, rrand(200, 500), <span class="s11">\intv</span>, rrand(-5.5, 5.5));</p>
187 <p class="p9"><br></p>
188 <p class="p9"><br></p>
189 <p class="p9"><br></p>
190 <p class="p11"><span class="s10">You</span> can drag and drop proxies between NodeProxyEditors:<span class="Apple-converted-space"> </span></p>
191 <p class="p9"><br></p>
192 <p class="p11">(</p>
193 <p class="p10">// p = ProxySpace.push(s.boot);</p>
194 <p class="p9"><br></p>
195 <p class="p11">l = <span class="s10">NodeProxyEditor</span>(<span class="s10">nil</span>, 3); l.w.bounds_(l.w.bounds.moveBy(0, 120));</p>
196 <p class="p11">m = <span class="s10">NodeProxyEditor</span>(<span class="s10">nil</span>, 3); m.w.bounds_(m.w.bounds.moveBy(0, 240));</p>
197 <p class="p11">n = <span class="s10">NodeProxyEditor</span>(<span class="s10">nil</span>, 3); n.w.bounds_(n.w.bounds.moveBy(0, 360));</p>
198 <p class="p11">o = <span class="s10">NodeProxyEditor</span>(<span class="s10">nil</span>, 3); o.w.bounds_(o.w.bounds.moveBy(0, 480));</p>
199 <p class="p9"><br></p>
200 <p class="p11"><span class="s10">Spec</span>.add(<span class="s11">\dens</span>, [0.1, 300, <span class="s11">\exp</span>]);</p>
201 <p class="p9"><br></p>
202 <p class="p10"><span class="s9"><span class="Apple-tab-span"> </span></span>// make 3 kinds of proxies: using tilde/proxyspace, Ndef, and unnamed.</p>
203 <p class="p11">~spacy = {<span class="s10">|dens=5|</span> <span class="s10">Formlet</span>.ar(<span class="s10">Dust</span>.ar(dens ! 2), <span class="s10">LFDNoise0</span>.kr(20 ! 2).lag(0.1).linexp(-1, 1, 300, 5000), 0.003, 0.03)<span class="Apple-converted-space">  </span>};</p>
204 <p class="p11"><span class="s10">Ndef</span>(<span class="s11">\ndeffy</span>, { <span class="s10">GrayNoise</span>.ar( 0.1 ! 2) });</p>
205 <p class="p11">c = <span class="s10">NodeProxy</span>.audio.source_({ <span class="s10">PinkNoise</span>.ar(0.1 ! 2) });</p>
206 <p class="p9"><span class="Apple-tab-span"> </span></p>
207 <p class="p10"><span class="s9"><span class="Apple-tab-span"> </span></span>// put one in each editor</p>
208 <p class="p11">l.proxy_(~spacy);</p>
209 <p class="p11">m.proxy_(<span class="s10">Ndef</span>(<span class="s11">\ndeffy</span>));</p>
210 <p class="p11">n.proxy_(c);<span class="Apple-tab-span"> </span><span class="Apple-tab-span"> </span></p>
211 <p class="p11">)</p>
212 </body>
213 </html>