<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="de">
	<id>https://exmediawiki.khm.de/index.php?action=history&amp;feed=atom&amp;title=MediaWiki%3ACommon.js</id>
	<title>MediaWiki:Common.js - Versionsgeschichte</title>
	<link rel="self" type="application/atom+xml" href="https://exmediawiki.khm.de/index.php?action=history&amp;feed=atom&amp;title=MediaWiki%3ACommon.js"/>
	<link rel="alternate" type="text/html" href="https://exmediawiki.khm.de/index.php?title=MediaWiki:Common.js&amp;action=history"/>
	<updated>2026-04-24T21:43:26Z</updated>
	<subtitle>Versionsgeschichte dieser Seite in exmediawiki</subtitle>
	<generator>MediaWiki 1.43.5</generator>
	<entry>
		<id>https://exmediawiki.khm.de/index.php?title=MediaWiki:Common.js&amp;diff=10582&amp;oldid=prev</id>
		<title>Christopher.theophanous am 24. Juli 2025 um 12:57 Uhr</title>
		<link rel="alternate" type="text/html" href="https://exmediawiki.khm.de/index.php?title=MediaWiki:Common.js&amp;diff=10582&amp;oldid=prev"/>
		<updated>2025-07-24T12:57:41Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;de&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Nächstältere Version&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Version vom 24. Juli 2025, 14:57 Uhr&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l47&quot;&gt;Zeile 47:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Zeile 47:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;     });&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;     });&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;      &lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;      &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;     // Initialize - hide all children &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;and &lt;/del&gt;ensure parents are collapsed&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;     // Initialize - hide all children &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;AND sub-parents, &lt;/ins&gt;ensure parents are collapsed&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;     $(&amp;#039;.material-child&amp;#039;).hide();&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;     $(&amp;#039;.material-child&amp;#039;).hide();&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;    $(&#039;.material-parent[data-parent]&#039;).hide(); // Hide sub-parents (like Veneer)&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;     $(&amp;#039;.material-parent&amp;#039;).removeClass(&amp;#039;expanded&amp;#039;);&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;     $(&amp;#039;.material-parent&amp;#039;).removeClass(&amp;#039;expanded&amp;#039;);&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;      &lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;      &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;

&lt;!-- diff cache key exmediawiki_database:diff:1.41:old-10581:rev-10582:php=table --&gt;
&lt;/table&gt;</summary>
		<author><name>Christopher.theophanous</name></author>
	</entry>
	<entry>
		<id>https://exmediawiki.khm.de/index.php?title=MediaWiki:Common.js&amp;diff=10581&amp;oldid=prev</id>
		<title>Christopher.theophanous am 24. Juli 2025 um 12:54 Uhr</title>
		<link rel="alternate" type="text/html" href="https://exmediawiki.khm.de/index.php?title=MediaWiki:Common.js&amp;diff=10581&amp;oldid=prev"/>
		<updated>2025-07-24T12:54:06Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;de&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Nächstältere Version&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Version vom 24. Juli 2025, 14:54 Uhr&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l136&quot;&gt;Zeile 136:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Zeile 136:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;     });&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;     });&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;      &lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;      &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;    &lt;/del&gt;// Handle material parent clicks&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;// Handle material parent clicks&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;    &lt;/del&gt;$(&#039;.material-parent&#039;).on(&#039;click&#039;, function() {&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;$(&#039;.material-parent&#039;).on(&#039;click&#039;, function() {&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;        &lt;/del&gt;var $parent = $(this);&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;    &lt;/ins&gt;var $parent = $(this);&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;        &lt;/del&gt;var category = $parent.data(&#039;category&#039;);&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;    &lt;/ins&gt;var category = $parent.data(&#039;category&#039;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;);&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;    &lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;    // Toggle expanded state&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;    $parent.toggleClass(&#039;expanded&#039;);&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;    &lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;    // Show/hide direct children AND sub-parents&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;    var $directChildren = $(&#039;.material-child[data-parent=&quot;&#039; + category + &#039;&quot;], .material-parent[data-parent=&quot;&#039; + category + &#039;&quot;]&#039;);&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;    &lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;    if ($parent.hasClass(&#039;expanded&#039;)) {&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;        $directChildren.show();&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;    } else {&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;        $directChildren.hide(&lt;/ins&gt;);&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;          &lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;          &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;         // &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Toggle expanded state&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;         // &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;When collapsing, also collapse and &lt;/ins&gt;hide &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;any sub-parents and their &lt;/ins&gt;children&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;        $parent.toggleClass(&#039;expanded&#039;);&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;         $(&#039;.material-&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;parent&lt;/ins&gt;[data-parent=&quot;&#039; + category + &#039;&quot;]&#039;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;).each(function() {&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;        &lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;            var $subParent = $(this&lt;/ins&gt;);&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;        // Show/&lt;/del&gt;hide children &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;based on new state&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;            var subCategory = &lt;/ins&gt;$&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;subParent&lt;/ins&gt;.&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;data&lt;/ins&gt;(&#039;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;category&lt;/ins&gt;&#039;)&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;;&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;         &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;var $children = &lt;/del&gt;$(&#039;.material-&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;child&lt;/del&gt;[data-parent=&quot;&#039; + category + &#039;&quot;]&#039;);&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;            &lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;        &lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;            // Remove expanded class from sub-parent&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;        if (&lt;/del&gt;$&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;parent&lt;/del&gt;.&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;hasClass&lt;/del&gt;(&#039;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;expanded&lt;/del&gt;&#039;)&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;) {&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;             $&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;subParent&lt;/ins&gt;.&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;removeClass&lt;/ins&gt;(&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&#039;expanded&#039;&lt;/ins&gt;);&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;             $&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;children&lt;/del&gt;.&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;show&lt;/del&gt;();&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;            &lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;        } else {&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;            // Hide sub-parent&#039;s children&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;             $&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;children&lt;/del&gt;.hide();&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;             $&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;(&#039;.material-child[data-parent=&quot;&#039; + subCategory + &#039;&quot;]&#039;)&lt;/ins&gt;.hide();&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;         }&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;         }&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;);&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;     });&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;     &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;}&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;});&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;      &lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;      &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;     // Handle cursor tooltip for material children&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;     // Handle cursor tooltip for material children&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;

