@qhealth-design-system/core 1.0.70 → 1.0.72

package/CHANGELOG.md

@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## Unreleased
 
+## 1.0.72 - 2023-07-31
+
+## 1.0.71 - 2023-07-27
+
 ## 1.0.70 - 2023-07-26
 
 ## 1.0.69 - 2023-07-25

package/dist/component-data_table.html

@@ -605,9 +605,9 @@
         
 <section class="qld__body ">
     <div class="container-fluid">
-        <div class="qld__data-table qld__data-table--csv">
+        <div class="qld__data-table qld__data-table--csv qld__table--striped">
             <div class="qld__data-table__header">
-                <span class="qld__display-sm">Table title</span>
+                <span class="qld__display-md">Table title</span>
                 <span class="qld__caption">
                     Table caption
                 </span>
@@ -615,7 +615,7 @@
             <div id="qld_data-table_html" class="qld__data-table-content" aria-describedby="" style="display: none">
                 <table id='qld_table_html' class=''><thead><tr><th>Name</th><th>Position</th><th>Office</th><th>Age</th><th>Start date</th><th>Salary</th></tr></thead><tbody><tr><td>Tiger Nixon</td><td>System Architect</td><td>Edinburgh</td><td>61</td><td>2011-04-25</td><td>$320,800</td></tr><tr><td>Garrett Winters</td><td>Accountant</td><td>Tokyo</td><td>63</td><td>2011-07-25</td><td>$170,750</td></tr><tr><td>Ashton Cox</td><td>Junior Technical Author</td><td>San Francisco</td><td>66</td><td>2009-01-12</td><td>$86,000</td></tr><tr><td>Cedric Kelly</td><td>Senior Javascript Developer</td><td>Edinburgh</td><td>22</td><td>2012-03-29</td><td>$433,060</td></tr><tr><td>Airi Satou</td><td>Accountant</td><td>Tokyo</td><td>33</td><td>2008-11-28</td><td>$162,700</td></tr><tr><td>Brielle Williamson</td><td>Integration Specialist</td><td>New York</td><td>61</td><td>2012-12-02</td><td>$372,000</td></tr><tr><td>Herrod Chandler</td><td>Sales Assistant</td><td>San Francisco</td><td>59</td><td>2012-08-06</td><td>$137,500</td></tr><tr><td>Rhona Davidson</td><td>Integration Specialist</td><td>Tokyo</td><td>55</td><td>2010-10-14</td><td>$327,900</td></tr><tr><td>Colleen Hurst</td><td>Javascript Developer</td><td>San Francisco</td><td>39</td><td>2009-09-15</td><td>$205,500</td></tr><tr><td>Sonya Frost</td><td>Software Engineer</td><td>Edinburgh</td><td>23</td><td>2008-12-13</td><td>$103,600</td></tr><tr><td>Jena Gaines</td><td>Office Manager</td><td>London</td><td>30</td><td>2008-12-19</td><td>$90,560</td></tr><tr><td>Quinn Flynn</td><td>Support Lead</td><td>Edinburgh</td><td>22</td><td>2013-03-03</td><td>$342,000</td></tr><tr><td>Charde Marshall</td><td>Regional Director</td><td>San Francisco</td><td>36</td><td>2008-10-16</td><td>$470,600</td></tr><tr><td>Haley Kennedy</td><td>Senior Marketing Designer</td><td>London</td><td>43</td><td>2012-12-18</td><td>$313,500</td></tr><tr><td>Tatyana Fitzpatrick</td><td>Regional Director</td><td>London</td><td>19</td><td>2010-03-17</td><td>$385,750</td></tr><tr><td>Michael Silva</td><td>Marketing Designer</td><td>London</td><td>66</td><td>2012-11-27</td><td>$198,500</td></tr><tr><td>Paul Byrd</td><td>Chief Financial Officer (CFO)</td><td>New York</td><td>64</td><td>2010-06-09</td><td>$725,000</td></tr><tr><td>Gloria Little</td><td>Systems Administrator</td><td>New York</td><td>59</td><td>2009-04-10</td><td>$237,500</td></tr><tr><td>Bradley Greer</td><td>Software Engineer</td><td>London</td><td>41</td><td>2012-10-13</td><td>$132,000</td></tr><tr><td>Dai Rios</td><td>Personnel Lead</td><td>Edinburgh</td><td>35</td><td>2012-09-26</td><td>$217,500</td></tr><tr><td>Jenette Caldwell</td><td>Development Lead</td><td>New York</td><td>30</td><td>2011-09-03</td><td>$345,000</td></tr><tr><td>Yuri Berry</td><td>Chief Marketing Officer (CMO)</td><td>New York</td><td>40</td><td>2009-06-25</td><td>$675,000</td></tr><tr><td>Caesar Vance</td><td>Pre-Sales Support</td><td>New York</td><td>21</td><td>2011-12-12</td><td>$106,450</td></tr><tr><td>Doris Wilder</td><td>Sales Assistant</td><td>Sydney</td><td>23</td><td>2010-09-20</td><td>$85,600</td></tr><tr><td>Angelica Ramos</td><td>Chief Executive Officer (CEO)</td><td>London</td><td>47</td><td>2009-10-09</td><td>$1,200,000</td></tr><tr><td>Gavin Joyce</td><td>Developer</td><td>Edinburgh</td><td>42</td><td>2010-12-22</td><td>$92,575</td></tr><tr><td>Jennifer Chang</td><td>Regional Director</td><td>Singapore</td><td>28</td><td>2010-11-14</td><td>$357,650</td></tr><tr><td>Brenden Wagner</td><td>Software Engineer</td><td>San Francisco</td><td>28</td><td>2011-06-07</td><td>$206,850</td></tr><tr><td>Fiona Green</td><td>Chief Operating Officer (COO)</td><td>San Francisco</td><td>48</td><td>2010-03-11</td><td>$850,000</td></tr><tr><td>Shou Itou</td><td>Regional Marketing</td><td>Tokyo</td><td>20</td><td>2011-08-14</td><td>$163,000</td></tr><tr><td>Michelle House</td><td>Integration Specialist</td><td>Sydney</td><td>37</td><td>2011-06-02</td><td>$95,400</td></tr><tr><td>Suki Burks</td><td>Developer</td><td>London</td><td>53</td><td>2009-10-22</td><td>$114,500</td></tr><tr><td>Prescott Bartlett</td><td>Technical Author</td><td>London</td><td>27</td><td>2011-05-07</td><td>$145,000</td></tr><tr><td>Gavin Cortez</td><td>Team Leader</td><td>San Francisco</td><td>22</td><td>2008-10-26</td><td>$235,500</td></tr><tr><td>Martena Mccray</td><td>Post-Sales support</td><td>Edinburgh</td><td>46</td><td>2011-03-09</td><td>$324,050</td></tr><tr><td>Unity Butler</td><td>Marketing Designer</td><td>San Francisco</td><td>47</td><td>2009-12-09</td><td>$85,675</td></tr><tr><td>Howard Hatfield</td><td>Office Manager</td><td>San Francisco</td><td>51</td><td>2008-12-16</td><td>$164,500</td></tr><tr><td>Hope Fuentes</td><td>Secretary</td><td>San Francisco</td><td>41</td><td>2010-02-12</td><td>$109,850</td></tr><tr><td>Vivian Harrell</td><td>Financial Controller</td><td>San Francisco</td><td>62</td><td>2009-02-14</td><td>$452,500</td></tr><tr><td>Timothy Mooney</td><td>Office Manager</td><td>London</td><td>37</td><td>2008-12-11</td><td>$136,200</td></tr><tr><td>Jackson Bradshaw</td><td>Director</td><td>New York</td><td>65</td><td>2008-09-26</td><td>$645,750</td></tr><tr><td>Olivia Liang</td><td>Support Engineer</td><td>Singapore</td><td>64</td><td>2011-02-03</td><td>$234,500</td></tr><tr><td>Bruno Nash</td><td>Software Engineer</td><td>London</td><td>38</td><td>2011-05-03</td><td>$163,500</td></tr><tr><td>Sakura Yamamoto</td><td>Support Engineer</td><td>Tokyo</td><td>37</td><td>2009-08-19</td><td>$139,575</td></tr><tr><td>Thor Walton</td><td>Developer</td><td>New York</td><td>61</td><td>2013-08-11</td><td>$98,540</td></tr><tr><td>Finn Camacho</td><td>Support Engineer</td><td>San Francisco</td><td>47</td><td>2009-07-07</td><td>$87,500</td></tr><tr><td>Serge Baldwin</td><td>Data Coordinator</td><td>Singapore</td><td>64</td><td>2012-04-09</td><td>$138,575</td></tr><tr><td>Zenaida Frank</td><td>Software Engineer</td><td>New York</td><td>63</td><td>2010-01-04</td><td>$125,250</td></tr><tr><td>Zorita Serrano</td><td>Software Engineer</td><td>San Francisco</td><td>56</td><td>2012-06-01</td><td>$115,000</td></tr><tr><td>Jennifer Acosta</td><td>Junior Javascript Developer</td><td>Edinburgh</td><td>43</td><td>2013-02-01</td><td>$75,650</td></tr><tr><td>Cara Stevens</td><td>Sales Assistant</td><td>New York</td><td>46</td><td>2011-12-06</td><td>$145,600</td></tr><tr><td>Hermione Butler</td><td>Regional Director</td><td>London</td><td>47</td><td>2011-03-21</td><td>$356,250</td></tr><tr><td>Lael Greer</td><td>Systems Administrator</td><td>London</td><td>21</td><td>2009-02-27</td><td>$103,500</td></tr><tr><td>Jonas Alexander</td><td>Developer</td><td>San Francisco</td><td>30</td><td>2010-07-14</td><td>$86,500</td></tr><tr><td>Shad Decker</td><td>Regional Director</td><td>Edinburgh</td><td>51</td><td>2008-11-13</td><td>$183,000</td></tr><tr><td>Michael Bruce</td><td>Javascript Developer</td><td>Singapore</td><td>29</td><td>2011-06-27</td><td>$183,000</td></tr><tr><td>Donna Snider</td><td>Customer Support</td><td>New York</td><td>27</td><td>2011-01-25</td><td>$112,000</td></tr></tbody><tfoot><tr><th>Name</th><th>Position</th><th>Office</th><th>Age</th><th>Start date</th><th>Salary</th></tr></tfoot></table>
             </div>
