@caspingus/lt/dist/assessment/extensions/resources/periodicTable.js

A utility library of helpers and extensions useful when working with Learnosity APIs.

import { r as e, t } from "../../../extensionsFactory-hk5ijx1G.js";
//#region src/assessment/extensions/ui/resources/periodicTable/index.js
var n = { message: {
	header: "Periodic Table of Elements",
	body: i()
} };
function r(e = {}) {
	e && e?.message && n.message?.header.length && (n.message.header = e.message.header);
}
function i() {
	return "<div class=\"lt__resource-periodic-table\">\n        <p class=\"sr-only\">This is a periodic table of elements, with each element's atomic number, symbol, name, and atomic weight.</p>\n        <p class=\"sr-only\">Use the table to explore the properties of different chemical elements.</p>\n        <table>\n            <caption class=\"sr-only\">Periodic Table of Elements</caption>\n            <colgroup>\n                <col class=\"period-col\" />\n                <col span=\"18\" />\n            </colgroup>\n            <thead>\n                <tr>\n                    <th scope=\"col\" id=\"period\"><span class=\"sr-only\">Period</span></th>\n                    <th scope=\"col\" id=\"group1\">1</th>\n                    <th scope=\"col\" id=\"group2\">2</th>\n                    <th scope=\"col\" id=\"group3\">3</th>\n                    <th scope=\"col\" id=\"group4\">4</th>\n                    <th scope=\"col\" id=\"group5\">5</th>\n                    <th scope=\"col\" id=\"group6\">6</th>\n                    <th scope=\"col\" id=\"group7\">7</th>\n                    <th scope=\"col\" id=\"group8\">8</th>\n                    <th scope=\"col\" id=\"group9\">9</th>\n                    <th scope=\"col\" id=\"group10\">10</th>\n                    <th scope=\"col\" id=\"group11\">11</th>\n                    <th scope=\"col\" id=\"group12\">12</th>\n                    <th scope=\"col\" id=\"group13\">13</th>\n                    <th scope=\"col\" id=\"group14\">14</th>\n                    <th scope=\"col\" id=\"group15\">15</th>\n                    <th scope=\"col\" id=\"group16\">16</th>\n                    <th scope=\"col\" id=\"group17\">17</th>\n                    <th scope=\"col\" id=\"group18\">18</th>\n                </tr>\n            </thead>\n            <tbody>\n                <!-- Period 1 -->\n                <tr class=\"row-spacer\">\n                    <th scope=\"row\" id=\"period1\"><span class=\"sr-only\">1</span></th>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">1</div>\n                                <div class=\"lt__symbol\">H</div>\n                                <div class=\"lt__name\">Hydrogen</div>\n                                <div class=\"lt__atomic-weight\">1.008</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td role=\"presentation\"></td>\n                    <td role=\"presentation\"></td>\n                    <td role=\"presentation\"></td>\n                    <td role=\"presentation\"></td>\n                    <td role=\"presentation\"></td>\n                    <td role=\"presentation\"></td>\n                    <td role=\"presentation\"></td>\n                    <td role=\"presentation\"></td>\n                    <td role=\"presentation\"></td>\n                    <td role=\"presentation\"></td>\n                    <td role=\"presentation\"></td>\n                    <td role=\"presentation\"></td>\n                    <td role=\"presentation\"></td>\n                    <td role=\"presentation\"></td>\n                    <td role=\"presentation\"></td>\n                    <td role=\"presentation\"></td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">2</div>\n                                <div class=\"lt__symbol\">He</div>\n                                <div class=\"lt__name\">Helium</div>\n                                <div class=\"lt__atomic-weight\">4.002602</div>\n                            </div>\n                        </div>\n                    </td>\n                </tr>\n                <!-- Period 2 -->\n                <tr>\n                    <th scope=\"row\" id=\"period2\"><span class=\"sr-only\">2</span></th>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">3</div>\n                                <div class=\"lt__symbol\">Li</div>\n                                <div class=\"lt__name\">Lithium</div>\n                                <div class=\"lt__atomic-weight\">6.94</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">4</div>\n                                <div class=\"lt__symbol\">Be</div>\n                                <div class=\"lt__name\">Beryllium</div>\n                                <div class=\"lt__atomic-weight\">9.0122</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td></td>\n                    <td></td>\n                    <td></td>\n                    <td></td>\n                    <td></td>\n                    <td></td>\n                    <td></td>\n                    <td></td>\n                    <td></td>\n                    <td></td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">5</div>\n                                <div class=\"lt__symbol\">B</div>\n                                <div class=\"lt__name\">Boron</div>\n                                <div class=\"lt__atomic-weight\">10.81</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">6</div>\n                                <div class=\"lt__symbol\">C</div>\n                                <div class=\"lt__name\">Carbon</div>\n                                <div class=\"lt__atomic-weight\">12.011</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">7</div>\n                                <div class=\"lt__symbol\">N</div>\n                                <div class=\"lt__name\">Nitrogen</div>\n                                <div class=\"lt__atomic-weight\">14.007</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">8</div>\n                                <div class=\"lt__symbol\">O</div>\n                                <div class=\"lt__name\">Oxygen</div>\n                                <div class=\"lt__atomic-weight\">15.999</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">9</div>\n                                <div class=\"lt__symbol\">F</div>\n                                <div class=\"lt__name\">Fluorine</div>\n                                <div class=\"lt__atomic-weight\">18.998</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">10</div>\n                                <div class=\"lt__symbol\">Ne</div>\n                                <div class=\"lt__name\">Neon</div>\n                                <div class=\"lt__atomic-weight\">20.1797</div>\n                            </div>\n                        </div>\n                    </td>\n                </tr>\n\n                <!-- Period 3 -->\n                <tr>\n                    <th scope=\"row\" id=\"period3\"><span class=\"sr-only\">3</span></th>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">11</div>\n                                <div class=\"lt__symbol\">Na</div>\n                                <div class=\"lt__name\">Sodium</div>\n                                <div class=\"lt__atomic-weight\">22.98976928</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">12</div>\n                                <div class=\"lt__symbol\">Mg</div>\n                                <div class=\"lt__name\">Magnesium</div>\n                                <div class=\"lt__atomic-weight\">24.305</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td></td>\n                    <td></td>\n                    <td></td>\n                    <td></td>\n                    <td></td>\n                    <td></td>\n                    <td></td>\n                    <td></td>\n                    <td></td>\n                    <td></td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">13</div>\n                                <div class=\"lt__symbol\">Al</div>\n                                <div class=\"lt__name\">Aluminium</div>\n                                <div class=\"lt__atomic-weight\">26.9815385</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">14</div>\n                                <div class=\"lt__symbol\">Si</div>\n                                <div class=\"lt__name\">Silicon</div>\n                                <div class=\"lt__atomic-weight\">28.0855</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">15</div>\n                                <div class=\"lt__symbol\">P</div>\n                                <div class=\"lt__name\">Phosphorus</div>\n                                <div class=\"lt__atomic-weight\">30.973761998</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">16</div>\n                                <div class=\"lt__symbol\">S</div>\n                                <div class=\"lt__name\">Sulfur</div>\n                                <div class=\"lt__atomic-weight\">32.06</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">17</div>\n                                <div class=\"lt__symbol\">Cl</div>\n                                <div class=\"lt__name\">Chlorine</div>\n                                <div class=\"lt__atomic-weight\">35.45</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">18</div>\n                                <div class=\"lt__symbol\">Ar</div>\n                                <div class=\"lt__name\">Argon</div>\n                                <div class=\"lt__atomic-weight\">39.948</div>\n                            </div>\n                        </div>\n                    </td>\n                </tr>\n\n                <!-- Period 4 -->\n                <tr>\n                    <th scope=\"row\" id=\"period4\"><span class=\"sr-only\">4</span></th>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">19</div>\n                                <div class=\"lt__symbol\">K</div>\n                                <div class=\"lt__name\">Potassium</div>\n                                <div class=\"lt__atomic-weight\">39.0983</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">20</div>\n                                <div class=\"lt__symbol\">Ca</div>\n                                <div class=\"lt__name\">Calcium</div>\n                                <div class=\"lt__atomic-weight\">40.078</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">21</div>\n                                <div class=\"lt__symbol\">Sc</div>\n                                <div class=\"lt__name\">Scandium</div>\n                                <div class=\"lt__atomic-weight\">44.955908</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">22</div>\n                                <div class=\"lt__symbol\">Ti</div>\n                                <div class=\"lt__name\">Titanium</div>\n                                <div class=\"lt__atomic-weight\">47.867</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">23</div>\n                                <div class=\"lt__symbol\">V</div>\n                                <div class=\"lt__name\">Vanadium</div>\n                                <div class=\"lt__atomic-weight\">50.9415</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">24</div>\n                                <div class=\"lt__symbol\">Cr</div>\n                                <div class=\"lt__name\">Chromium</div>\n                                <div class=\"lt__atomic-weight\">51.9961</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">25</div>\n                                <div class=\"lt__symbol\">Mn</div>\n                                <div class=\"lt__name\">Manganese</div>\n                                <div class=\"lt__atomic-weight\">54.938044</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">26</div>\n                                <div class=\"lt__symbol\">Fe</div>\n                                <div class=\"lt__name\">Iron</div>\n                                <div class=\"lt__atomic-weight\">55.845</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">27</div>\n                                <div class=\"lt__symbol\">Co</div>\n                                <div class=\"lt__name\">Cobalt</div>\n                                <div class=\"lt__atomic-weight\">58.933194</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">28</div>\n                                <div class=\"lt__symbol\">Ni</div>\n                                <div class=\"lt__name\">Nickel</div>\n                                <div class=\"lt__atomic-weight\">58.6934</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">29</div>\n                                <div class=\"lt__symbol\">Cu</div>\n                                <div class=\"lt__name\">Copper</div>\n                                <div class=\"lt__atomic-weight\">63.546</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">30</div>\n                                <div class=\"lt__symbol\">Zn</div>\n                                <div class=\"lt__name\">Zinc</div>\n                                <div class=\"lt__atomic-weight\">65.38</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">31</div>\n                                <div class=\"lt__symbol\">Ga</div>\n                                <div class=\"lt__name\">Gallium</div>\n                                <div class=\"lt__atomic-weight\">69.723</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">32</div>\n                                <div class=\"lt__symbol\">Ge</div>\n                                <div class=\"lt__name\">Germanium</div>\n                                <div class=\"lt__atomic-weight\">72.630</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">33</div>\n                                <div class=\"lt__symbol\">As</div>\n                                <div class=\"lt__name\">Arsenic</div>\n                                <div class=\"lt__atomic-weight\">74.921595</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">34</div>\n                                <div class=\"lt__symbol\">Se</div>\n                                <div class=\"lt__name\">Selenium</div>\n                                <div class=\"lt__atomic-weight\">78.971</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">35</div>\n                                <div class=\"lt__symbol\">Br</div>\n                                <div class=\"lt__name\">Bromine</div>\n                                <div class=\"lt__atomic-weight\">79.904</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">36</div>\n                                <div class=\"lt__symbol\">Kr</div>\n                                <div class=\"lt__name\">Krypton</div>\n                                <div class=\"lt__atomic-weight\">83.798</div>\n                            </div>\n                        </div>\n                    </td>\n                </tr>\n\n                <!-- Period 5 -->\n                <tr>\n                    <th scope=\"row\" id=\"period5\"><span class=\"sr-only\">5</span></th>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">37</div>\n                                <div class=\"lt__symbol\">Rb</div>\n                                <div class=\"lt__name\">Rubidium</div>\n                                <div class=\"lt__atomic-weight\">85.4678</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">38</div>\n                                <div class=\"lt__symbol\">Sr</div>\n                                <div class=\"lt__name\">Strontium</div>\n                                <div class=\"lt__atomic-weight\">87.62</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">39</div>\n                                <div class=\"lt__symbol\">Y</div>\n                                <div class=\"lt__name\">Yttrium</div>\n                                <div class=\"lt__atomic-weight\">88.90584</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">40</div>\n                                <div class=\"lt__symbol\">Zr</div>\n                                <div class=\"lt__name\">Zirconium</div>\n                                <div class=\"lt__atomic-weight\">91.224</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">41</div>\n                                <div class=\"lt__symbol\">Nb</div>\n                                <div class=\"lt__name\">Niobium</div>\n                                <div class=\"lt__atomic-weight\">92.90637</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">42</div>\n                                <div class=\"lt__symbol\">Mo</div>\n                                <div class=\"lt__name\">Molybdenum</div>\n                                <div class=\"lt__atomic-weight\">95.95</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">43</div>\n                                <div class=\"lt__symbol\">Tc</div>\n                                <div class=\"lt__name\">Technetium</div>\n                                <div class=\"lt__atomic-weight\">[98]</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">44</div>\n                                <div class=\"lt__symbol\">Ru</div>\n                                <div class=\"lt__name\">Ruthenium</div>\n                                <div class=\"lt__atomic-weight\">101.07</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">45</div>\n                                <div class=\"lt__symbol\">Rh</div>\n                                <div class=\"lt__name\">Rhodium</div>\n                                <div class=\"lt__atomic-weight\">102.90550</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">46</div>\n                                <div class=\"lt__symbol\">Pd</div>\n                                <div class=\"lt__name\">Palladium</div>\n                                <div class=\"lt__atomic-weight\">106.42</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">47</div>\n                                <div class=\"lt__symbol\">Ag</div>\n                                <div class=\"lt__name\">Silver</div>\n                                <div class=\"lt__atomic-weight\">107.8682</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">48</div>\n                                <div class=\"lt__symbol\">Cd</div>\n                                <div class=\"lt__name\">Cadmium</div>\n                                <div class=\"lt__atomic-weight\">112.414</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">49</div>\n                                <div class=\"lt__symbol\">In</div>\n                                <div class=\"lt__name\">Indium</div>\n                                <div class=\"lt__atomic-weight\">114.818</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">50</div>\n                                <div class=\"lt__symbol\">Sn</div>\n                                <div class=\"lt__name\">Tin</div>\n                                <div class=\"lt__atomic-weight\">118.710</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">51</div>\n                                <div class=\"lt__symbol\">Sb</div>\n                                <div class=\"lt__name\">Antimony</div>\n                                <div class=\"lt__atomic-weight\">121.760</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">52</div>\n                                <div class=\"lt__symbol\">Te</div>\n                                <div class=\"lt__name\">Tellurium</div>\n                                <div class=\"lt__atomic-weight\">127.60</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">53</div>\n                                <div class=\"lt__symbol\">I</div>\n                                <div class=\"lt__name\">Iodine</div>\n                                <div class=\"lt__atomic-weight\">126.90447</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">54</div>\n                                <div class=\"lt__symbol\">Xe</div>\n                                <div class=\"lt__name\">Xenon</div>\n                                <div class=\"lt__atomic-weight\">131.293</div>\n                            </div>\n                        </div>\n                    </td>\n                </tr>\n\n                <!-- Elements 55 to 86 -->\n                <tr>\n                    <th scope=\"row\" id=\"period6\"><span class=\"sr-only\">6</span></th>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">55</div>\n                                <div class=\"lt__symbol\">Cs</div>\n                                <div class=\"lt__name\">Caesium</div>\n                                <div class=\"lt__atomic-weight\">132.90545196</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">56</div>\n                                <div class=\"lt__symbol\">Ba</div>\n                                <div class=\"lt__name\">Barium</div>\n                                <div class=\"lt__atomic-weight\">137.327</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>&nbsp;</td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">72</div>\n                                <div class=\"lt__symbol\">Hf</div>\n                                <div class=\"lt__name\">Hafnium</div>\n                                <div class=\"lt__atomic-weight\">178.49</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">73</div>\n                                <div class=\"lt__symbol\">Ta</div>\n                                <div class=\"lt__name\">Tantalum</div>\n                                <div class=\"lt__atomic-weight\">180.94788</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">74</div>\n                                <div class=\"lt__symbol\">W</div>\n                                <div class=\"lt__name\">Tungsten</div>\n                                <div class=\"lt__atomic-weight\">183.84</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">75</div>\n                                <div class=\"lt__symbol\">Re</div>\n                                <div class=\"lt__name\">Rhenium</div>\n                                <div class=\"lt__atomic-weight\">186.207</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">76</div>\n                                <div class=\"lt__symbol\">Os</div>\n                                <div class=\"lt__name\">Osmium</div>\n                                <div class=\"lt__atomic-weight\">190.23</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">77</div>\n                                <div class=\"lt__symbol\">Ir</div>\n                                <div class=\"lt__name\">Iridium</div>\n                                <div class=\"lt__atomic-weight\">192.217</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">78</div>\n                                <div class=\"lt__symbol\">Pt</div>\n                                <div class=\"lt__name\">Platinum</div>\n                                <div class=\"lt__atomic-weight\">195.084</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">79</div>\n                                <div class=\"lt__symbol\">Au</div>\n                                <div class=\"lt__name\">Gold</div>\n                                <div class=\"lt__atomic-weight\">196.966569</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">80</div>\n                                <div class=\"lt__symbol\">Hg</div>\n                                <div class=\"lt__name\">Mercury</div>\n                                <div class=\"lt__atomic-weight\">200.592</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">81</div>\n                                <div class=\"lt__symbol\">Tl</div>\n                                <div class=\"lt__name\">Thallium</div>\n                                <div class=\"lt__atomic-weight\">204.38</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">82</div>\n                                <div class=\"lt__symbol\">Pb</div>\n                                <div class=\"lt__name\">Lead</div>\n                                <div class=\"lt__atomic-weight\">207.2</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">83</div>\n                                <div class=\"lt__symbol\">Bi</div>\n                                <div class=\"lt__name\">Bismuth</div>\n                                <div class=\"lt__atomic-weight\">208.98040</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">84</div>\n                                <div class=\"lt__symbol\">Po</div>\n                                <div class=\"lt__name\">Polonium</div>\n                                <div class=\"lt__atomic-weight\">[209]</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">85</div>\n                                <div class=\"lt__symbol\">At</div>\n                                <div class=\"lt__name\">Astatine</div>\n                                <div class=\"lt__atomic-weight\">[210]</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">86</div>\n                                <div class=\"lt__symbol\">Rn</div>\n                                <div class=\"lt__name\">Radon</div>\n                                <div class=\"lt__atomic-weight\">[222]</div>\n                            </div>\n                        </div>\n                    </td>\n                </tr>\n\n                <!-- Period 7 -->\n                <tr>\n                    <th scope=\"row\" id=\"period7\"><span class=\"sr-only\">7</span></th>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">87</div>\n                                <div class=\"lt__symbol\">Fr</div>\n                                <div class=\"lt__name\">Francium</div>\n                                <div class=\"lt__atomic-weight\">[223]</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">88</div>\n                                <div class=\"lt__symbol\">Ra</div>\n                                <div class=\"lt__name\">Radium</div>\n                                <div class=\"lt__atomic-weight\">[226]</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>&nbsp;</td>\n                    <!-- Transactinides -->\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">104</div>\n                                <div class=\"lt__symbol\">Rf</div>\n                                <div class=\"lt__name\">Rutherfordium</div>\n                                <div class=\"lt__atomic-weight\">[267]</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">105</div>\n                                <div class=\"lt__symbol\">Db</div>\n                                <div class=\"lt__name\">Dubnium</div>\n                                <div class=\"lt__atomic-weight\">[268]</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">106</div>\n                                <div class=\"lt__symbol\">Sg</div>\n                                <div class=\"lt__name\">Seaborgium</div>\n                                <div class=\"lt__atomic-weight\">[269]</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">107</div>\n                                <div class=\"lt__symbol\">Bh</div>\n                                <div class=\"lt__name\">Bohrium</div>\n                                <div class=\"lt__atomic-weight\">[270]</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">108</div>\n                                <div class=\"lt__symbol\">Hs</div>\n                                <div class=\"lt__name\">Hassium</div>\n                                <div class=\"lt__atomic-weight\">[277]</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">109</div>\n                                <div class=\"lt__symbol\">Mt</div>\n                                <div class=\"lt__name\">Meitnerium</div>\n                                <div class=\"lt__atomic-weight\">[278]</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">110</div>\n                                <div class=\"lt__symbol\">Ds</div>\n                                <div class=\"lt__name\">Darmstadtium</div>\n                                <div class=\"lt__atomic-weight\">[281]</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">111</div>\n                                <div class=\"lt__symbol\">Rg</div>\n                                <div class=\"lt__name\">Roentgenium</div>\n                                <div class=\"lt__atomic-weight\">[282]</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">112</div>\n                                <div class=\"lt__symbol\">Cn</div>\n                                <div class=\"lt__name\">Copernicium</div>\n                                <div class=\"lt__atomic-weight\">[285]</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">113</div>\n                                <div class=\"lt__symbol\">Nh</div>\n                                <div class=\"lt__name\">Nihonium</div>\n                                <div class=\"lt__atomic-weight\">[286]</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">114</div>\n                                <div class=\"lt__symbol\">Fl</div>\n                                <div class=\"lt__name\">Flerovium</div>\n                                <div class=\"lt__atomic-weight\">[289]</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">115</div>\n                                <div class=\"lt__symbol\">Mc</div>\n                                <div class=\"lt__name\">Moscovium</div>\n                                <div class=\"lt__atomic-weight\">[290]</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">116</div>\n                                <div class=\"lt__symbol\">Lv</div>\n                                <div class=\"lt__name\">Livermorium</div>\n                                <div class=\"lt__atomic-weight\">[293]</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">117</div>\n                                <div class=\"lt__symbol\">Ts</div>\n                                <div class=\"lt__name\">Tennessine</div>\n                                <div class=\"lt__atomic-weight\">[294]</div>\n                            </div>\n                        </div>\n                    </td>\n                    <td>\n                        <div class=\"lt__card\">\n                            <div class=\"lt__element\">\n                                <div class=\"lt__number\">118</div>\n