&lt;!-- diff cache key exmediawiki_database:diff:1.41:old-10547:rev-10581:php=table --&gt;
&lt;/table&gt;</summary>
		<author><name>Christopher.theophanous</name></author>
	</entry>
	<entry>
		<id>https://exmediawiki.khm.de/index.php?title=MediaWiki:Common.js&amp;diff=10547&amp;oldid=prev</id>
		<title>Christopher.theophanous am 24. Juli 2025 um 12:03 Uhr</title>
		<link rel="alternate" type="text/html" href="https://exmediawiki.khm.de/index.php?title=MediaWiki:Common.js&amp;diff=10547&amp;oldid=prev"/>
		<updated>2025-07-24T12:03:09Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;a href=&quot;https://exmediawiki.khm.de/index.php?title=MediaWiki:Common.js&amp;amp;diff=10547&amp;amp;oldid=10503&quot;&gt;Änderungen zeigen&lt;/a&gt;</summary>
		<author><name>Christopher.theophanous</name></author>
	</entry>
	<entry>
		<id>https://exmediawiki.khm.de/index.php?title=MediaWiki:Common.js&amp;diff=10503&amp;oldid=prev</id>
		<title>Christopher.theophanous am 24. Juli 2025 um 10:12 Uhr</title>
		<link rel="alternate" type="text/html" href="https://exmediawiki.khm.de/index.php?title=MediaWiki:Common.js&amp;diff=10503&amp;oldid=prev"/>
		<updated>2025-07-24T10:12:27Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;a href=&quot;https://exmediawiki.khm.de/index.php?title=MediaWiki:Common.js&amp;amp;diff=10503&amp;amp;oldid=10496&quot;&gt;Änderungen zeigen&lt;/a&gt;</summary>
		<author><name>Christopher.theophanous</name></author>
	</entry>
	<entry>
		<id>https://exmediawiki.khm.de/index.php?title=MediaWiki:Common.js&amp;diff=10496&amp;oldid=prev</id>
		<title>Christopher.theophanous: Die Seite wurde neu angelegt: „// MediaWiki Slideshow Gallery - PAGE SPECIFIC ONLY // Only loads on pages with slideshow-gallery-page class // Add this to MediaWiki:Common.js  // Check if cu…“</title>
		<link rel="alternate" type="text/html" href="https://exmediawiki.khm.de/index.php?title=MediaWiki:Common.js&amp;diff=10496&amp;oldid=prev"/>
		<updated>2025-07-24T09:57:52Z</updated>

		<summary type="html">&lt;p&gt;Die Seite wurde neu angelegt: „// MediaWiki Slideshow Gallery - PAGE SPECIFIC ONLY // Only loads on pages with slideshow-gallery-page class // Add this to MediaWiki:Common.js  // Check if cu…“&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Neue Seite&lt;/b&gt;&lt;/p&gt;&lt;div&gt;// MediaWiki Slideshow Gallery - PAGE SPECIFIC ONLY&lt;br /&gt;