-            <table id="qld_data-table_csv" class="qld__data-table-content" aria-describedby="" data-csv-source="http://localhost:8080/mysource_files/data-tables-csv-test.csv" style="display: none">
+            <table id="qld_data-table_csv" class="qld__data-table-content" aria-describedby="" data-csv-source="./?a=http://localhost:8080/mysource_files/data-tables-csv-test.csv" style="display: none">
             </table>
         </div>
     </div>
@@ -627,9 +627,9 @@
         <pre class="qld__example__html"><code class="component_output">
 &lt;section class&#x3D;&quot;qld__body &quot;&gt;
     &lt;div class&#x3D;&quot;container-fluid&quot;&gt;
-        &lt;div class&#x3D;&quot;qld__data-table qld__data-table--csv&quot;&gt;
+        &lt;div class&#x3D;&quot;qld__data-table qld__data-table--csv qld__table--striped&quot;&gt;
             &lt;div class&#x3D;&quot;qld__data-table__header&quot;&gt;
-                &lt;span class&#x3D;&quot;qld__display-sm&quot;&gt;Table title&lt;/span&gt;
+                &lt;span class&#x3D;&quot;qld__display-md&quot;&gt;Table title&lt;/span&gt;
                 &lt;span class&#x3D;&quot;qld__caption&quot;&gt;
                     Table caption
                 &lt;/span&gt;
