2 <div class="text">df </div>
3 <div class="data" data-tag="used-percent"> 12</div>
4 <div class="units">%</div>
7 <div class="text">testing argument modifier </div>
8 <div class="data" data-tag="host">my-box</div>
9 <div class="text">.</div>
10 <div class="data" data-tag="domain">example.com</div>
11 <div class="text">...</div>
14 <div class="text">testing argument modifier with encoding to </div>
15 <div class="text">.</div>
16 <div class="data" data-tag="domain">example.com</div>
17 <div class="text">...</div>
20 <div class="label">Label text</div>
21 <div class="text"> </div>
22 <div class="data" data-tag="label">value</div>
25 <div class="data" data-tag="max-chaos"> very </div>
26 <div class="data" data-tag="min-chaos">42</div>
27 <div class="data" data-tag="some-chaos">42
29 <div class="text">Connecting to </div>
30 <div class="data" data-tag="host">my-box</div>
31 <div class="text">.</div>
32 <div class="data" data-tag="domain">example.com</div>
33 <div class="text">...</div>
36 <div class="title">Item </div>
37 <div class="title"> Total Sold</div>
38 <div class="title"> In Stock</div>
39 <div class="title"> On Order</div>
40 <div class="title"> SKU</div>
43 <div class="data" data-tag="name" data-key="key">gum </div>
44 <div class="data" data-tag="sold"> 1412</div>
45 <div class="data" data-tag="in-stock"> 54</div>
46 <div class="data" data-tag="on-order"> 10</div>
47 <div class="data" data-tag="sku" data-key="key"> GRO-000-415</div>
50 <div class="data" data-tag="name" data-key="key">rope </div>
51 <div class="data" data-tag="sold"> 85</div>
52 <div class="data" data-tag="in-stock"> 4</div>
53 <div class="data" data-tag="on-order"> 2</div>
54 <div class="data" data-tag="sku" data-key="key"> HRD-000-212</div>
57 <div class="data" data-tag="name" data-key="key">ladder </div>
58 <div class="data" data-tag="sold"> 0</div>
59 <div class="data" data-tag="in-stock"> 2</div>
60 <div class="data" data-tag="on-order"> 1</div>
61 <div class="data" data-tag="sku" data-key="key"> HRD-000-517</div>
64 <div class="data" data-tag="name" data-key="key">bolt </div>
65 <div class="data" data-tag="sold"> 4123</div>
66 <div class="data" data-tag="in-stock"> 144</div>
67 <div class="data" data-tag="on-order"> 42</div>
68 <div class="data" data-tag="sku" data-key="key"> HRD-000-632</div>
71 <div class="data" data-tag="name" data-key="key">water </div>
72 <div class="data" data-tag="sold"> 17</div>
73 <div class="data" data-tag="in-stock"> 14</div>
74 <div class="data" data-tag="on-order"> 2</div>
75 <div class="data" data-tag="sku" data-key="key"> GRO-000-2331</div>
82 <div class="label">Item</div>
83 <div class="text"> '</div>
84 <div class="data" data-tag="name" data-key="key">gum</div>
85 <div class="text">':</div>
88 <div class="padding"> </div>
89 <div class="label">Total sold</div>
90 <div class="text">: </div>
91 <div class="data" data-tag="sold">1412.0</div>
94 <div class="padding"> </div>
95 <div class="label">In stock</div>
96 <div class="decoration">:</div>
97 <div class="padding"> </div>
98 <div class="data" data-tag="in-stock">54</div>
101 <div class="padding"> </div>
102 <div class="label">On order</div>
103 <div class="decoration">:</div>
104 <div class="padding"> </div>
105 <div class="data" data-tag="on-order">10</div>
108 <div class="padding"> </div>
109 <div class="label">SKU</div>
110 <div class="text">: </div>
111 <div class="data" data-tag="sku" data-key="key">GRO-000-415</div>
114 <div class="label">Item</div>
115 <div class="text"> '</div>
116 <div class="data" data-tag="name" data-key="key">rope</div>
117 <div class="text">':</div>
120 <div class="padding"> </div>
121 <div class="label">Total sold</div>
122 <div class="text">: </div>
123 <div class="data" data-tag="sold">85.0</div>
126 <div class="padding"> </div>
127 <div class="label">In stock</div>
128 <div class="decoration">:</div>
129 <div class="padding"> </div>
130 <div class="data" data-tag="in-stock">4</div>
133 <div class="padding"> </div>
134 <div class="label">On order</div>
135 <div class="decoration">:</div>
136 <div class="padding"> </div>
137 <div class="data" data-tag="on-order">2</div>
140 <div class="padding"> </div>
141 <div class="label">SKU</div>
142 <div class="text">: </div>
143 <div class="data" data-tag="sku" data-key="key">HRD-000-212</div>
146 <div class="label">Item</div>
147 <div class="text"> '</div>
148 <div class="data" data-tag="name" data-key="key">ladder</div>
149 <div class="text">':</div>
152 <div class="padding"> </div>
153 <div class="label">Total sold</div>
154 <div class="text">: </div>
155 <div class="data" data-tag="sold">0</div>
158 <div class="padding"> </div>
159 <div class="label">In stock</div>
160 <div class="decoration">:</div>
161 <div class="padding"> </div>
162 <div class="data" data-tag="in-stock">2</div>
165 <div class="padding"> </div>
166 <div class="label">On order</div>
167 <div class="decoration">:</div>
168 <div class="padding"> </div>
169 <div class="data" data-tag="on-order">1</div>
172 <div class="padding"> </div>
173 <div class="label">SKU</div>
174 <div class="text">: </div>
175 <div class="data" data-tag="sku" data-key="key">HRD-000-517</div>
178 <div class="label">Item</div>
179 <div class="text"> '</div>
180 <div class="data" data-tag="name" data-key="key">bolt</div>
181 <div class="text">':</div>
184 <div class="padding"> </div>
185 <div class="label">Total sold</div>
186 <div class="text">: </div>
187 <div class="data" data-tag="sold">4123.0</div>
190 <div class="padding"> </div>
191 <div class="label">In stock</div>
192 <div class="decoration">:</div>
193 <div class="padding"> </div>
194 <div class="data" data-tag="in-stock">144</div>
197 <div class="padding"> </div>
198 <div class="label">On order</div>
199 <div class="decoration">:</div>
200 <div class="padding"> </div>
201 <div class="data" data-tag="on-order">42</div>
204 <div class="padding"> </div>
205 <div class="label">SKU</div>
206 <div class="text">: </div>
207 <div class="data" data-tag="sku" data-key="key">HRD-000-632</div>
210 <div class="label">Item</div>
211 <div class="text"> '</div>
212 <div class="data" data-tag="name" data-key="key">water</div>
213 <div class="text">':</div>
216 <div class="padding"> </div>
217 <div class="label">Total sold</div>
218 <div class="text">: </div>
219 <div class="data" data-tag="sold">17.0</div>
222 <div class="padding"> </div>
223 <div class="label">In stock</div>
224 <div class="decoration">:</div>
225 <div class="padding"> </div>
226 <div class="data" data-tag="in-stock">14</div>
229 <div class="padding"> </div>
230 <div class="label">On order</div>
231 <div class="decoration">:</div>
232 <div class="padding"> </div>
233 <div class="data" data-tag="on-order">2</div>
236 <div class="padding"> </div>
237 <div class="label">SKU</div>
238 <div class="text">: </div>
239 <div class="data" data-tag="sku" data-key="key">GRO-000-2331</div>
242 <div class="label">Item</div>
243 <div class="text"> '</div>
244 <div class="data" data-tag="name" data-key="key">fish</div>
245 <div class="text">':</div>
248 <div class="padding"> </div>
249 <div class="label">Total sold</div>
250 <div class="text">: </div>
251 <div class="data" data-tag="sold">1321.0</div>
254 <div class="padding"> </div>
255 <div class="label">In stock</div>
256 <div class="decoration">:</div>
257 <div class="padding"> </div>
258 <div class="data" data-tag="in-stock">45</div>
261 <div class="padding"> </div>
262 <div class="label">On order</div>
263 <div class="decoration">:</div>
264 <div class="padding"> </div>
265 <div class="data" data-tag="on-order">1</div>
268 <div class="padding"> </div>
269 <div class="label">SKU</div>
270 <div class="text">: </div>
271 <div class="data" data-tag="sku" data-key="key">GRO-000-533</div>
274 <div class="label">Item</div>
275 <div class="decoration">:</div>
276 <div class="padding"> </div>
277 <div class="data" data-tag="item">gum</div>
280 <div class="label">Item</div>
281 <div class="decoration">:</div>
282 <div class="padding"> </div>
283 <div class="data" data-tag="item">rope</div>
286 <div class="label">Item</div>
287 <div class="decoration">:</div>
288 <div class="padding"> </div>
289 <div class="data" data-tag="item">ladder</div>
292 <div class="label">Item</div>
293 <div class="decoration">:</div>
294 <div class="padding"> </div>
295 <div class="data" data-tag="item">bolt</div>
298 <div class="label">Item</div>
299 <div class="decoration">:</div>
300 <div class="padding"> </div>
301 <div class="data" data-tag="item">water</div>
304 <div class="text">X</div>
305 <div class="text">X</div>
306 <div class="text">X</div>
307 <div class="text">X</div>
308 <div class="text">X</div>
309 <div class="text">X</div>
310 <div class="text">X</div>
311 <div class="text">X</div>
314 <div class="text">X</div>
315 <div class="padding"> </div>
316 <div class="text">X</div>
317 <div class="label">Cost</div>
318 <div class="decoration">:</div>
319 <div class="padding"> </div>
320 <div class="data" data-tag="cost">425</div>
323 <div class="text">X</div>
324 <div class="padding"> </div>
325 <div class="text">X</div>
326 <div class="label">Cost</div>
327 <div class="decoration">:</div>
328 <div class="padding"> </div>
329 <div class="data" data-tag="cost">455</div>
332 <div class="text"> </div>
333 <div class="data" data-tag="links">links</div>
334 <div class="text"> </div>
335 <div class="data" data-tag="user">user</div>
336 <div class="text"> </div>
337 <div class="data" data-tag="group">group</div>
338 <div class="text"> </div>
341 <div class="data" data-tag="links">3 </div>
342 <div class="data" data-tag="post">this </div>
345 <div class="data" data-tag="mode">/some/file</div>
346 <div class="text"> </div>
347 <div class="data" data-tag="links"> 1</div>
348 <div class="text"> </div>
349 <div class="data" data-tag="user">user </div>
350 <div class="text"> </div>
351 <div class="data" data-tag="group">group </div>
352 <div class="text"> </div>