1<div class="line">
2  <div class="text">anchor </div>
3  <div class="padding">            </div>
4  <div class="data" data-tag="address" data-xpath="/top/address">0x0</div>
5  <div class="text">..</div>
6  <div class="data" data-tag="port" data-xpath="/top/port">1</div>
7</div>
8<div class="line">
9  <div class="text">anchor </div>
10  <div class="padding">            </div>
11  <div class="data" data-tag="address" data-xpath="/top/address">0x0</div>
12  <div class="text">..</div>
13  <div class="data" data-tag="port" data-xpath="/top/port">1</div>
14</div>
15<div class="line">
16  <div class="text">anchor </div>
17  <div class="padding">            </div>
18  <div class="data" data-tag="address" data-xpath="/top/address">0x0</div>
19  <div class="text">..</div>
20  <div class="data" data-tag="port" data-xpath="/top/port">1</div>
21</div>
22<div class="line">
23  <div class="text">df </div>
24  <div class="data" data-tag="used-percent" data-xpath="/top/used-percent">   12</div>
25  <div class="units">%</div>
26</div>
27<div class="line">
28  <div class="text">testing argument modifier </div>
29  <div class="data" data-tag="host" data-xpath="/top/host">my-box</div>
30  <div class="text">.</div>
31  <div class="data" data-tag="domain" data-xpath="/top/domain">example.com</div>
32  <div class="text">...</div>
33</div>
34<div class="line">
35  <div class="text">testing argument modifier with encoding to </div>
36  <div class="text">.</div>
37  <div class="data" data-tag="domain" data-xpath="/top/domain">example.com</div>
38  <div class="text">...</div>
39</div>
40<div class="line">
41  <div class="label">Label text</div>
42  <div class="text"> </div>
43  <div class="data" data-tag="label" data-xpath="/top/label">value</div>
44</div>
45<div class="line">
46  <div class="data" data-tag="max-chaos" data-xpath="/top/max-chaos">  very  </div>
47  <div class="data" data-tag="min-chaos" data-xpath="/top/min-chaos">42</div>
48  <div class="data" data-tag="some-chaos" data-xpath="/top/some-chaos">42
49</div>
50  <div class="text">Connecting to </div>
51  <div class="data" data-tag="host" data-xpath="/top/host">my-box</div>
52  <div class="text">.</div>
53  <div class="data" data-tag="domain" data-xpath="/top/domain">example.com</div>
54  <div class="text">...</div>
55</div>
56<div class="line">
57  <div class="title">Item      </div>
58  <div class="title">  Total Sold</div>
59  <div class="title">    In Stock</div>
60  <div class="title">    On Order</div>
61  <div class="title">  SKU</div>
62</div>
63<div class="line">
64  <div class="data" data-tag="name" data-xpath="/top/data/item/name" data-type="string" data-help="Name of the item" data-key="key">gum       </div>
65  <div class="data" data-tag="sold" data-xpath="/top/data/item[sku = 'GRO-000-415'][name = 'gum']/sold" data-type="number" data-help="Number of items sold">        1412</div>
66  <div class="data" data-tag="in-stock" data-xpath="/top/data/item[sku = 'GRO-000-415'][name = 'gum']/in-stock" data-type="number" data-help="Number of items in stock">          54</div>
67  <div class="data" data-tag="on-order" data-xpath="/top/data/item[sku = 'GRO-000-415'][name = 'gum']/on-order" data-type="number" data-help="Number of items on order">          10</div>
68  <div class="data" data-tag="sku" data-xpath="/top/data/item/sku" data-type="string" data-help="Stock Keeping Unit" data-key="key">  GRO-000-415</div>
69</div>
70<div class="line">
71  <div class="data" data-tag="name" data-xpath="/top/data/item/name" data-type="string" data-help="Name of the item" data-key="key">rope      </div>
72  <div class="data" data-tag="sold" data-xpath="/top/data/item[sku = 'HRD-000-212'][name = 'rope']/sold" data-type="number" data-help="Number of items sold">          85</div>
73  <div class="data" data-tag="in-stock" data-xpath="/top/data/item[sku = 'HRD-000-212'][name = 'rope']/in-stock" data-type="number" data-help="Number of items in stock">           4</div>
74  <div class="data" data-tag="on-order" data-xpath="/top/data/item[sku = 'HRD-000-212'][name = 'rope']/on-order" data-type="number" data-help="Number of items on order">           2</div>
75  <div class="data" data-tag="sku" data-xpath="/top/data/item/sku" data-type="string" data-help="Stock Keeping Unit" data-key="key">  HRD-000-212</div>
76</div>
77<div class="line">
78  <div class="data" data-tag="name" data-xpath="/top/data/item/name" data-type="string" data-help="Name of the item" data-key="key">ladder    </div>
79  <div class="data" data-tag="sold" data-xpath="/top/data/item[sku = 'HRD-000-517'][name = 'ladder']/sold" data-type="number" data-help="Number of items sold">           0</div>
80  <div class="data" data-tag="in-stock" data-xpath="/top/data/item[sku = 'HRD-000-517'][name = 'ladder']/in-stock" data-type="number" data-help="Number of items in stock">           2</div>
81  <div class="data" data-tag="on-order" data-xpath="/top/data/item[sku = 'HRD-000-517'][name = 'ladder']/on-order" data-type="number" data-help="Number of items on order">           1</div>
82  <div class="data" data-tag="sku" data-xpath="/top/data/item/sku" data-type="string" data-help="Stock Keeping Unit" data-key="key">  HRD-000-517</div>
83</div>
84<div class="line">
85  <div class="data" data-tag="name" data-xpath="/top/data/item/name" data-type="string" data-help="Name of the item" data-key="key">bolt      </div>
86  <div class="data" data-tag="sold" data-xpath="/top/data/item[sku = 'HRD-000-632'][name = 'bolt']/sold" data-type="number" data-help="Number of items sold">        4123</div>
87  <div class="data" data-tag="in-stock" data-xpath="/top/data/item[sku = 'HRD-000-632'][name = 'bolt']/in-stock" data-type="number" data-help="Number of items in stock">         144</div>
88  <div class="data" data-tag="on-order" data-xpath="/top/data/item[sku = 'HRD-000-632'][name = 'bolt']/on-order" data-type="number" data-help="Number of items on order">          42</div>
89  <div class="data" data-tag="sku" data-xpath="/top/data/item/sku" data-type="string" data-help="Stock Keeping Unit" data-key="key">  HRD-000-632</div>
90</div>
91<div class="line">
92  <div class="data" data-tag="name" data-xpath="/top/data/item/name" data-type="string" data-help="Name of the item" data-key="key">water     </div>
93  <div class="data" data-tag="sold" data-xpath="/top/data/item[sku = 'GRO-000-2331'][name = 'water']/sold" data-type="number" data-help="Number of items sold">          17</div>
94  <div class="data" data-tag="in-stock" data-xpath="/top/data/item[sku = 'GRO-000-2331'][name = 'water']/in-stock" data-type="number" data-help="Number of items in stock">          14</div>
95  <div class="data" data-tag="on-order" data-xpath="/top/data/item[sku = 'GRO-000-2331'][name = 'water']/on-order" data-type="number" data-help="Number of items on order">           2</div>
96  <div class="data" data-tag="sku" data-xpath="/top/data/item/sku" data-type="string" data-help="Stock Keeping Unit" data-key="key">  GRO-000-2331</div>
97</div>
98<div class="line">
99</div>
100<div class="line">
101</div>
102<div class="line">
103  <div class="label">Item</div>
104  <div class="text"> '</div>
105  <div class="data" data-tag="name" data-xpath="/top/data2/item/name" data-type="string" data-help="Name of the item" data-key="key">gum</div>
106  <div class="text">':</div>
107</div>
108<div class="line">
109  <div class="padding">   </div>
110  <div class="label">Total sold</div>
111  <div class="text">: </div>
112  <div class="data" data-tag="sold" data-xpath="/top/data2/item[sku = 'GRO-000-415'][name = 'gum']/sold" data-type="number" data-help="Number of items sold">1412.0</div>
113</div>
114<div class="line">
115  <div class="padding">   </div>
116  <div class="label">In stock</div>
117  <div class="decoration">:</div>
118  <div class="padding"> </div>
119  <div class="data" data-tag="in-stock" data-xpath="/top/data2/item[sku = 'GRO-000-415'][name = 'gum']/in-stock" data-type="number" data-help="Number of items in stock">54</div>
120</div>
121<div class="line">
122  <div class="padding">   </div>
123  <div class="label">On order</div>
124  <div class="decoration">:</div>
125  <div class="padding"> </div>
126  <div class="data" data-tag="on-order" data-xpath="/top/data2/item[sku = 'GRO-000-415'][name = 'gum']/on-order" data-type="number" data-help="Number of items on order">10</div>
127</div>
128<div class="line">
129  <div class="padding">   </div>
130  <div class="label">SKU</div>
131  <div class="text">: </div>
132  <div class="data" data-tag="sku" data-xpath="/top/data2/item/sku" data-type="string" data-help="Stock Keeping Unit" data-key="key">GRO-000-415</div>
133</div>
134<div class="line">
135  <div class="label">Item</div>
136  <div class="text"> '</div>
137  <div class="data" data-tag="name" data-xpath="/top/data2/item/name" data-type="string" data-help="Name of the item" data-key="key">rope</div>
138  <div class="text">':</div>
139</div>
140<div class="line">
141  <div class="padding">   </div>
142  <div class="label">Total sold</div>
143  <div class="text">: </div>
144  <div class="data" data-tag="sold" data-xpath="/top/data2/item[sku = 'HRD-000-212'][name = 'rope']/sold" data-type="number" data-help="Number of items sold">85.0</div>
145</div>
146<div class="line">
147  <div class="padding">   </div>
148  <div class="label">In stock</div>
149  <div class="decoration">:</div>
150  <div class="padding"> </div>
151  <div class="data" data-tag="in-stock" data-xpath="/top/data2/item[sku = 'HRD-000-212'][name = 'rope']/in-stock" data-type="number" data-help="Number of items in stock">4</div>
152</div>
153<div class="line">
154  <div class="padding">   </div>
155  <div class="label">On order</div>
156  <div class="decoration">:</div>
157  <div class="padding"> </div>
158  <div class="data" data-tag="on-order" data-xpath="/top/data2/item[sku = 'HRD-000-212'][name = 'rope']/on-order" data-type="number" data-help="Number of items on order">2</div>
159</div>
160<div class="line">
161  <div class="padding">   </div>
162  <div class="label">SKU</div>
163  <div class="text">: </div>
164  <div class="data" data-tag="sku" data-xpath="/top/data2/item/sku" data-type="string" data-help="Stock Keeping Unit" data-key="key">HRD-000-212</div>
165</div>
166<div class="line">
167  <div class="label">Item</div>
168  <div class="text"> '</div>
169  <div class="data" data-tag="name" data-xpath="/top/data2/item/name" data-type="string" data-help="Name of the item" data-key="key">ladder</div>
170  <div class="text">':</div>
171</div>
172<div class="line">
173  <div class="padding">   </div>
174  <div class="label">Total sold</div>
175  <div class="text">: </div>
176  <div class="data" data-tag="sold" data-xpath="/top/data2/item[sku = 'HRD-000-517'][name = 'ladder']/sold" data-type="number" data-help="Number of items sold">0</div>
177</div>
178<div class="line">
179  <div class="padding">   </div>
180  <div class="label">In stock</div>
181  <div class="decoration">:</div>
182  <div class="padding"> </div>
183  <div class="data" data-tag="in-stock" data-xpath="/top/data2/item[sku = 'HRD-000-517'][name = 'ladder']/in-stock" data-type="number" data-help="Number of items in stock">2</div>
184</div>
185<div class="line">
186  <div class="padding">   </div>
187  <div class="label">On order</div>
188  <div class="decoration">:</div>
189  <div class="padding"> </div>
190  <div class="data" data-tag="on-order" data-xpath="/top/data2/item[sku = 'HRD-000-517'][name = 'ladder']/on-order" data-type="number" data-help="Number of items on order">1</div>
191</div>
192<div class="line">
193  <div class="padding">   </div>
194  <div class="label">SKU</div>
195  <div class="text">: </div>
196  <div class="data" data-tag="sku" data-xpath="/top/data2/item/sku" data-type="string" data-help="Stock Keeping Unit" data-key="key">HRD-000-517</div>
197</div>
198<div class="line">
199  <div class="label">Item</div>
200  <div class="text"> '</div>
201  <div class="data" data-tag="name" data-xpath="/top/data2/item/name" data-type="string" data-help="Name of the item" data-key="key">bolt</div>
202  <div class="text">':</div>
203</div>
204<div class="line">
205  <div class="padding">   </div>
206  <div class="label">Total sold</div>
207  <div class="text">: </div>
208  <div class="data" data-tag="sold" data-xpath="/top/data2/item[sku = 'HRD-000-632'][name = 'bolt']/sold" data-type="number" data-help="Number of items sold">4123.0</div>
209</div>
210<div class="line">
211  <div class="padding">   </div>
212  <div class="label">In stock</div>
213  <div class="decoration">:</div>
214  <div class="padding"> </div>
215  <div class="data" data-tag="in-stock" data-xpath="/top/data2/item[sku = 'HRD-000-632'][name = 'bolt']/in-stock" data-type="number" data-help="Number of items in stock">144</div>
216</div>
217<div class="line">
218  <div class="padding">   </div>
219  <div class="label">On order</div>
220  <div class="decoration">:</div>
221  <div class="padding"> </div>
222  <div class="data" data-tag="on-order" data-xpath="/top/data2/item[sku = 'HRD-000-632'][name = 'bolt']/on-order" data-type="number" data-help="Number of items on order">42</div>
223</div>
224<div class="line">
225  <div class="padding">   </div>
226  <div class="label">SKU</div>
227  <div class="text">: </div>
228  <div class="data" data-tag="sku" data-xpath="/top/data2/item/sku" data-type="string" data-help="Stock Keeping Unit" data-key="key">HRD-000-632</div>
229</div>
230<div class="line">
231  <div class="label">Item</div>
232  <div class="text"> '</div>
233  <div class="data" data-tag="name" data-xpath="/top/data2/item/name" data-type="string" data-help="Name of the item" data-key="key">water</div>
234  <div class="text">':</div>
235</div>
236<div class="line">
237  <div class="padding">   </div>
238  <div class="label">Total sold</div>
239  <div class="text">: </div>
240  <div class="data" data-tag="sold" data-xpath="/top/data2/item[sku = 'GRO-000-2331'][name = 'water']/sold" data-type="number" data-help="Number of items sold">17.0</div>
241</div>
242<div class="line">
243  <div class="padding">   </div>
244  <div class="label">In stock</div>
245  <div class="decoration">:</div>
246  <div class="padding"> </div>
247  <div class="data" data-tag="in-stock" data-xpath="/top/data2/item[sku = 'GRO-000-2331'][name = 'water']/in-stock" data-type="number" data-help="Number of items in stock">14</div>
248</div>
249<div class="line">
250  <div class="padding">   </div>
251  <div class="label">On order</div>
252  <div class="decoration">:</div>
253  <div class="padding"> </div>
254  <div class="data" data-tag="on-order" data-xpath="/top/data2/item[sku = 'GRO-000-2331'][name = 'water']/on-order" data-type="number" data-help="Number of items on order">2</div>
255</div>
256<div class="line">
257  <div class="padding">   </div>
258  <div class="label">SKU</div>
259  <div class="text">: </div>
260  <div class="data" data-tag="sku" data-xpath="/top/data2/item/sku" data-type="string" data-help="Stock Keeping Unit" data-key="key">GRO-000-2331</div>
261</div>
262<div class="line">
263  <div class="label">Item</div>
264  <div class="text"> '</div>
265  <div class="data" data-tag="name" data-xpath="/top/data3/item/name" data-type="string" data-help="Name of the item" data-key="key">fish</div>
266  <div class="text">':</div>
267</div>
268<div class="line">
269  <div class="padding">   </div>
270  <div class="label">Total sold</div>
271  <div class="text">: </div>
272  <div class="data" data-tag="sold" data-xpath="/top/data3/item[sku = 'GRO-000-533'][name = 'fish']/sold" data-type="number" data-help="Number of items sold">1321.0</div>
273</div>
274<div class="line">
275  <div class="padding">   </div>
276  <div class="label">In stock</div>
277  <div class="decoration">:</div>
278  <div class="padding"> </div>
279  <div class="data" data-tag="in-stock" data-xpath="/top/data3/item[sku = 'GRO-000-533'][name = 'fish']/in-stock" data-type="number" data-help="Number of items in stock">45</div>
280</div>
281<div class="line">
282  <div class="padding">   </div>
283  <div class="label">On order</div>
284  <div class="decoration">:</div>
285  <div class="padding"> </div>
286  <div class="data" data-tag="on-order" data-xpath="/top/data3/item[sku = 'GRO-000-533'][name = 'fish']/on-order" data-type="number" data-help="Number of items on order">1</div>
287</div>
288<div class="line">
289  <div class="padding">   </div>
290  <div class="label">SKU</div>
291  <div class="text">: </div>
292  <div class="data" data-tag="sku" data-xpath="/top/data3/item/sku" data-type="string" data-help="Stock Keeping Unit" data-key="key">GRO-000-533</div>
293</div>
294<div class="line">
295  <div class="label">Item</div>
296  <div class="decoration">:</div>
297  <div class="padding"> </div>
298  <div class="data" data-tag="item" data-xpath="/top/data4/item">gum</div>
299</div>
300<div class="line">
301  <div class="label">Item</div>
302  <div class="decoration">:</div>
303  <div class="padding"> </div>
304  <div class="data" data-tag="item" data-xpath="/top/data4/item">rope</div>
305</div>
306<div class="line">
307  <div class="label">Item</div>
308  <div class="decoration">:</div>
309  <div class="padding"> </div>
310  <div class="data" data-tag="item" data-xpath="/top/data4/item">ladder</div>
311</div>
312<div class="line">
313  <div class="label">Item</div>
314  <div class="decoration">:</div>
315  <div class="padding"> </div>
316  <div class="data" data-tag="item" data-xpath="/top/data4/item">bolt</div>
317</div>
318<div class="line">
319  <div class="label">Item</div>
320  <div class="decoration">:</div>
321  <div class="padding"> </div>
322  <div class="data" data-tag="item" data-xpath="/top/data4/item">water</div>
323</div>
324<div class="line">
325  <div class="text">X</div>
326  <div class="text">X</div>
327  <div class="text">X</div>
328  <div class="text">X</div>
329  <div class="text">X</div>
330  <div class="text">X</div>
331  <div class="text">X</div>
332  <div class="text">X</div>
333</div>
334<div class="line">
335  <div class="text">X</div>
336  <div class="padding">        </div>
337  <div class="text">X</div>
338  <div class="label">Cost</div>
339  <div class="decoration">:</div>
340  <div class="padding"> </div>
341  <div class="data" data-tag="cost" data-xpath="/top/cost">425</div>
342</div>
343<div class="line">
344  <div class="text">X</div>
345  <div class="padding">                              </div>
346  <div class="text">X</div>
347  <div class="label">Cost</div>
348  <div class="decoration">:</div>
349  <div class="padding"> </div>
350  <div class="data" data-tag="cost" data-xpath="/top/cost">455</div>
351</div>
352<div class="line">
353  <div class="text"> </div>
354  <div class="data" data-tag="links" data-xpath="/top/links">links</div>
355  <div class="text"> </div>
356  <div class="data" data-tag="user" data-xpath="/top/user">user</div>
357  <div class="text">  </div>
358  <div class="data" data-tag="group" data-xpath="/top/group">group</div>
359  <div class="text">  </div>
360</div>
361<div class="line">
362  <div class="data" data-tag="links" data-xpath="/top/links">3       </div>
363  <div class="data" data-tag="post" data-xpath="/top/post">this    </div>
364</div>
365<div class="line">
366  <div class="data" data-tag="mode" data-xpath="/top/mode">/some/file</div>
367  <div class="text"> </div>
368  <div class="data" data-tag="links" data-xpath="/top/links">       1</div>
369  <div class="text"> </div>
370  <div class="data" data-tag="user" data-xpath="/top/user">user      </div>
371  <div class="text">  </div>
372  <div class="data" data-tag="group" data-xpath="/top/group">group       </div>
373  <div class="text">  </div>
374</div>
375