@@ -637,7 +637,7 @@
             &lt;div id&#x3D;&quot;qld_data-table_html&quot; class&#x3D;&quot;qld__data-table-content&quot; aria-describedby&#x3D;&quot;&quot; style&#x3D;&quot;display: none&quot;&gt;
                 &lt;table id&#x3D;&#x27;qld_table_html&#x27; class&#x3D;&#x27;&#x27;&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Name&lt;/th&gt;&lt;th&gt;Position&lt;/th&gt;&lt;th&gt;Office&lt;/th&gt;&lt;th&gt;Age&lt;/th&gt;&lt;th&gt;Start date&lt;/th&gt;&lt;th&gt;Salary&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;Tiger Nixon&lt;/td&gt;&lt;td&gt;System Architect&lt;/td&gt;&lt;td&gt;Edinburgh&lt;/td&gt;&lt;td&gt;61&lt;/td&gt;&lt;td&gt;2011-04-25&lt;/td&gt;&lt;td&gt;$320,800&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Garrett Winters&lt;/td&gt;&lt;td&gt;Accountant&lt;/td&gt;&lt;td&gt;Tokyo&lt;/td&gt;&lt;td&gt;63&lt;/td&gt;&lt;td&gt;2011-07-25&lt;/td&gt;&lt;td&gt;$170,750&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Ashton Cox&lt;/td&gt;&lt;td&gt;Junior Technical Author&lt;/td&gt;&lt;td&gt;San Francisco&lt;/td&gt;&lt;td&gt;66&lt;/td&gt;&lt;td&gt;2009-01-12&lt;/td&gt;&lt;td&gt;$86,000&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Cedric Kelly&lt;/td&gt;&lt;td&gt;Senior Javascript Developer&lt;/td&gt;&lt;td&gt;Edinburgh&lt;/td&gt;&lt;td&gt;22&lt;/td&gt;&lt;td&gt;2012-03-29&lt;/td&gt;&lt;td&gt;$433,060&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Airi Satou&lt;/td&gt;&lt;td&gt;Accountant&lt;/td&gt;&lt;td&gt;Tokyo&lt;/td&gt;&lt;td&gt;33&lt;/td&gt;&lt;td&gt;2008-11-28&lt;/td&gt;&lt;td&gt;$162,700&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Brielle Williamson&lt;/td&gt;&lt;td&gt;Integration Specialist&lt;/td&gt;&lt;td&gt;New York&lt;/td&gt;&lt;td&gt;61&lt;/td&gt;&lt;td&gt;2012-12-02&lt;/td&gt;&lt;td&gt;$372,000&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Herrod Chandler&lt;/td&gt;&lt;td&gt;Sales Assistant&lt;/td&gt;&lt;td&gt;San Francisco&lt;/td&gt;&lt;td&gt;59&lt;/td&gt;&lt;td&gt;2012-08-06&lt;/td&gt;&lt;td&gt;$137,500&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Rhona Davidson&lt;/td&gt;&lt;td&gt;Integration Specialist&lt;/td&gt;&lt;td&gt;Tokyo&lt;/td&gt;&lt;td&gt;55&lt;/td&gt;&lt;td&gt;2010-10-14&lt;/td&gt;&lt;td&gt;$327,900&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Colleen Hurst&lt;/td&gt;&lt;td&gt;Javascript Developer&lt;/td&gt;&lt;td&gt;San Francisco&lt;/td&gt;&lt;td&gt;39&lt;/td&gt;&lt;td&gt;2009-09-15&lt;/td&gt;&lt;td&gt;$205,500&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Sonya Frost&lt;/td&gt;&lt;td&gt;Software Engineer&lt;/td&gt;&lt;td&gt;Edinburgh&lt;/td&gt;&lt;td&gt;23&lt;/td&gt;&lt;td&gt;2008-12-13&lt;/td&gt;&lt;td&gt;$103,600&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Jena Gaines&lt;/td&gt;&lt;td&gt;Office Manager&lt;/td&gt;&lt;td&gt;London&lt;/td&gt;&lt;td&gt;30&lt;/td&gt;&lt;td&gt;2008-12-19&lt;/td&gt;&lt;td&gt;$90,560&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Quinn Flynn&lt;/td&gt;&lt;td&gt;Support Lead&lt;/td&gt;&lt;td&gt;Edinburgh&lt;/td&gt;&lt;td&gt;22&lt;/td&gt;&lt;td&gt;2013-03-03&lt;/td&gt;&lt;td&gt;$342,000&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Charde Marshall&lt;/td&gt;&lt;td&gt;Regional Director&lt;/td&gt;&lt;td&gt;San Francisco&lt;/td&gt;&lt;td&gt;36&lt;/td&gt;&lt;td&gt;2008-10-16&lt;/td&gt;&lt;td&gt;$470,600&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Haley Kennedy&lt;/td&gt;&lt;td&gt;Senior Marketing Designer&lt;/td&gt;&lt;td&gt;London&lt;/td&gt;&lt;td&gt;43&lt;/td&gt;&lt;td&gt;2012-12-18&lt;/td&gt;&lt;td&gt;$313,500&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Tatyana Fitzpatrick&lt;/td&gt;&lt;td&gt;Regional Director&lt;/td&gt;&lt;td&gt;London&lt;/td&gt;&lt;td&gt;19&lt;/td&gt;&lt;td&gt;2010-03-17&lt;/td&gt;&lt;td&gt;$385,750&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Michael Silva&lt;/td&gt;&lt;td&gt;Marketing Designer&lt;/td&gt;&lt;td&gt;London&lt;/td&gt;&lt;td&gt;66&lt;/td&gt;&lt;td&gt;2012-11-27&lt;/td&gt;&lt;td&gt;$198,500&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Paul Byrd&lt;/td&gt;&lt;td&gt;Chief Financial Officer (CFO)&lt;/td&gt;&lt;td&gt;New York&lt;/td&gt;&lt;td&gt;64&lt;/td&gt;&lt;td&gt;2010-06-09&lt;/td&gt;&lt;td&gt;$725,000&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Gloria Little&lt;/td&gt;&lt;td&gt;Systems Administrator&lt;/td&gt;&lt;td&gt;New York&lt;/td&gt;&lt;td&gt;59&lt;/td&gt;&lt;td&gt;2009-04-10&lt;/td&gt;&lt;td&gt;$237,500&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Bradley Greer&lt;/td&gt;&lt;td&gt;Software Engineer&lt;/td&gt;&lt;td&gt;London&lt;/td&gt;&lt;td&gt;41&lt;/td&gt;&lt;td&gt;2012-10-13&lt;/td&gt;&lt;td&gt;$132,000&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Dai Rios&lt;/td&gt;&lt;td&gt;Personnel Lead&lt;/td&gt;&lt;td&gt;Edinburgh&lt;/td&gt;&lt;td&gt;35&lt;/td&gt;&lt;td&gt;2012-09-26&lt;/td&gt;&lt;td&gt;$217,500&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Jenette Caldwell&lt;/td&gt;&lt;td&gt;Development Lead&lt;/td&gt;&lt;td&gt;New York&lt;/td&gt;&lt;td&gt;30&lt;/td&gt;&lt;td&gt;2011-09-03&lt;/td&gt;&lt;td&gt;$345,000&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Yuri Berry&lt;/td&gt;&lt;td&gt;Chief Marketing Officer (CMO)&lt;/td&gt;&lt;td&gt;New York&lt;/td&gt;&lt;td&gt;40&lt;/td&gt;&lt;td&gt;2009-06-25&lt;/td&gt;&lt;td&gt;$675,000&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Caesar Vance&lt;/td&gt;&lt;td&gt;Pre-Sales Support&lt;/td&gt;&lt;td&gt;New York&lt;/td&gt;&lt;td&gt;21&lt;/td&gt;&lt;td&gt;2011-12-12&lt;/td&gt;&lt;td&gt;$106,450&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Doris Wilder&lt;/td&gt;&lt;td&gt;Sales Assistant&lt;/td&gt;&lt;td&gt;Sydney&lt;/td&gt;&lt;td&gt;23&lt;/td&gt;&lt;td&gt;2010-09-20&lt;/td&gt;&lt;td&gt;$85,600&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Angelica Ramos&lt;/td&gt;&lt;td&gt;Chief Executive Officer (CEO)&lt;/td&gt;&lt;td&gt;London&lt;/td&gt;&lt;td&gt;47&lt;/td&gt;&lt;td&gt;2009-10-09&lt;/td&gt;&lt;td&gt;$1,200,000&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Gavin Joyce&lt;/td&gt;&lt;td&gt;Developer&lt;/td&gt;&lt;td&gt;Edinburgh&lt;/td&gt;&lt;td&gt;42&lt;/td&gt;&lt;td&gt;2010-12-22&lt;/td&gt;&lt;td&gt;$92,575&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Jennifer Chang&lt;/td&gt;&lt;td&gt;Regional Director&lt;/td&gt;&lt;td&gt;Singapore&lt;/td&gt;&lt;td&gt;28&lt;/td&gt;&lt;td&gt;2010-11-14&lt;/td&gt;&lt;td&gt;$357,650&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Brenden Wagner&lt;/td&gt;&lt;td&gt;Software Engineer&lt;/td&gt;&lt;td&gt;San Francisco&lt;/td&gt;&lt;td&gt;28&lt;/td&gt;&lt;td&gt;2011-06-07&lt;/td&gt;&lt;td&gt;$206,850&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Fiona Green&lt;/td&gt;&lt;td&gt;Chief Operating Officer (COO)&lt;/td&gt;&lt;td&gt;San Francisco&lt;/td&gt;&lt;td&gt;48&lt;/td&gt;&lt;td&gt;2010-03-11&lt;/td&gt;&lt;td&gt;$850,000&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Shou Itou&lt;/td&gt;&lt;td&gt;Regional Marketing&lt;/td&gt;&lt;td&gt;Tokyo&lt;/td&gt;&lt;td&gt;20&lt;/td&gt;&lt;td&gt;2011-08-14&lt;/td&gt;&lt;td&gt;$163,000&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Michelle House&lt;/td&gt;&lt;td&gt;Integration Specialist&lt;/td&gt;&lt;td&gt;Sydney&lt;/td&gt;&lt;td&gt;37&lt;/td&gt;&lt;td&gt;2011-06-02&lt;/td&gt;&lt;td&gt;$95,400&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Suki Burks&lt;/td&gt;&lt;td&gt;Developer&lt;/td&gt;&lt;td&gt;London&lt;/td&gt;&lt;td&gt;53&lt;/td&gt;&lt;td&gt;2009-10-22&lt;/td&gt;&lt;td&gt;$114,500&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Prescott Bartlett&lt;/td&gt;&lt;td&gt;Technical Author&lt;/td&gt;&lt;td&gt;London&lt;/td&gt;&lt;td&gt;27&lt;/td&gt;&lt;td&gt;2011-05-07&lt;/td&gt;&lt;td&gt;$145,000&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Gavin Cortez&lt;/td&gt;&lt;td&gt;Team Leader&lt;/td&gt;&lt;td&gt;San Francisco&lt;/td&gt;&lt;td&gt;22&lt;/td&gt;&lt;td&gt;2008-10-26&lt;/td&gt;&lt;td&gt;$235,500&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Martena Mccray&lt;/td&gt;&lt;td&gt;Post-Sales support&lt;/td&gt;&lt;td&gt;Edinburgh&lt;/td&gt;&lt;td&gt;46&lt;/td&gt;&lt;td&gt;2011-03-09&lt;/td&gt;&lt;td&gt;$324,050&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Unity Butler&lt;/td&gt;&lt;td&gt;Marketing Designer&lt;/td&gt;&lt;td&gt;San Francisco&lt;/td&gt;&lt;td&gt;47&lt;/td&gt;&lt;td&gt;2009-12-09&lt;/td&gt;&lt;td&gt;$85,675&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Howard Hatfield&lt;/td&gt;&lt;td&gt;Office Manager&lt;/td&gt;&lt;td&gt;San Francisco&lt;/td&gt;&lt;td&gt;51&lt;/td&gt;&lt;td&gt;2008-12-16&lt;/td&gt;&lt;td&gt;$164,500&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Hope Fuentes&lt;/td&gt;&lt;td&gt;Secretary&lt;/td&gt;&lt;td&gt;San Francisco&lt;/td&gt;&lt;td&gt;41&lt;/td&gt;&lt;td&gt;2010-02-12&lt;/td&gt;&lt;td&gt;$109,850&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Vivian Harrell&lt;/td&gt;&lt;td&gt;Financial Controller&lt;/td&gt;&lt;td&gt;San Francisco&lt;/td&gt;&lt;td&gt;62&lt;/td&gt;&lt;td&gt;2009-02-14&lt;/td&gt;&lt;td&gt;$452,500&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Timothy Mooney&lt;/td&gt;&lt;td&gt;Office Manager&lt;/td&gt;&lt;td&gt;London&lt;/td&gt;&lt;td&gt;37&lt;/td&gt;&lt;td&gt;2008-12-11&lt;/td&gt;&lt;td&gt;$136,200&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Jackson Bradshaw&lt;/td&gt;&lt;td&gt;Director&lt;/td&gt;&lt;td&gt;New York&lt;/td&gt;&lt;td&gt;65&lt;/td&gt;&lt;td&gt;2008-09-26&lt;/td&gt;&lt;td&gt;$645,750&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Olivia Liang&lt;/td&gt;&lt;td&gt;Support Engineer&lt;/td&gt;&lt;td&gt;Singapore&lt;/td&gt;&lt;td&gt;64&lt;/td&gt;&lt;td&gt;2011-02-03&lt;/td&gt;&lt;td&gt;$234,500&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Bruno Nash&lt;/td&gt;&lt;td&gt;Software Engineer&lt;/td&gt;&lt;td&gt;London&lt;/td&gt;&lt;td&gt;38&lt;/td&gt;&lt;td&gt;2011-05-03&lt;/td&gt;&lt;td&gt;$163,500&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Sakura Yamamoto&lt;/td&gt;&lt;td&gt;Support Engineer&lt;/td&gt;&lt;td&gt;Tokyo&lt;/td&gt;&lt;td&gt;37&lt;/td&gt;&lt;td&gt;2009-08-19&lt;/td&gt;&lt;td&gt;$139,575&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Thor Walton&lt;/td&gt;&lt;td&gt;Developer&lt;/td&gt;&lt;td&gt;New York&lt;/td&gt;&lt;td&gt;61&lt;/td&gt;&lt;td&gt;2013-08-11&lt;/td&gt;&lt;td&gt;$98,540&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Finn Camacho&lt;/td&gt;&lt;td&gt;Support Engineer&lt;/td&gt;&lt;td&gt;San Francisco&lt;/td&gt;&lt;td&gt;47&lt;/td&gt;&lt;td&gt;2009-07-07&lt;/td&gt;&lt;td&gt;$87,500&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Serge Baldwin&lt;/td&gt;&lt;td&gt;Data Coordinator&lt;/td&gt;&lt;td&gt;Singapore&lt;/td&gt;&lt;td&gt;64&lt;/td&gt;&lt;td&gt;2012-04-09&lt;/td&gt;&lt;td&gt;$138,575&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Zenaida Frank&lt;/td&gt;&lt;td&gt;Software Engineer&lt;/td&gt;&lt;td&gt;New York&lt;/td&gt;&lt;td&gt;63&lt;/td&gt;&lt;td&gt;2010-01-04&lt;/td&gt;&lt;td&gt;$125,250&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Zorita Serrano&lt;/td&gt;&lt;td&gt;Software Engineer&lt;/td&gt;&lt;td&gt;San Francisco&lt;/td&gt;&lt;td&gt;56&lt;/td&gt;&lt;td&gt;2012-06-01&lt;/td&gt;&lt;td&gt;$115,000&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Jennifer Acosta&lt;/td&gt;&lt;td&gt;Junior Javascript Developer&lt;/td&gt;&lt;td&gt;Edinburgh&lt;/td&gt;&lt;td&gt;43&lt;/td&gt;&lt;td&gt;2013-02-01&lt;/td&gt;&lt;td&gt;$75,650&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Cara Stevens&lt;/td&gt;&lt;td&gt;Sales Assistant&lt;/td&gt;&lt;td&gt;New York&lt;/td&gt;&lt;td&gt;46&lt;/td&gt;&lt;td&gt;2011-12-06&lt;/td&gt;&lt;td&gt;$145,600&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Hermione Butler&lt;/td&gt;&lt;td&gt;Regional Director&lt;/td&gt;&lt;td&gt;London&lt;/td&gt;&lt;td&gt;47&lt;/td&gt;&lt;td&gt;2011-03-21&lt;/td&gt;&lt;td&gt;$356,250&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Lael Greer&lt;/td&gt;&lt;td&gt;Systems Administrator&lt;/td&gt;&lt;td&gt;London&lt;/td&gt;&lt;td&gt;21&lt;/td&gt;&lt;td&gt;2009-02-27&lt;/td&gt;&lt;td&gt;$103,500&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Jonas Alexander&lt;/td&gt;&lt;td&gt;Developer&lt;/td&gt;&lt;td&gt;San Francisco&lt;/td&gt;&lt;td&gt;30&lt;/td&gt;&lt;td&gt;2010-07-14&lt;/td&gt;&lt;td&gt;$86,500&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Shad Decker&lt;/td&gt;&lt;td&gt;Regional Director&lt;/td&gt;&lt;td&gt;Edinburgh&lt;/td&gt;&lt;td&gt;51&lt;/td&gt;&lt;td&gt;2008-11-13&lt;/td&gt;&lt;td&gt;$183,000&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Michael Bruce&lt;/td&gt;&lt;td&gt;Javascript Developer&lt;/td&gt;&lt;td&gt;Singapore&lt;/td&gt;&lt;td&gt;29&lt;/td&gt;&lt;td&gt;2011-06-27&lt;/td&gt;&lt;td&gt;$183,000&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Donna Snider&lt;/td&gt;&lt;td&gt;Customer Support&lt;/td&gt;&lt;td&gt;New York&lt;/td&gt;&lt;td&gt;27&lt;/td&gt;&lt;td&gt;2011-01-25&lt;/td&gt;&lt;td&gt;$112,000&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;tfoot&gt;&lt;tr&gt;&lt;th&gt;Name&lt;/th&gt;&lt;th&gt;Position&lt;/th&gt;&lt;th&gt;Office&lt;/th&gt;&lt;th&gt;Age&lt;/th&gt;&lt;th&gt;Start date&lt;/th&gt;&lt;th&gt;Salary&lt;/th&gt;&lt;/tr&gt;&lt;/tfoot&gt;&lt;/table&gt;
             &lt;/div&gt;