// Only loads on pages with slideshow-gallery-page class&lt;br /&gt;
// Add this to MediaWiki:Common.js&lt;br /&gt;
&lt;br /&gt;
// Check if current page should have slideshow functionality&lt;br /&gt;
function shouldLoadSlideshow() {&lt;br /&gt;
    return document.body.classList.contains(&amp;#039;slideshow-gallery-page&amp;#039;) || &lt;br /&gt;
           document.querySelector(&amp;#039;.slideshow-gallery-page&amp;#039;) !== null ||&lt;br /&gt;
           document.querySelector(&amp;#039;.slideshow-container&amp;#039;) !== null;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
// Only load slideshow code if needed&lt;br /&gt;
if (shouldLoadSlideshow()) {&lt;br /&gt;
    console.log(&amp;#039;Loading slideshow gallery for this page&amp;#039;);&lt;br /&gt;
    &lt;br /&gt;
    // Wait for MediaWiki to fully load&lt;br /&gt;
    mw.hook(&amp;#039;wikipage.content&amp;#039;).add(function($content) {&lt;br /&gt;
        initSlideshows($content);&lt;br /&gt;
    });&lt;br /&gt;
&lt;br /&gt;
    $(document).ready(function() {&lt;br /&gt;
        initSlideshows($(document));&lt;br /&gt;
    });&lt;br /&gt;
&lt;br /&gt;
    function initSlideshows($context) {&lt;br /&gt;
        $context = $context || $(document);&lt;br /&gt;
        &lt;br /&gt;
        // Only initialize slideshow containers on pages with the specific class&lt;br /&gt;
        const $galleryPages = $context.find(&amp;#039;.slideshow-gallery-page, body.slideshow-gallery-page&amp;#039;);&lt;br /&gt;
        if ($galleryPages.length === 0 &amp;amp;&amp;amp; !$context.hasClass(&amp;#039;slideshow-gallery-page&amp;#039;)) {&lt;br /&gt;
            // Also check for direct slideshow containers as fallback&lt;br /&gt;
            if ($context.find(&amp;#039;.slideshow-container&amp;#039;).length === 0) {&lt;br /&gt;
                return;&lt;br /&gt;
            }&lt;br /&gt;
        }&lt;br /&gt;
        &lt;br /&gt;
        // Initialize each slideshow container&lt;br /&gt;
        $context.find(&amp;#039;.slideshow-container&amp;#039;).each(function() {&lt;br /&gt;
            if (!$(this).data(&amp;#039;slideshow-initialized&amp;#039;)) {&lt;br /&gt;
                $(this).data(&amp;#039;slideshow-initialized&amp;#039;, true);&lt;br /&gt;
                initSingleSlideshow(this);&lt;br /&gt;
            }&lt;br /&gt;
        });&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    function initSingleSlideshow(container) {&lt;br /&gt;
        const slides = container.querySelectorAll(&amp;#039;.mySlides&amp;#039;);&lt;br /&gt;
        const thumbnails = container.querySelectorAll(&amp;#039;.demo&amp;#039;);&lt;br /&gt;
        const captionText = container.querySelector(&amp;#039;#caption, .caption&amp;#039;);&lt;br /&gt;
        let slideIndex = 1;&lt;br /&gt;
        &lt;br /&gt;
        console.log(&amp;#039;Initializing slideshow with&amp;#039;, slides.length, &amp;#039;slides&amp;#039;);&lt;br /&gt;
        &lt;br /&gt;
        if (slides.length === 0) {&lt;br /&gt;
            console.log(&amp;#039;No slides found in slideshow container&amp;#039;);&lt;br /&gt;
            return;&lt;br /&gt;
        }&lt;br /&gt;
        &lt;br /&gt;
        // Show first slide initially&lt;br /&gt;
        showSlides(slideIndex);&lt;br /&gt;
        &lt;br /&gt;
        // Add click handlers to navigation buttons&lt;br /&gt;
        const prevBtn = container.querySelector(&amp;#039;.prev&amp;#039;);&lt;br /&gt;
        const nextBtn = container.querySelector(&amp;#039;.next&amp;#039;);&lt;br /&gt;
        &lt;br /&gt;
        if (prevBtn) {&lt;br /&gt;
            prevBtn.addEventListener(&amp;#039;click&amp;#039;, function(e) {&lt;br /&gt;
                e.preventDefault();&lt;br /&gt;
                plusSlides(-1);&lt;br /&gt;
            });&lt;br /&gt;
        }&lt;br /&gt;
        &lt;br /&gt;
        if (nextBtn) {&lt;br /&gt;
            nextBtn.addEventListener(&amp;#039;click&amp;#039;, function(e) {&lt;br /&gt;
                e.preventDefault();&lt;br /&gt;
                plusSlides(1);&lt;br /&gt;
            });&lt;br /&gt;
        }&lt;br /&gt;
        &lt;br /&gt;
        // Add click handlers to thumbnails&lt;br /&gt;
        thumbnails.forEach(function(thumb, index) {&lt;br /&gt;
            thumb.addEventListener(&amp;#039;click&amp;#039;, function() {&lt;br /&gt;
                currentSlide(index + 1);&lt;br /&gt;
            });&lt;br /&gt;
        });&lt;br /&gt;
        &lt;br /&gt;
        // Keyboard navigation&lt;br /&gt;
        container.addEventListener(&amp;#039;keydown&amp;#039;, function(e) {&lt;br /&gt;
            if (e.keyCode === 37) { // Left arrow&lt;br /&gt;
                plusSlides(-1);&lt;br /&gt;
                e.preventDefault();&lt;br /&gt;
            } else if (e.keyCode === 39) { // Right arrow&lt;br /&gt;
                plusSlides(1);&lt;br /&gt;
                e.preventDefault();&lt;br /&gt;
            }&lt;br /&gt;
        });&lt;br /&gt;
        &lt;br /&gt;
        // Make container focusable for keyboard navigation&lt;br /&gt;
        container.setAttribute(&amp;#039;tabindex&amp;#039;, &amp;#039;0&amp;#039;);&lt;br /&gt;
        &lt;br /&gt;
        // Touch/swipe support&lt;br /&gt;
        let startX = 0;&lt;br /&gt;
        let endX = 0;&lt;br /&gt;
        &lt;br /&gt;
        container.addEventListener(&amp;#039;touchstart&amp;#039;, function(e) {&lt;br /&gt;
            startX = e.touches[0].clientX;&lt;br /&gt;
        });&lt;br /&gt;
        &lt;br /&gt;
        container.addEventListener(&amp;#039;touchmove&amp;#039;, function(e) {&lt;br /&gt;
            e.preventDefault();&lt;br /&gt;
        });&lt;br /&gt;
        &lt;br /&gt;
        container.addEventListener(&amp;#039;touchend&amp;#039;, function(e) {&lt;br /&gt;
            endX = e.changedTouches[0].clientX;&lt;br /&gt;
            const diffX = startX - endX;&lt;br /&gt;
            &lt;br /&gt;
            if (Math.abs(diffX) &amp;gt; 50) {&lt;br /&gt;
                if (diffX &amp;gt; 0) {&lt;br /&gt;
                    plusSlides(1); // Swipe left = next&lt;br /&gt;
                } else {&lt;br /&gt;
                    plusSlides(-1); // Swipe right = previous&lt;br /&gt;
                }&lt;br /&gt;
            }&lt;br /&gt;
        });&lt;br /&gt;
        &lt;br /&gt;
        // Auto-play functionality (if data-autoplay attribute is set)&lt;br /&gt;
        let autoPlayInterval;&lt;br /&gt;
        const autoPlayDelay = container.getAttribute(&amp;#039;data-autoplay&amp;#039;);&lt;br /&gt;
        &lt;br /&gt;
        if (autoPlayDelay) {&lt;br /&gt;
            function startAutoPlay() {&lt;br /&gt;
                autoPlayInterval = setInterval(function() {&lt;br /&gt;
                    plusSlides(1);&lt;br /&gt;
                }, parseInt(autoPlayDelay));&lt;br /&gt;
            }&lt;br /&gt;
            &lt;br /&gt;
            function stopAutoPlay() {&lt;br /&gt;
                if (autoPlayInterval) {&lt;br /&gt;
                    clearInterval(autoPlayInterval);&lt;br /&gt;
                    autoPlayInterval = null;&lt;br /&gt;
                }&lt;br /&gt;
            }&lt;br /&gt;
            &lt;br /&gt;
            container.addEventListener(&amp;#039;mouseenter&amp;#039;, stopAutoPlay);&lt;br /&gt;
            container.addEventListener(&amp;#039;mouseleave&amp;#039;, startAutoPlay);&lt;br /&gt;
            &lt;br /&gt;
            startAutoPlay();&lt;br /&gt;
        }&lt;br /&gt;
        &lt;br /&gt;
        // Next/previous controls&lt;br /&gt;
        function plusSlides(n) {&lt;br /&gt;
            showSlides(slideIndex += n);&lt;br /&gt;
        }&lt;br /&gt;
        &lt;br /&gt;
        // Thumbnail image controls&lt;br /&gt;
        function currentSlide(n) {&lt;br /&gt;
            showSlides(slideIndex = n);&lt;br /&gt;
        }&lt;br /&gt;
        &lt;br /&gt;
        function showSlides(n) {&lt;br /&gt;
            let i;&lt;br /&gt;
            &lt;br /&gt;
            if (n &amp;gt; slides.length) { slideIndex = 1; }&lt;br /&gt;
            if (n &amp;lt; 1) { slideIndex = slides.length; }&lt;br /&gt;
            &lt;br /&gt;
            // Hide all slides&lt;br /&gt;
            for (i = 0; i &amp;lt; slides.length; i++) {&lt;br /&gt;
                slides[i].style.display = &amp;quot;none&amp;quot;;&lt;br /&gt;
                slides[i].classList.remove(&amp;#039;active&amp;#039;);&lt;br /&gt;
            }&lt;br /&gt;
            &lt;br /&gt;
            // Remove active class from all thumbnails&lt;br /&gt;
            for (i = 0; i &amp;lt; thumbnails.length; i++) {&lt;br /&gt;
                thumbnails[i].classList.remove(&amp;#039;active-thumb&amp;#039;);&lt;br /&gt;
            }&lt;br /&gt;
            &lt;br /&gt;
            // Show current slide&lt;br /&gt;
            if (slides[slideIndex - 1]) {&lt;br /&gt;
                slides[slideIndex - 1].style.display = &amp;quot;block&amp;quot;;&lt;br /&gt;
                slides[slideIndex - 1].classList.add(&amp;#039;active&amp;#039;);&lt;br /&gt;
            }&lt;br /&gt;
            &lt;br /&gt;
            // Highlight current thumbnail&lt;br /&gt;
            if (thumbnails[slideIndex - 1]) {&lt;br /&gt;
                thumbnails[slideIndex - 1].classList.add(&amp;#039;active-thumb&amp;#039;);&lt;br /&gt;
            }&lt;br /&gt;
            &lt;br /&gt;
            // Update caption&lt;br /&gt;
            if (captionText &amp;amp;&amp;amp; thumbnails[slideIndex - 1]) {&lt;br /&gt;
                captionText.innerHTML = thumbnails[slideIndex - 1].getAttribute(&amp;#039;alt&amp;#039;) || &amp;#039;&amp;#039;;&lt;br /&gt;
            }&lt;br /&gt;
            &lt;br /&gt;
            console.log(&amp;#039;Showing slide&amp;#039;, slideIndex, &amp;#039;of&amp;#039;, slides.length);&lt;br /&gt;
        }&lt;br /&gt;
    }&lt;br /&gt;
} else {&lt;br /&gt;
    console.log(&amp;#039;Slideshow gallery not needed on this page&amp;#039;);&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Christopher.theophanous</name></author>
	</entry>
</feed>