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