-            &lt;table id&#x3D;&quot;qld_data-table_csv&quot; class&#x3D;&quot;qld__data-table-content&quot; aria-describedby&#x3D;&quot;&quot; data-csv-source&#x3D;&quot;http://localhost:8080/mysource_files/data-tables-csv-test.csv&quot; style&#x3D;&quot;display: none&quot;&gt;
+            &lt;table id&#x3D;&quot;qld_data-table_csv&quot; class&#x3D;&quot;qld__data-table-content&quot; aria-describedby&#x3D;&quot;&quot; data-csv-source&#x3D;&quot;./?a&#x3D;http://localhost:8080/mysource_files/data-tables-csv-test.csv&quot; style&#x3D;&quot;display: none&quot;&gt;
             &lt;/table&gt;
         &lt;/div&gt;
     &lt;/div&gt;
@@ -649,8 +649,8 @@
 
 <div class="qld__model_editor">
     <script>
-        const componentModel = {"component":{"name":"data_table","description":"","version":"1.0","status":"In Development","data":{"assetid":"data_table-123","metadata":{"body_background":{"type":"metadata_field_select","description":"","friendly_name":"Background colour","value":"","options":{"":"Light","qld__body--dark":"Dark"},"required":false,"editable":true},"table_title":{"type":"metadata_field_text","description":"A text field","friendly_name":"Table title","value":"Table title","required":false,"editable":true},"table_caption":{"type":"metadata_field_text","description":"A text field","friendly_name":"Table caption","value":"Table caption","required":false,"editable":true},"table_data_source":{"type":"metadata_field_select","description":"","friendly_name":"Data source","value":"qld__data-table--csv","options":{"qld__data-table--csv":"csv","qld__data-table--html":"html"},"required":false,"editable":true},"table_data_csv":{"value":"http://localhost:8080/mysource_files/data-tables-csv-test.csv","fieldid":"","friendly_name":"Table data CSV","type":"metadata_field_related_asset","is_contextable":true,"default_value":false,"use_default":true},"table_in_html":{"type":"metadata_field_wysiwyg","description":"Content to display","friendly_name":"Table in HTML","value":"<table id='qld_table_html' class=''><thead><tr><th>Name</th><th>Position</th><th>Office</th><th>Age</th><th>Start date</th><th>Salary</th></tr></thead><tbody><tr><td>Tiger Nixon</td><td>System Architect</td><td>Edinburgh</td><td>61</td><td>2011-04-25</td><td>$320,800</td></tr><tr><td>Garrett Winters</td><td>Accountant</td><td>Tokyo</td><td>63</td><td>2011-07-25</td><td>$170,750</td></tr><tr><td>Ashton Cox</td><td>Junior Technical Author</td><td>San Francisco</td><td>66</td><td>2009-01-12</td><td>$86,000</td></tr><tr><td>Cedric Kelly</td><td>Senior Javascript Developer</td><td>Edinburgh</td><td>22</td><td>2012-03-29</td><td>$433,060</td></tr><tr><td>Airi Satou</td><td>Accountant</td><td>Tokyo</td><td>33</td><td>2008-11-28</td><td>$162,700</td></tr><tr><td>Brielle Williamson</td><td>Integration Specialist</td><td>New York</td><td>61</td><td>2012-12-02</td><td>$372,000</td></tr><tr><td>Herrod Chandler</td><td>Sales Assistant</td><td>San Francisco</td><td>59</td><td>2012-08-06</td><td>$137,500</td></tr><tr><td>Rhona Davidson</td><td>Integration Specialist</td><td>Tokyo</td><td>55</td><td>2010-10-14</td><td>$327,900</td></tr><tr><td>Colleen Hurst</td><td>Javascript Developer</td><td>San Francisco</td><td>39</td><td>2009-09-15</td><td>$205,500</td></tr><tr><td>Sonya Frost</td><td>Software Engineer</td><td>Edinburgh</td><td>23</td><td>2008-12-13</td><td>$103,600</td></tr><tr><td>Jena Gaines</td><td>Office Manager</td><td>London</td><td>30</td><td>2008-12-19</td><td>$90,560</td></tr><tr><td>Quinn Flynn</td><td>Support Lead</td><td>Edinburgh</td><td>22</td><td>2013-03-03</td><td>$342,000</td></tr><tr><td>Charde Marshall</td><td>Regional Director</td><td>San Francisco</td><td>36</td><td>2008-10-16</td><td>$470,600</td></tr><tr><td>Haley Kennedy</td><td>Senior Marketing Designer</td><td>London</td><td>43</td><td>2012-12-18</td><td>$313,500</td></tr><tr><td>Tatyana Fitzpatrick</td><td>Regional Director</td><td>London</td><td>19</td><td>2010-03-17</td><td>$385,750</td></tr><tr><td>Michael Silva</td><td>Marketing Designer</td><td>London</td><td>66</td><td>2012-11-27</td><td>$198,500</td></tr><tr><td>Paul Byrd</td><td>Chief Financial Officer (CFO)</td><td>New York</td><td>64</td><td>2010-06-09</td><td>$725,000</td></tr><tr><td>Gloria Little</td><td>Systems Administrator</td><td>New York</td><td>59</td><td>2009-04-10</td><td>$237,500</td></tr><tr><td>Bradley Greer</td><td>Software Engineer</td><td>London</td><td>41</td><td>2012-10-13</td><td>$132,000</td></tr><tr><td>Dai Rios</td><td>Personnel Lead</td><td>Edinburgh</td><td>35</td><td>2012-09-26</td><td>$217,500</td></tr><tr><td>Jenette Caldwell</td><td>Development Lead</td><td>New York</td><td>30</td><td>2011-09-03</td><td>$345,000</td></tr><tr><td>Yuri Berry</td><td>Chief Marketing Officer (CMO)</td><td>New York</td><td>40</td><td>2009-06-25</td><td>$675,000</td></tr><tr><td>Caesar Vance</td><td>Pre-Sales Support</td><td>New York</td><td>21</td><td>2011-12-12</td><td>$106,450</td></tr><tr><td>Doris Wilder</td><td>Sales Assistant</td><td>Sydney</td><td>23</td><td>2010-09-20</td><td>$85,600</td></tr><tr><td>Angelica Ramos</td><td>Chief Executive Officer (CEO)</td><td>London</td><td>47</td><td>2009-10-09</td><td>$1,200,000</td></tr><tr><td>Gavin Joyce</td><td>Developer</td><td>Edinburgh</td><td>42</td><td>2010-12-22</td><td>$92,575</td></tr><tr><td>Jennifer Chang</td><td>Regional Director</td><td>Singapore</td><td>28</td><td>2010-11-14</td><td>$357,650</td></tr><tr><td>Brenden Wagner</td><td>Software Engineer</td><td>San Francisco</td><td>28</td><td>2011-06-07</td><td>$206,850</td></tr><tr><td>Fiona Green</td><td>Chief Operating Officer (COO)</td><td>San Francisco</td><td>48</td><td>2010-03-11</td><td>$850,000</td></tr><tr><td>Shou Itou</td><td>Regional Marketing</td><td>Tokyo</td><td>20</td><td>2011-08-14</td><td>$163,000</td></tr><tr><td>Michelle House</td><td>Integration Specialist</td><td>Sydney</td><td>37</td><td>2011-06-02</td><td>$95,400</td></tr><tr><td>Suki Burks</td><td>Developer</td><td>London</td><td>53</td><td>2009-10-22</td><td>$114,500</td></tr><tr><td>Prescott Bartlett</td><td>Technical Author</td><td>London</td><td>27</td><td>2011-05-07</td><td>$145,000</td></tr><tr><td>Gavin Cortez</td><td>Team Leader</td><td>San Francisco</td><td>22</td><td>2008-10-26</td><td>$235,500</td></tr><tr><td>Martena Mccray</td><td>Post-Sales support</td><td>Edinburgh</td><td>46</td><td>2011-03-09</td><td>$324,050</td></tr><tr><td>Unity Butler</td><td>Marketing Designer</td><td>San Francisco</td><td>47</td><td>2009-12-09</td><td>$85,675</td></tr><tr><td>Howard Hatfield</td><td>Office Manager</td><td>San Francisco</td><td>51</td><td>2008-12-16</td><td>$164,500</td></tr><tr><td>Hope Fuentes</td><td>Secretary</td><td>San Francisco</td><td>41</td><td>2010-02-12</td><td>$109,850</td></tr><tr><td>Vivian Harrell</td><td>Financial Controller</td><td>San Francisco</td><td>62</td><td>2009-02-14</td><td>$452,500</td></tr><tr><td>Timothy Mooney</td><td>Office Manager</td><td>London</td><td>37</td><td>2008-12-11</td><td>$136,200</td></tr><tr><td>Jackson Bradshaw</td><td>Director</td><td>New York</td><td>65</td><td>2008-09-26</td><td>$645,750</td></tr><tr><td>Olivia Liang</td><td>Support Engineer</td><td>Singapore</td><td>64</td><td>2011-02-03</td><td>$234,500</td></tr><tr><td>Bruno Nash</td><td>Software Engineer</td><td>London</td><td>38</td><td>2011-05-03</td><td>$163,500</td></tr><tr><td>Sakura Yamamoto</td><td>Support Engineer</td><td>Tokyo</td><td>37</td><td>2009-08-19</td><td>$139,575</td></tr><tr><td>Thor Walton</td><td>Developer</td><td>New York</td><td>61</td><td>2013-08-11</td><td>$98,540</td></tr><tr><td>Finn Camacho</td><td>Support Engineer</td><td>San Francisco</td><td>47</td><td>2009-07-07</td><td>$87,500</td></tr><tr><td>Serge Baldwin</td><td>Data Coordinator</td><td>Singapore</td><td>64</td><td>2012-04-09</td><td>$138,575</td></tr><tr><td>Zenaida Frank</td><td>Software Engineer</td><td>New York</td><td>63</td><td>2010-01-04</td><td>$125,250</td></tr><tr><td>Zorita Serrano</td><td>Software Engineer</td><td>San Francisco</td><td>56</td><td>2012-06-01</td><td>$115,000</td></tr><tr><td>Jennifer Acosta</td><td>Junior Javascript Developer</td><td>Edinburgh</td><td>43</td><td>2013-02-01</td><td>$75,650</td></tr><tr><td>Cara Stevens</td><td>Sales Assistant</td><td>New York</td><td>46</td><td>2011-12-06</td><td>$145,600</td></tr><tr><td>Hermione Butler</td><td>Regional Director</td><td>London</td><td>47</td><td>2011-03-21</td><td>$356,250</td></tr><tr><td>Lael Greer</td><td>Systems Administrator</td><td>London</td><td>21</td><td>2009-02-27</td><td>$103,500</td></tr><tr><td>Jonas Alexander</td><td>Developer</td><td>San Francisco</td><td>30</td><td>2010-07-14</td><td>$86,500</td></tr><tr><td>Shad Decker</td><td>Regional Director</td><td>Edinburgh</td><td>51</td><td>2008-11-13</td><td>$183,000</td></tr><tr><td>Michael Bruce</td><td>Javascript Developer</td><td>Singapore</td><td>29</td><td>2011-06-27</td><td>$183,000</td></tr><tr><td>Donna Snider</td><td>Customer Support</td><td>New York</td><td>27</td><td>2011-01-25</td><td>$112,000</td></tr></tbody><tfoot><tr><th>Name</th><th>Position</th><th>Office</th><th>Age</th><th>Start date</th><th>Salary</th></tr></tfoot></table>","required":false,"editable":true}}},"children":[],"childrenThumbnails":[],"assets":[]}};
-        const component = 'export default "data:text/x-handlebars-template;charset=utf-8;base64,Cnt7I3dpdGggY29tcG9uZW50LmRhdGEubWV0YWRhdGF9fQo8c2VjdGlvbiBjbGFzcz0icWxkX19ib2R5IHt7Ym9keV9iYWNrZ3JvdW5kLnZhbHVlfX0iPgogICAgPGRpdiBjbGFzcz0iY29udGFpbmVyLWZsdWlkIj4KICAgICAgICA8ZGl2IGNsYXNzPSJxbGRfX2RhdGEtdGFibGUge3t0YWJsZV9kYXRhX3NvdXJjZS52YWx1ZX19Ij4KICAgICAgICAgICAgPGRpdiBjbGFzcz0icWxkX19kYXRhLXRhYmxlX19oZWFkZXIiPgogICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9InFsZF9fZGlzcGxheS1zbSI+e3t0YWJsZV90aXRsZS52YWx1ZX19PC9zcGFuPgogICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9InFsZF9fY2FwdGlvbiI+CiAgICAgICAgICAgICAgICAgICAge3t0YWJsZV9jYXB0aW9uLnZhbHVlfX0KICAgICAgICAgICAgICAgIDwvc3Bhbj4KICAgICAgICAgICAgPC9kaXY+CiAgICAgICAgICAgIDxkaXYgaWQ9InFsZF9kYXRhLXRhYmxlX2h0bWwiIGNsYXNzPSJxbGRfX2RhdGEtdGFibGUtY29udGVudCIgYXJpYS1kZXNjcmliZWRieT0iIiBzdHlsZT0iZGlzcGxheTogbm9uZSI+CiAgICAgICAgICAgICAgICB7e3t0YWJsZV9pbl9odG1sLnZhbHVlfX19CiAgICAgICAgICAgIDwvZGl2PgogICAgICAgICAgICA8dGFibGUgaWQ9InFsZF9kYXRhLXRhYmxlX2NzdiIgY2xhc3M9InFsZF9fZGF0YS10YWJsZS1jb250ZW50IiBhcmlhLWRlc2NyaWJlZGJ5PSIiIGRhdGEtY3N2LXNvdXJjZT0ie3t0YWJsZV9kYXRhX2Nzdi52YWx1ZX19IiBzdHlsZT0iZGlzcGxheTogbm9uZSI+CiAgICAgICAgICAgIDwvdGFibGU+CiAgICAgICAgPC9kaXY+CiAgICA8L2Rpdj4KPC9zZWN0aW9uPgp7ey93aXRofX0="';
+        const componentModel = {"component":{"name":"data_table","description":"","version":"1.0","status":"In Development","data":{"assetid":"data_table-123","metadata":{"body_background":{"type":"metadata_field_select","description":"","friendly_name":"Background colour","value":"","options":{"":"Light","qld__body--dark":"Dark"},"required":false,"editable":true},"table_styling":{"type":"metadata_field_select","description":"","friendly_name":"Table styling","value":"qld__table--striped","options":{"":"Default","qld__table--striped":"Striped"},"required":false,"editable":true},"table_title":{"type":"metadata_field_text","description":"A text field","friendly_name":"Table title","value":"Table title","required":false,"editable":true},"table_caption":{"type":"metadata_field_text","description":"A text field","friendly_name":"Table caption","value":"Table caption","required":false,"editable":true},"table_data_source":{"type":"metadata_field_select","description":"","friendly_name":"Data source","value":"qld__data-table--csv","options":{"qld__data-table--csv":"csv","qld__data-table--html":"html"},"required":false,"editable":true},"table_data_csv":{"value":"http://localhost:8080/mysource_files/data-tables-csv-test.csv","fieldid":"","friendly_name":"Table data CSV","type":"metadata_field_related_asset","is_contextable":true,"default_value":false,"use_default":true,"display_if":{"show":true,"operator":"AND","rules":[{"field":"table_data_source","operator":"equals","value":"qld__data-table--csv"}]}},"table_in_html":{"type":"metadata_field_wysiwyg","description":"Content to display","friendly_name":"Table in HTML","value":"<table id='qld_table_html' class=''><thead><tr><th>Name</th><th>Position</th><th>Office</th><th>Age</th><th>Start date</th><th>Salary</th></tr></thead><tbody><tr><td>Tiger Nixon</td><td>System Architect</td><td>Edinburgh</td><td>61</td><td>2011-04-25</td><td>$320,800</td></tr><tr><td>Garrett Winters</td><td>Accountant</td><td>Tokyo</td><td>63</td><td>2011-07-25</td><td>$170,750</td></tr><tr><td>Ashton Cox</td><td>Junior Technical Author</td><td>San Francisco</td><td>66</td><td>2009-01-12</td><td>$86,000</td></tr><tr><td>Cedric Kelly</td><td>Senior Javascript Developer</td><td>Edinburgh</td><td>22</td><td>2012-03-29</td><td>$433,060</td></tr><tr><td>Airi Satou</td><td>Accountant</td><td>Tokyo</td><td>33</td><td>2008-11-28</td><td>$162,700</td></tr><tr><td>Brielle Williamson</td><td>Integration Specialist</td><td>New York</td><td>61</td><td>2012-12-02</td><td>$372,000</td></tr><tr><td>Herrod Chandler</td><td>Sales Assistant</td><td>San Francisco</td><td>59</td><td>2012-08-06</td><td>$137,500</td></tr><tr><td>Rhona Davidson</td><td>Integration Specialist</td><td>Tokyo</td><td>55</td><td>2010-10-14</td><td>$327,900</td></tr><tr><td>Colleen Hurst</td><td>Javascript Developer</td><td>San Francisco</td><td>39</td><td>2009-09-15</td><td>$205,500</td></tr><tr><td>Sonya Frost</td><td>Software Engineer</td><td>Edinburgh</td><td>23</td><td>2008-12-13</td><td>$103,600</td></tr><tr><td>Jena Gaines</td><td>Office Manager</td><td>London</td><td>30</td><td>2008-12-19</td><td>$90,560</td></tr><tr><td>Quinn Flynn</td><td>Support Lead</td><td>Edinburgh</td><td>22</td><td>2013-03-03</td><td>$342,000</td></tr><tr><td>Charde Marshall</td><td>Regional Director</td><td>San Francisco</td><td>36</td><td>2008-10-16</td><td>$470,600</td></tr><tr><td>Haley Kennedy</td><td>Senior Marketing Designer</td><td>London</td><td>43</td><td>2012-12-18</td><td>$313,500</td></tr><tr><td>Tatyana Fitzpatrick</td><td>Regional Director</td><td>London</td><td>19</td><td>2010-03-17</td><td>$385,750</td></tr><tr><td>Michael Silva</td><td>Marketing Designer</td><td>London</td><td>66</td><td>2012-11-27</td><td>$198,500</td></tr><tr><td>Paul Byrd</td><td>Chief Financial Officer (CFO)</td><td>New York</td><td>64</td><td>2010-06-09</td><td>$725,000</td></tr><tr><td>Gloria Little</td><td>Systems Administrator</td><td>New York</td><td>59</td><td>2009-04-10</td><td>$237,500</td></tr><tr><td>Bradley Greer</td><td>Software Engineer</td><td>London</td><td>41</td><td>2012-10-13</td><td>$132,000</td></tr><tr><td>Dai Rios</td><td>Personnel Lead</td><td>Edinburgh</td><td>35</td><td>2012-09-26</td><td>$217,500</td></tr><tr><td>Jenette Caldwell</td><td>Development Lead</td><td>New York</td><td>30</td><td>2011-09-03</td><td>$345,000</td></tr><tr><td>Yuri Berry</td><td>Chief Marketing Officer (CMO)</td><td>New York</td><td>40</td><td>2009-06-25</td><td>$675,000</td></tr><tr><td>Caesar Vance</td><td>Pre-Sales Support</td><td>New York</td><td>21</td><td>2011-12-12</td><td>$106,450</td></tr><tr><td>Doris Wilder</td><td>Sales Assistant</td><td>Sydney</td><td>23</td><td>2010-09-20</td><td>$85,600</td></tr><tr><td>Angelica Ramos</td><td>Chief Executive Officer (CEO)</td><td>London</td><td>47</td><td>2009-10-09</td><td>$1,200,000</td></tr><tr><td>Gavin Joyce</td><td>Developer</td><td>Edinburgh</td><td>42</td><td>2010-12-22</td><td>$92,575</td></tr><tr><td>Jennifer Chang</td><td>Regional Director</td><td>Singapore</td><td>28</td><td>2010-11-14</td><td>$357,650</td></tr><tr><td>Brenden Wagner</td><td>Software Engineer</td><td>San Francisco</td><td>28</td><td>2011-06-07</td><td>$206,850</td></tr><tr><td>Fiona Green</td><td>Chief Operating Officer (COO)</td><td>San Francisco</td><td>48</td><td>2010-03-11</td><td>$850,000</td></tr><tr><td>Shou Itou</td><td>Regional Marketing</td><td>Tokyo</td><td>20</td><td>2011-08-14</td><td>$163,000</td></tr><tr><td>Michelle House</td><td>Integration Specialist</td><td>Sydney</td><td>37</td><td>2011-06-02</td><td>$95,400</td></tr><tr><td>Suki Burks</td><td>Developer</td><td>London</td><td>53</td><td>2009-10-22</td><td>$114,500</td></tr><tr><td>Prescott Bartlett</td><td>Technical Author</td><td>London</td><td>27</td><td>2011-05-07</td><td>$145,000</td></tr><tr><td>Gavin Cortez</td><td>Team Leader</td><td>San Francisco</td><td>22</td><td>2008-10-26</td><td>$235,500</td></tr><tr><td>Martena Mccray</td><td>Post-Sales support</td><td>Edinburgh</td><td>46</td><td>2011-03-09</td><td>$324,050</td></tr><tr><td>Unity Butler</td><td>Marketing Designer</td><td>San Francisco</td><td>47</td><td>2009-12-09</td><td>$85,675</td></tr><tr><td>Howard Hatfield</td><td>Office Manager</td><td>San Francisco</td><td>51</td><td>2008-12-16</td><td>$164,500</td></tr><tr><td>Hope Fuentes</td><td>Secretary</td><td>San Francisco</td><td>41</td><td>2010-02-12</td><td>$109,850</td></tr><tr><td>Vivian Harrell</td><td>Financial Controller</td><td>San Francisco</td><td>62</td><td>2009-02-14</td><td>$452,500</td></tr><tr><td>Timothy Mooney</td><td>Office Manager</td><td>London</td><td>37</td><td>2008-12-11</td><td>$136,200</td></tr><tr><td>Jackson Bradshaw</td><td>Director</td><td>New York</td><td>65</td><td>2008-09-26</td><td>$645,750</td></tr><tr><td>Olivia Liang</td><td>Support Engineer</td><td>Singapore</td><td>64</td><td>2011-02-03</td><td>$234,500</td></tr><tr><td>Bruno Nash</td><td>Software Engineer</td><td>London</td><td>38</td><td>2011-05-03</td><td>$163,500</td></tr><tr><td>Sakura Yamamoto</td><td>Support Engineer</td><td>Tokyo</td><td>37</td><td>2009-08-19</td><td>$139,575</td></tr><tr><td>Thor Walton</td><td>Developer</td><td>New York</td><td>61</td><td>2013-08-11</td><td>$98,540</td></tr><tr><td>Finn Camacho</td><td>Support Engineer</td><td>San Francisco</td><td>47</td><td>2009-07-07</td><td>$87,500</td></tr><tr><td>Serge Baldwin</td><td>Data Coordinator</td><td>Singapore</td><td>64</td><td>2012-04-09</td><td>$138,575</td></tr><tr><td>Zenaida Frank</td><td>Software Engineer</td><td>New York</td><td>63</td><td>2010-01-04</td><td>$125,250</td></tr><tr><td>Zorita Serrano</td><td>Software Engineer</td><td>San Francisco</td><td>56</td><td>2012-06-01</td><td>$115,000</td></tr><tr><td>Jennifer Acosta</td><td>Junior Javascript Developer</td><td>Edinburgh</td><td>43</td><td>2013-02-01</td><td>$75,650</td></tr><tr><td>Cara Stevens</td><td>Sales Assistant</td><td>New York</td><td>46</td><td>2011-12-06</td><td>$145,600</td></tr><tr><td>Hermione Butler</td><td>Regional Director</td><td>London</td><td>47</td><td>2011-03-21</td><td>$356,250</td></tr><tr><td>Lael Greer</td><td>Systems Administrator</td><td>London</td><td>21</td><td>2009-02-27</td><td>$103,500</td></tr><tr><td>Jonas Alexander</td><td>Developer</td><td>San Francisco</td><td>30</td><td>2010-07-14</td><td>$86,500</td></tr><tr><td>Shad Decker</td><td>Regional Director</td><td>Edinburgh</td><td>51</td><td>2008-11-13</td><td>$183,000</td></tr><tr><td>Michael Bruce</td><td>Javascript Developer</td><td>Singapore</td><td>29</td><td>2011-06-27</td><td>$183,000</td></tr><tr><td>Donna Snider</td><td>Customer Support</td><td>New York</td><td>27</td><td>2011-01-25</td><td>$112,000</td></tr></tbody><tfoot><tr><th>Name</th><th>Position</th><th>Office</th><th>Age</th><th>Start date</th><th>Salary</th></tr></tfoot></table>","required":false,"editable":true,"display_if":{"show":true,"operator":"AND","rules":[{"field":"table_data_source","operator":"equals","value":"qld__data-table--html"}]}}}},"children":[],"childrenThumbnails":[],"assets":[]}};
+        const component = 'export default "data:text/x-handlebars-template;charset=utf-8;base64,Cnt7I3dpdGggY29tcG9uZW50LmRhdGEubWV0YWRhdGF9fQo8c2VjdGlvbiBjbGFzcz0icWxkX19ib2R5IHt7Ym9keV9iYWNrZ3JvdW5kLnZhbHVlfX0iPgogICAgPGRpdiBjbGFzcz0iY29udGFpbmVyLWZsdWlkIj4KICAgICAgICA8ZGl2IGNsYXNzPSJxbGRfX2RhdGEtdGFibGUge3t0YWJsZV9kYXRhX3NvdXJjZS52YWx1ZX19IHt7dGFibGVfc3R5bGluZy52YWx1ZX19Ij4KICAgICAgICAgICAgPGRpdiBjbGFzcz0icWxkX19kYXRhLXRhYmxlX19oZWFkZXIiPgogICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9InFsZF9fZGlzcGxheS1tZCI+e3t0YWJsZV90aXRsZS52YWx1ZX19PC9zcGFuPgogICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9InFsZF9fY2FwdGlvbiI+CiAgICAgICAgICAgICAgICAgICAge3t0YWJsZV9jYXB0aW9uLnZhbHVlfX0KICAgICAgICAgICAgICAgIDwvc3Bhbj4KICAgICAgICAgICAgPC9kaXY+CiAgICAgICAgICAgIDxkaXYgaWQ9InFsZF9kYXRhLXRhYmxlX2h0bWwiIGNsYXNzPSJxbGRfX2RhdGEtdGFibGUtY29udGVudCIgYXJpYS1kZXNjcmliZWRieT0iIiBzdHlsZT0iZGlzcGxheTogbm9uZSI+CiAgICAgICAgICAgICAgICB7e3t0YWJsZV9pbl9odG1sLnZhbHVlfX19CiAgICAgICAgICAgIDwvZGl2PgogICAgICAgICAgICA8dGFibGUgaWQ9InFsZF9kYXRhLXRhYmxlX2NzdiIgY2xhc3M9InFsZF9fZGF0YS10YWJsZS1jb250ZW50IiBhcmlhLWRlc2NyaWJlZGJ5PSIiIGRhdGEtY3N2LXNvdXJjZT0iLi8/YT17e3RhYmxlX2RhdGFfY3N2LnZhbHVlfX0iIHN0eWxlPSJkaXNwbGF5OiBub25lIj4KICAgICAgICAgICAgPC90YWJsZT4KICAgICAgICA8L2Rpdj4KICAgIDwvZGl2Pgo8L3NlY3Rpb24+Cnt7L3dpdGh9fQ=="';
         const renderCallback = '';
         const previewDelay = '' ? Number('') : 50;
     </script>
@@ -678,6 +678,16 @@
                     </select>
                 </td>
             </tr>
+            <tr class="qld__table__row">
+                <td class="qld__table__cell">table_styling</td>
+                <td class="qld__table__cell">Table styling</td>
+                <td class="qld__table__cell">
+                    <select name="table_styling" class="qld__model_field">
+                            <option value="" >Default</option>
+                            <option value="qld__table--striped" selected>Striped</option>
+                    </select>
+                </td>
+            </tr>
             <tr class="qld__table__row">
                 <td class="qld__table__cell">table_title</td>
                 <td class="qld__table__cell">Table title</td>

package/dist/components/_global/import.xml

@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
           <actions>
           <action>
-            <action_id>create_Content_Container_Template_9614318569</action_id>
+            <action_id>create_Content_Container_Template_775768174</action_id>
             <action_type>create_asset</action_type>
             <type_code>Content_Container_Template</type_code>
             <link_type>1</link_type>
@@ -11,83 +11,83 @@
             <is_exclusive>0</is_exclusive>
           </action>
           <action>
-            <action_id>set_Content_Container_Template_9614318569_name</action_id>
+            <action_id>set_Content_Container_Template_775768174_name</action_id>
             <action_type>set_attribute_value</action_type>
-            <asset>[[output://create_Content_Container_Template_9614318569.assetid]]</asset>
+            <asset>[[output://create_Content_Container_Template_775768174.assetid]]</asset>
             <attribute>name</attribute>
             <value><![CDATA[Global]]></value>
           </action>
 
           <action>
-            <action_id>set_Content_Container_Template_9614318569_edit_interface_in_admin</action_id>
+            <action_id>set_Content_Container_Template_775768174_edit_interface_in_admin</action_id>
             <action_type>set_attribute_value</action_type>
-            <asset>[[output://create_Content_Container_Template_9614318569.assetid]]</asset>
+            <asset>[[output://create_Content_Container_Template_775768174.assetid]]</asset>
             <attribute>edit_interface_in_admin</attribute>
             <value><![CDATA[1]]></value>
           </action>
 
           <action>
-            <action_id>set_Content_Container_Template_9614318569_icon_color</action_id>
+            <action_id>set_Content_Container_Template_775768174_icon_color</action_id>
             <action_type>set_attribute_value</action_type>
-            <asset>[[output://create_Content_Container_Template_9614318569.assetid]]</asset>
+            <asset>[[output://create_Content_Container_Template_775768174.assetid]]</asset>
             <attribute>icon_color</attribute>
             <value><![CDATA[blue]]></value>
           </action>
           
           <action>
-          <action_id>create_Metadata_Schema_7025983430</action_id>
+          <action_id>create_Metadata_Schema_6378913082</action_id>
           <action_type>create_asset</action_type>
           <type_code>Metadata_Schema</type_code>
           <link_type>1</link_type>
-          <parentid>[[output://create_Content_Container_Template_9614318569.assetid]]</parentid>
+          <parentid>[[output://create_Content_Container_Template_775768174.assetid]]</parentid>
           <value></value>
           <is_dependant>0</is_dependant>
           <is_exclusive>0</is_exclusive>
           </action>
           <action>
-            <action_id>set_Metadata_Schema_7025983430_name</action_id>
+            <action_id>set_Metadata_Schema_6378913082_name</action_id>
             <action_type>set_attribute_value</action_type>
-            <asset>[[output://create_Metadata_Schema_7025983430.assetid]]</asset>
+            <asset>[[output://create_Metadata_Schema_6378913082.assetid]]</asset>
             <attribute>name</attribute>
             <value><![CDATA[Global]]></value>
           </action>
           <action>
-              <action_id>set_permission_7025983430_read_5</action_id>
+              <action_id>set_permission_6378913082_read_5</action_id>
               <action_type>set_permission</action_type>
-              <asset>[[output://create_Metadata_Schema_7025983430.assetid]]</asset>
+              <asset>[[output://create_Metadata_Schema_6378913082.assetid]]</asset>
               <permission>1</permission>
               <granted>1</granted>
               <userid>[[system://public_user]]</userid>
           </action>
           
           <action>
-            <action_id>create_Metadata_Section_6908421465</action_id>
+            <action_id>create_Metadata_Section_6189679125</action_id>
             <action_type>create_asset</action_type>
             <type_code>Metadata_Section</type_code>
             <link_type>2</link_type>
-            <parentid>[[output://create_Metadata_Schema_7025983430.assetid]]</parentid>
+            <parentid>[[output://create_Metadata_Schema_6378913082.assetid]]</parentid>
             <value></value>
             <is_dependant>1</is_dependant>
             <is_exclusive>0</is_exclusive>
           </action>
           <action>
-            <action_id>add_Metadata_Section_6908421465_path</action_id>
+            <action_id>add_Metadata_Section_6189679125_path</action_id>
             <action_type>add_web_path</action_type>
-            <asset>[[output://create_Metadata_Section_6908421465.assetid]]</asset>
-            <parent_asset>[[output://create_Metadata_Schema_7025983430.assetid]]</parent_asset>
+            <asset>[[output://create_Metadata_Section_6189679125.assetid]]</asset>
+            <parent_asset>[[output://create_Metadata_Schema_6378913082.assetid]]</parent_asset>
             <path>settings</path>
           </action>
           <action>
-            <action_id>set_Metadata_Section_6908421465_name</action_id>
+            <action_id>set_Metadata_Section_6189679125_name</action_id>
             <action_type>set_attribute_value</action_type>
-            <asset>[[output://create_Metadata_Section_6908421465.assetid]]</asset>
+            <asset>[[output://create_Metadata_Section_6189679125.assetid]]</asset>
             <attribute>name</attribute>
             <value><![CDATA[Settings]]></value>
           </action>
           <action>
-              <action_id>set_permission_6908421465_read_5</action_id>
+              <action_id>set_permission_6189679125_read_5</action_id>
               <action_type>set_permission</action_type>
-              <asset>[[output://create_Metadata_Section_6908421465.assetid]]</asset>
+              <asset>[[output://create_Metadata_Section_6189679125.assetid]]</asset>
               <permission>1</permission>
               <granted>1</granted>
               <userid>[[system://public_user]]</userid>