From 5cd0d4bf4a454d2e879b723ef700a4b2f1d57ff3 Mon Sep 17 00:00:00 2001
From: Kazhnuz <kazhnuz@kobold.cafe>
Date: Fri, 9 Feb 2024 15:02:12 +0100
Subject: [PATCH] feat(site): initialise site web

---
 .gitignore                         |  25 +++
 _data/metadata.js                  |  11 ++
 _includes/layouts/base-subpage.njk |  34 ++++
 _includes/layouts/base-toppage.njk |  25 +++
 _includes/layouts/base.njk         |  15 ++
 _includes/layouts/category.njk     |  20 ++
 _includes/layouts/home.njk         |   8 +
 _includes/layouts/parent.njk       |  47 +++++
 _includes/layouts/post.njk         |  28 +++
 _includes/postslist.njk            |   9 +
 content/404.md                     |  19 ++
 content/apropos.md                 |  31 +++
 content/feed/feed.11tydata.js      |   3 +
 content/feed/feed.njk              |  27 +++
 content/feed/json.njk              |  29 +++
 content/index.md                   |  35 ++++
 content/sitemap/sitemap.xml.njk    |  14 ++
 eleventy.config.drafts.js          |  50 +++++
 eleventy.config.images.js          |  34 ++++
 eleventy.config.js                 | 144 ++++++++++++++
 netlify.toml                       |  24 +++
 package.json                       |  47 +++++
 public/css/datatables.css          | 223 ++++++++++++++++++++++
 public/css/index.css               | 292 +++++++++++++++++++++++++++++
 public/favicon.png                 | Bin 0 -> 747 bytes
 public/img/.gitkeep                |   0
 public/js/datatables.js            |   8 +
 27 files changed, 1202 insertions(+)
 create mode 100644 .gitignore
 create mode 100644 _data/metadata.js
 create mode 100644 _includes/layouts/base-subpage.njk
 create mode 100644 _includes/layouts/base-toppage.njk
 create mode 100644 _includes/layouts/base.njk
 create mode 100644 _includes/layouts/category.njk
 create mode 100644 _includes/layouts/home.njk
 create mode 100644 _includes/layouts/parent.njk
 create mode 100644 _includes/layouts/post.njk
 create mode 100644 _includes/postslist.njk
 create mode 100644 content/404.md
 create mode 100644 content/apropos.md
 create mode 100644 content/feed/feed.11tydata.js
 create mode 100755 content/feed/feed.njk
 create mode 100644 content/feed/json.njk
 create mode 100644 content/index.md
 create mode 100644 content/sitemap/sitemap.xml.njk
 create mode 100644 eleventy.config.drafts.js
 create mode 100644 eleventy.config.images.js
 create mode 100644 eleventy.config.js
 create mode 100644 netlify.toml
 create mode 100644 package.json
 create mode 100644 public/css/datatables.css
 create mode 100644 public/css/index.css
 create mode 100644 public/favicon.png
 create mode 100644 public/img/.gitkeep
 create mode 100644 public/js/datatables.js

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..a8fe7ae
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,25 @@
+# Generated files
+package/generated*
+
+# Ignore installed npm modules
+node_modules/
+
+# Ignore build tool output, e.g. code coverage
+.nyc_output/
+coverage/
+
+# Ignore API documentation
+api-docs/
+
+# Ignore folders from source code editors
+.vscode
+.idea
+
+# Ignore eleventy output when doing manual tests
+_site/
+
+package-lock.json
+
+# Ignore test files
+.cache
+test/stubs-layout-cache/_includes/*.js
\ No newline at end of file
diff --git a/_data/metadata.js b/_data/metadata.js
new file mode 100644
index 0000000..b0bbba0
--- /dev/null
+++ b/_data/metadata.js
@@ -0,0 +1,11 @@
+module.exports = {
+	title: "Missing Number",
+	url: "https://missingnumber.fanstuff.garden/",
+	language: "fr",
+	description: "Découvrez les secrets des premières version de Pokémon",
+	author: {
+		name: "Kazhnuz",
+		email: "kazhnuz@kobold.cafe",
+		url: "https://kazhnuz.space/"
+	}
+}
diff --git a/_includes/layouts/base-subpage.njk b/_includes/layouts/base-subpage.njk
new file mode 100644
index 0000000..53085bb
--- /dev/null
+++ b/_includes/layouts/base-subpage.njk
@@ -0,0 +1,34 @@
+---
+layout: layouts/parent.njk
+---
+<main id="skip">
+  <div>
+    {{ content | safe }}
+  </div>
+</main>
+
+<aside id="more-info">
+  <div class="card">
+    <ol>
+      {%- for post in collections.all | sort(false, true, "data.eleventySubNavigation.order") -%}
+        {%- if post.data.eleventyNavigation.key == eleventySubNavigation.parent -%}
+          <li><a href="{{ post.url }}" style="padding-left:3px;">← {{ post.data.eleventyNavigation.key }}</a></li>
+        {%- endif -%}
+      {%- endfor -%}
+    </ol>
+  </div>
+  <div class="card">
+    <h2>Sommaire</h2>
+    {{ content | toc | safe }}
+  </div>
+  <div class="card">
+    <h2>Pages sœurs</h2>
+    <ol>
+      {%- for post in collections.all | sort(false, true, "data.eleventySubNavigation.order") -%}
+        {%- if post.data.eleventySubNavigation.parent == eleventySubNavigation.parent -%}
+          <li><a href="{{ post.url }}">{{ post.data.eleventySubNavigation.key }}</a></li>
+        {%- endif -%}
+      {%- endfor -%}
+    </ol>
+  </div>
+</aside>
diff --git a/_includes/layouts/base-toppage.njk b/_includes/layouts/base-toppage.njk
new file mode 100644
index 0000000..2da87d1
--- /dev/null
+++ b/_includes/layouts/base-toppage.njk
@@ -0,0 +1,25 @@
+---
+layout: layouts/parent.njk
+---
+<main id="skip">
+  <div>
+    {{ content | safe }}
+  </div>
+</main>
+
+<aside id="more-info">
+  <div class="card">
+    <h2>Sommaire</h2>
+    {{ content | toc | safe }}
+  </div>
+  <div class="card">
+    <h2>Sous-pages</h2>
+    <ol>
+      {%- for post in collections.all | sort(false, true, "data.eleventySubNavigation.order") -%}
+        {%- if post.data.eleventySubNavigation.parent == eleventyNavigation.key -%}
+          <li><a href="{{ post.url }}">{{ post.data.eleventySubNavigation.key }}</a></li>
+        {%- endif -%}
+      {%- endfor -%}
+    </ol>
+  </div>
+</aside>
diff --git a/_includes/layouts/base.njk b/_includes/layouts/base.njk
new file mode 100644
index 0000000..d080269
--- /dev/null
+++ b/_includes/layouts/base.njk
@@ -0,0 +1,15 @@
+---
+layout: layouts/parent.njk
+---
+<main id="skip">
+  <div>
+    {{ content | safe }}
+  </div>
+</main>
+
+<aside id="more-info">
+  <div class="card">
+    <h2>Sommaire</h2>
+    {{ content | toc | safe }}
+  </div>
+</aside>
diff --git a/_includes/layouts/category.njk b/_includes/layouts/category.njk
new file mode 100644
index 0000000..3405d1a
--- /dev/null
+++ b/_includes/layouts/category.njk
@@ -0,0 +1,20 @@
+---
+layout: layouts/parent.njk
+---
+<main id="skip">
+  <div>
+    {{ content | safe }}
+    <h2 id="liste-des-pages">Liste des pages</h2>
+    {{ collections.all | eleventyNavigation: "Annuaire", navToHtmlOptions | eleventyNavigationToHtml | safe | json }}
+  </div>
+</main>
+
+<aside id="more-info">
+  <div class="card">
+    <h2 class="visually-hidden">Table of Content</h2>
+    {{ content | toc | safe }}
+    <ul>
+      <li><a href="#liste-des-pages">Liste des pages</a></li>
+    </ul>
+  </div>
+</aside>
diff --git a/_includes/layouts/home.njk b/_includes/layouts/home.njk
new file mode 100644
index 0000000..b30f7c2
--- /dev/null
+++ b/_includes/layouts/home.njk
@@ -0,0 +1,8 @@
+---
+layout: layouts/parent.njk
+---
+<main id="skip">
+  <div>
+    {{ content | safe }}
+  </div>
+</main>
diff --git a/_includes/layouts/parent.njk b/_includes/layouts/parent.njk
new file mode 100644
index 0000000..056e95f
--- /dev/null
+++ b/_includes/layouts/parent.njk
@@ -0,0 +1,47 @@
+<!doctype html>
+<html lang="{{ metadata.language }}">
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<title>{{ title or metadata.title }}</title>
+		<meta name="description" content="{{ description or metadata.description }}">
+
+		{#- Atom and JSON feeds included by default #}
+		<link rel="alternate" href="/feed/feed.xml" type="application/atom+xml" title="{{ metadata.title }}">
+		<link rel="alternate" href="/feed/feed.json" type="application/json" title="{{ metadata.title }}">
+		<link rel="icon" type="image/x-icon" href="/favicon.png">
+		<script src="/js/datatables.js"></script>
+
+		{#- Uncomment this if you’d like folks to know that you used Eleventy to build your site!  #}
+		<meta name="generator" content="{{ eleventy.generator }}">
+
+		{%- css %}{% include "public/css/index.css" %}{% endcss %}
+		{%- css %}{% include "public/css/datatables.css" %}{% endcss %}
+		<style>{% getBundle "css" %}</style>
+
+	</head>
+	<body>
+		<a href="#skip" class="visually-hidden">Skip to main content</a>
+
+		<header>
+		  <h1>
+			  <a href="/" class="home-link"><img src="/img/logo.png" alt="{{ metadata.title }}"></a>
+			</h1>
+
+			<nav>
+				<h2 class="visually-hidden">Top level navigation menu</h2>
+			</nav>
+		</header>
+		<div class="wrapper">
+		  <nav id="sidebar">
+          {{ collections.all | eleventyNavigation | eleventyNavigationToHtml({anchorClass: "itemLink",activeAnchorClass: "active",activeListItemClass: "active",activeKey: eleventyNavigation.key, listClass: "nav", listItemClass: "item"}) | safe }}
+		  </nav>
+
+		  {{ content | safe }}
+		</div>
+
+		<footer><a href="https://creativecommons.org/licenses/by-sa/4.0/"><img src="/img/cc-by-sa.png" /><span class="visually-hidden">Tout le contenu de cette page est sous licence Creatve Common Attribution - Partage à l'identique.</span></a></footer>
+
+		<!-- Current page: {{ page.url | htmlBaseUrl }} -->
+	</body>
+</html>
diff --git a/_includes/layouts/post.njk b/_includes/layouts/post.njk
new file mode 100644
index 0000000..ad83414
--- /dev/null
+++ b/_includes/layouts/post.njk
@@ -0,0 +1,28 @@
+---
+layout: layouts/parent.njk
+---
+{# Only include the syntax highlighter CSS on blog posts #}
+{%- css %}{% include "node_modules/prismjs/themes/prism-okaidia.css" %}{% endcss %}
+{%- css %}{% include "public/css/prism-diff.css" %}{%- endcss %}
+<h1>{{ title }}</h1>
+
+<ul class="post-metadata">
+	<li><time datetime="{{ page.date | htmlDateString }}">{{ page.date | readableDate }}</time></li>
+	{%- for tag in tags | filterTagList %}
+	{%- set tagUrl %}/tags/{{ tag | slugify }}/{% endset %}
+	<li><a href="{{ tagUrl }}" class="post-tag">{{ tag }}</a>{%- if not loop.last %}, {% endif %}</li>
+	{%- endfor %}
+</ul>
+
+{{ content | safe }}
+
+{%- if collections.posts %}
+{%- set previousPost = collections.posts | getPreviousCollectionItem %}
+{%- set nextPost = collections.posts | getNextCollectionItem %}
+{%- if nextPost or previousPost %}
+<ul class="links-nextprev">
+	{%- if previousPost %}<li>Previous: <a href="{{ previousPost.url }}">{{ previousPost.data.title }}</a></li>{% endif %}
+	{%- if nextPost %}<li>Next: <a href="{{ nextPost.url }}">{{ nextPost.data.title }}</a></li>{% endif %}
+</ul>
+{%- endif %}
+{%- endif %}
diff --git a/_includes/postslist.njk b/_includes/postslist.njk
new file mode 100644
index 0000000..99272c5
--- /dev/null
+++ b/_includes/postslist.njk
@@ -0,0 +1,9 @@
+{%- css %}.postlist { counter-reset: start-from {{ (postslistCounter or postslist.length) + 1 }} }{% endcss %}
+<ol reversed class="postlist">
+{% for post in postslist | reverse %}
+	<li class="postlist-item{% if post.url == url %} postlist-item-active{% endif %}">
+		<a href="{{ post.url }}" class="postlist-link">{% if post.data.title %}{{ post.data.title }}{% else %}<code>{{ post.url }}</code>{% endif %}</a>
+		<time class="postlist-date" datetime="{{ post.date | htmlDateString }}">{{ post.date | readableDate("LLLL yyyy") }}</time>
+	</li>
+{% endfor %}
+</ol>
diff --git a/content/404.md b/content/404.md
new file mode 100644
index 0000000..f828667
--- /dev/null
+++ b/content/404.md
@@ -0,0 +1,19 @@
+---
+layout: layouts/home.njk
+permalink: 404.html
+eleventyExcludeFromCollections: true
+---
+# Contenu non trouvé.
+
+Retournez à l'<a href="/">accueil</a> et essayer une autre page.
+
+<!--
+
+Read more: https://www.11ty.dev/docs/quicktips/not-found/
+
+This will work for both GitHub pages and Netlify:
+
+* https://help.github.com/articles/creating-a-custom-404-page-for-your-github-pages-site/
+* https://www.netlify.com/docs/redirects/#custom-404
+
+-->
diff --git a/content/apropos.md b/content/apropos.md
new file mode 100644
index 0000000..b45d567
--- /dev/null
+++ b/content/apropos.md
@@ -0,0 +1,31 @@
+---
+layout: layouts/base.njk
+eleventyNavigation:
+  key: À propos
+  parent: Accueil
+  order: 0
+---
+
+# À propos de Missing Number
+
+Missing Number est un fansite pokémon orienté 1G / 2G, visant à parler des différents aspects de cette époque. Il a pour but à terme de devenir une sorte de mini "guide" de ces jeux, offrant un peu tout ce qu'il y a a savoir aussi. Il est utilise le générateur de site Eleventy pour former des pages HTML simple, et cherche à être légé et rapide à charger.
+
+Ce site à un concept et un sujet similaire au site [Blue Moon Falls](https://bluemoonfalls.com/), mais une approche un peu différente (et Missing Number est en Français là ou BMF est en anglais). Blue Moon Fall offre une approche permettant de découvrir plus les jeux Pokémon 1G/2G et notamment certaines des mécaniques de customisations et "comment obtenir le plus de fun des jeux", là ou Missing Number vise à montrer un tas de chose qui existaient à cette époque, et tout l'aspect "méta-jeu". Si un jour peut-être qu'on aura quelques guides stratégiques pour les pokémons, pour l'instant nous n'en avons pas.
+
+Cependant, je vous conseille de visiter aussi Blue Moon Falls si vous lisez l'anglais, le site à une approche complémentaire très intéressante, et fournis plusieurs outils dont on reparlera dans les pages adéquates.
+
+Nous avons aussi quelques informations en commun avec le site [PRAMA Initiative](https://www.prama-initiative.com/), un fanwiki de glitchologie Pokémon, mais ceux-ci sont bieeeen plus complet sur ce sujet (même s'ils n'ont pas encore de glitchdex).
+
+## Pourquoi ce site ?
+
+Le but de ce site est de fournir un petit site sur un sujet très spécifique (les pokémons des générations 1 et 2) regroupant des liens vers de nombreux autres endroits ou vous aurez plus d'informations. L'idée est d'être moins complet qu'un wiki, mais un peu plus abordable, et traitant de sujets plus divers (mais centré sur la thématique commune), n'hésitant pas à aller dans les domaines moins "officiels", voir moins encyclopédique.
+
+Il se pose en complément des gros sites Pokémon, tout en étant un petit espace ou je peux parler de la partie qui me plaît de ces sujets. L'idée est aussi de fournir un feeling un peu de cette époque, en abordant de nombreux sujets qui revenaient dans la période (ou plus tard) autour de ces jeux.
+
+## Pourquoi la 1G/2G ?
+
+J'ai fait ce site parce que j'ai passé d'excellent moment sur ces générations, et que je voulais aider à les rendre plus accessible aux gens voulant s'y lancer maintenant. Par rapport aux pokémon moderne, les premières générations ont pas mal d'archaïsme, mais elles ont aussi un scope plus petit qui les rends plus accessible sur certains points. N'ayant pas des centaines et centaines de pokémon avec lesquels jongler, cela en fait des jeux plus "abordable" sur certains points, ayant un peu moins de complexité.
+
+Cela ne veut pas dire qu'elles sont toujours facile, ou n'offrent pas de richesse, mais elles ont un caractère plus simple. Mais à côté, il y a tout un univers moins connus, fondée non pas sur les jeux en eux-même mais tout les discours et les phénomènes émergeant qui ont eut lieu.
+
+D'autres "blocs" de générations pourraient être fait avec d'autres sites similaires, tel qu'un site 3-5G, un site 6G/7G, etc.
\ No newline at end of file
diff --git a/content/feed/feed.11tydata.js b/content/feed/feed.11tydata.js
new file mode 100644
index 0000000..ed3fec9
--- /dev/null
+++ b/content/feed/feed.11tydata.js
@@ -0,0 +1,3 @@
+module.exports = {
+	eleventyExcludeFromCollections: true
+}
diff --git a/content/feed/feed.njk b/content/feed/feed.njk
new file mode 100755
index 0000000..a47a7e8
--- /dev/null
+++ b/content/feed/feed.njk
@@ -0,0 +1,27 @@
+---
+# Metadata comes from _data/metadata.js
+permalink: /feed/feed.xml
+---
+<?xml version="1.0" encoding="utf-8"?>
+<feed xmlns="http://www.w3.org/2005/Atom" xml:base="{{ metadata.language }}">
+	<title>{{ metadata.title }}</title>
+	<subtitle>{{ metadata.description }}</subtitle>
+	<link href="{{ permalink | htmlBaseUrl(metadata.url) }}" rel="self"/>
+	<link href="{{ metadata.url | addPathPrefixToFullUrl }}"/>
+	<updated>{{ collections.posts | getNewestCollectionItemDate | dateToRfc3339 }}</updated>
+	<id>{{ metadata.url }}</id>
+	<author>
+		<name>{{ metadata.author.name }}</name>
+		<email>{{ metadata.author.email }}</email>
+	</author>
+	{%- for post in collections.posts | reverse %}
+	{% set absolutePostUrl %}{{ post.url | htmlBaseUrl(metadata.url) }}{% endset %}
+	<entry>
+		<title>{{ post.data.title }}</title>
+		<link href="{{ absolutePostUrl }}"/>
+		<updated>{{ post.date | dateToRfc3339 }}</updated>
+		<id>{{ absolutePostUrl }}</id>
+		<content type="html">{{ post.templateContent | transformWithHtmlBase(absolutePostUrl, post.url) }}</content>
+	</entry>
+	{%- endfor %}
+</feed>
diff --git a/content/feed/json.njk b/content/feed/json.njk
new file mode 100644
index 0000000..3b33b59
--- /dev/null
+++ b/content/feed/json.njk
@@ -0,0 +1,29 @@
+---
+# Metadata comes from _data/metadata.js
+permalink: /feed/feed.json
+---
+{
+	"version": "https://jsonfeed.org/version/1.1",
+	"title": "{{ metadata.title }}",
+	"language": "{{ metadata.language }}",
+	"home_page_url": "{{ metadata.url | addPathPrefixToFullUrl }}",
+	"feed_url": "{{ permalink | htmlBaseUrl(metadata.url) }}",
+	"description": "{{ metadata.description }}",
+	"author": {
+		"name": "{{ metadata.author.name }}",
+		"url": "{{ metadata.author.url }}"
+	},
+	"items": [
+		{%- for post in collections.posts | reverse %}
+		{%- set absolutePostUrl = post.url | htmlBaseUrl(metadata.url) %}
+		{
+			"id": "{{ absolutePostUrl }}",
+			"url": "{{ absolutePostUrl }}",
+			"title": "{{ post.data.title }}",
+			"content_html": {% if post.templateContent %}{{ post.templateContent | transformWithHtmlBase(absolutePostUrl, post.url) | dump | safe }}{% else %}""{% endif %},
+			"date_published": "{{ post.date | dateToRfc3339 }}"
+		}
+		{% if not loop.last %},{% endif %}
+		{%- endfor %}
+	]
+}
diff --git a/content/index.md b/content/index.md
new file mode 100644
index 0000000..052316f
--- /dev/null
+++ b/content/index.md
@@ -0,0 +1,35 @@
+---
+layout: layouts/base.njk
+eleventyNavigation:
+  key: Accueil
+  order: 0
+---
+
+# Bienvenue sur Missing-Number
+
+Missing-Number est un petit site Pokémon orienté 1G / 2G, qui explore les différents aspects de la série à cette époque, et parle aussi bien des jeux que des rumeurs et légendes urbaines autour. Vous pouvez y trouver quelques sujets niches, ainsi que des pokédex pour les version 1G/2G. Il est proche dans l'esprit de [Blue Moon Falls](https://bluemoonfalls.com/), un autre site parlant du sujet (en anglais).
+
+L'idée de Missing Number est du coup d'être un peu un espace de découverte, où vous pourrez en découvrir plus sur ces deux jeux rétro à votre guise. [En savoir plus](/about).
+
+## Updates
+
+- **2024/02/28** - Ouverture du site
+
+## Todo
+
+- Ajouter les jeux secondaires de ces générations
+- Pokédex G2 béta (va compléter la page existante)
+- Creepypasta et légendes urbaines du genre
+- Infos sur le TGC à l'époque 1G/2G
+- Ajouter une section sur les glitchs
+- Créer "l'AU" Indigo Foundation, qui mélange pleins de ces éléments présentés ici sous forme d'un univers alternatif
+- Ajouter un annuaire des sites web
+
+## Sources et crédits
+
+Ce site faisant en grande partie du regroupement et de la traduction d'informations, de nombreuses informations sont reprise de divers wiki pokémon anglophones et traduits. Les sources sont disponibles également de manière plus précise (ainsi que les artistes quand des artworks de fans sont utilisés) dans chaque page du site quand c'est pertinent.
+
+- Les décompilations du [projet pret](https://github.com/pret/) - Les informations internes des jeux, ainsi que de nombreux sprites
+- [The Cutting Room Floor]() - Toutes les informations à propos des béta et éléments de développements des jeux
+- [Bulbapedia]() (en) et [Pokepedia]() (fr) - Wiki pokémon de références, où j'ai récupéré de nombreuses informations plus génériques
+- [Tyradex](https://tyradex.vercel.app/) - API pokedex francophone, j'y ai récupéré quelques informations qui me manquait des décompilations (genre des tailles/poids)
\ No newline at end of file
diff --git a/content/sitemap/sitemap.xml.njk b/content/sitemap/sitemap.xml.njk
new file mode 100644
index 0000000..4da684a
--- /dev/null
+++ b/content/sitemap/sitemap.xml.njk
@@ -0,0 +1,14 @@
+---
+permalink: /sitemap.xml
+eleventyExcludeFromCollections: true
+---
+<?xml version="1.0" encoding="utf-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml">
+{%- for page in collections.all %}
+	{% set absoluteUrl %}{{ page.url | htmlBaseUrl(metadata.url) }}{% endset %}
+	<url>
+		<loc>{{ absoluteUrl }}</loc>
+		<lastmod>{{ page.date | htmlDateString }}</lastmod>
+	</url>
+{%- endfor %}
+</urlset>
diff --git a/eleventy.config.drafts.js b/eleventy.config.drafts.js
new file mode 100644
index 0000000..8eb92dc
--- /dev/null
+++ b/eleventy.config.drafts.js
@@ -0,0 +1,50 @@
+function eleventyComputedPermalink() {
+	// When using `addGlobalData` and you *want* to return a function, you must nest functions like this.
+	// `addGlobalData` acts like a global data file and runs the top level function it receives.
+	return (data) => {
+		// Always skip during non-watch/serve builds
+		if(data.draft && !process.env.BUILD_DRAFTS) {
+			return false;
+		}
+
+		return data.permalink;
+	}
+};
+
+function eleventyComputedExcludeFromCollections() {
+	// When using `addGlobalData` and you *want* to return a function, you must nest functions like this.
+	// `addGlobalData` acts like a global data file and runs the top level function it receives.
+	return (data) => {
+		// Always exclude from non-watch/serve builds
+		if(data.draft && !process.env.BUILD_DRAFTS) {
+			return true;
+		}
+
+		return data.eleventyExcludeFromCollections;
+	}
+};
+
+module.exports.eleventyComputedPermalink = eleventyComputedPermalink;
+module.exports.eleventyComputedExcludeFromCollections = eleventyComputedExcludeFromCollections;
+
+module.exports = eleventyConfig => {
+	eleventyConfig.addGlobalData("eleventyComputed.permalink", eleventyComputedPermalink);
+	eleventyConfig.addGlobalData("eleventyComputed.eleventyExcludeFromCollections", eleventyComputedExcludeFromCollections);
+
+	let logged = false;
+	eleventyConfig.on("eleventy.before", ({runMode}) => {
+		let text = "Excluding";
+		// Only show drafts in serve/watch modes
+		if(runMode === "serve" || runMode === "watch") {
+			process.env.BUILD_DRAFTS = true;
+			text = "Including";
+		}
+
+		// Only log once.
+		if(!logged) {
+			console.log( `[11ty/eleventy-base-blog] ${text} drafts.` );
+		}
+
+		logged = true;
+	});
+}
diff --git a/eleventy.config.images.js b/eleventy.config.images.js
new file mode 100644
index 0000000..32a0269
--- /dev/null
+++ b/eleventy.config.images.js
@@ -0,0 +1,34 @@
+const path = require("path");
+const eleventyImage = require("@11ty/eleventy-img");
+
+module.exports = eleventyConfig => {
+	function relativeToInputPath(inputPath, relativeFilePath) {
+		let split = inputPath.split("/");
+		split.pop();
+
+		return path.resolve(split.join(path.sep), relativeFilePath);
+	}
+
+	// Eleventy Image shortcode
+	// https://www.11ty.dev/docs/plugins/image/
+	eleventyConfig.addAsyncShortcode("image", async function imageShortcode(src, alt, widths, sizes) {
+		// Full list of formats here: https://www.11ty.dev/docs/plugins/image/#output-formats
+		// Warning: Avif can be resource-intensive so take care!
+		let formats = ["avif", "webp", "auto"];
+		let file = relativeToInputPath(this.page.inputPath, src);
+		let metadata = await eleventyImage(file, {
+			widths: widths || ["auto"],
+			formats,
+			outputDir: path.join(eleventyConfig.dir.output, "img"), // Advanced usage note: `eleventyConfig.dir` works here because we’re using addPlugin.
+		});
+
+		// TODO loading=eager and fetchpriority=high
+		let imageAttributes = {
+			alt,
+			sizes,
+			loading: "lazy",
+			decoding: "async",
+		};
+		return eleventyImage.generateHTML(metadata, imageAttributes);
+	});
+};
diff --git a/eleventy.config.js b/eleventy.config.js
new file mode 100644
index 0000000..5b88972
--- /dev/null
+++ b/eleventy.config.js
@@ -0,0 +1,144 @@
+const { DateTime } = require("luxon");
+const markdownItAnchor = require("markdown-it-anchor");
+
+const pluginRss = require("@11ty/eleventy-plugin-rss");
+const pluginSyntaxHighlight = require("@11ty/eleventy-plugin-syntaxhighlight");
+const pluginBundle = require("@11ty/eleventy-plugin-bundle");
+const pluginNavigation = require("@11ty/eleventy-navigation");
+const { EleventyHtmlBasePlugin } = require("@11ty/eleventy");
+
+const pluginDrafts = require("./eleventy.config.drafts.js");
+const pluginImages = require("./eleventy.config.images.js");
+const pluginTOC = require('eleventy-plugin-toc');
+
+module.exports = function(eleventyConfig) {
+	// Copy the contents of the `public` folder to the output folder
+	// For example, `./public/css/` ends up in `_site/css/`
+	eleventyConfig.addPassthroughCopy({
+		"./public/": "/",
+		"./node_modules/prismjs/themes/prism-okaidia.css": "/css/prism-okaidia.css"
+	});
+
+	// Run Eleventy when these files change:
+	// https://www.11ty.dev/docs/watch-serve/#add-your-own-watch-targets
+
+	// Watch content images for the image pipeline.
+	eleventyConfig.addWatchTarget("content/**/*.{svg,webp,png,jpeg}");
+
+	// App plugins
+	eleventyConfig.addPlugin(pluginDrafts);
+	eleventyConfig.addPlugin(pluginImages);
+
+	// Official plugins
+	eleventyConfig.addPlugin(pluginRss);
+	eleventyConfig.addPlugin(pluginSyntaxHighlight, {
+		preAttributes: { tabindex: 0 }
+	});
+	eleventyConfig.addPlugin(pluginNavigation);
+	eleventyConfig.addPlugin(EleventyHtmlBasePlugin);
+	eleventyConfig.addPlugin(pluginBundle);
+	eleventyConfig.addPlugin(pluginTOC, {
+    tags: ['h2'],
+    wrapper: 'div'
+  });
+
+	// Filters
+	eleventyConfig.addFilter("readableDate", (dateObj, format, zone) => {
+		// Formatting tokens for Luxon: https://moment.github.io/luxon/#/formatting?id=table-of-tokens
+		return DateTime.fromJSDate(dateObj, { zone: zone || "utc" }).toFormat(format || "dd LLLL yyyy");
+	});
+
+	eleventyConfig.addFilter('htmlDateString', (dateObj) => {
+		// dateObj input: https://html.spec.whatwg.org/multipage/common-microsyntaxes.html#valid-date-string
+		return DateTime.fromJSDate(dateObj, {zone: 'utc'}).toFormat('yyyy-LL-dd');
+	});
+
+	// Get the first `n` elements of a collection.
+	eleventyConfig.addFilter("head", (array, n) => {
+		if(!Array.isArray(array) || array.length === 0) {
+			return [];
+		}
+		if( n < 0 ) {
+			return array.slice(n);
+		}
+
+		return array.slice(0, n);
+	});
+
+	// Return the smallest number argument
+	eleventyConfig.addFilter("min", (...numbers) => {
+		return Math.min.apply(null, numbers);
+	});
+
+	// Return all the tags used in a collection
+	eleventyConfig.addFilter("getAllTags", collection => {
+		let tagSet = new Set();
+		for(let item of collection) {
+			(item.data.tags || []).forEach(tag => tagSet.add(tag));
+		}
+		return Array.from(tagSet);
+	});
+
+	eleventyConfig.addFilter("filterTagList", function filterTagList(tags) {
+		return (tags || []).filter(tag => ["all", "nav", "post", "posts"].indexOf(tag) === -1);
+	});
+
+	// Customize Markdown library settings:
+	eleventyConfig.amendLibrary("md", mdLib => {
+		mdLib.use(markdownItAnchor, {
+			permalink: markdownItAnchor.permalink.ariaHidden({
+				placement: "after",
+				class: "header-anchor",
+				symbol: "#",
+				ariaHidden: false,
+			}),
+			level: [1,2,3,4],
+			slugify: eleventyConfig.getFilter("slugify")
+		});
+	});
+
+	// Features to make your build faster (when you need them)
+
+	// If your passthrough copy gets heavy and cumbersome, add this line
+	// to emulate the file copy on the dev server. Learn more:
+	// https://www.11ty.dev/docs/copy/#emulate-passthrough-copy-during-serve
+
+	// eleventyConfig.setServerPassthroughCopyBehavior("passthrough");
+
+	return {
+		// Control which files Eleventy will process
+		// e.g.: *.md, *.njk, *.html, *.liquid
+		templateFormats: [
+			"md",
+			"njk",
+			"html",
+			"liquid",
+		],
+
+		// Pre-process *.md files with: (default: `liquid`)
+		markdownTemplateEngine: "njk",
+
+		// Pre-process *.html files with: (default: `liquid`)
+		htmlTemplateEngine: "njk",
+
+		// These are all optional:
+		dir: {
+			input: "content",          // default: "."
+			includes: "../_includes",  // default: "_includes"
+			data: "../_data",          // default: "_data"
+			output: "_site"
+		},
+
+		// -----------------------------------------------------------------
+		// Optional items:
+		// -----------------------------------------------------------------
+
+		// If your site deploys to a subdirectory, change `pathPrefix`.
+		// Read more: https://www.11ty.dev/docs/config/#deploy-to-a-subdirectory-with-a-path-prefix
+
+		// When paired with the HTML <base> plugin https://www.11ty.dev/docs/plugins/html-base/
+		// it will transform any absolute URLs in your HTML to include this
+		// folder name and does **not** affect where things go in the output folder.
+		pathPrefix: "/",
+	};
+};
diff --git a/netlify.toml b/netlify.toml
new file mode 100644
index 0000000..5a8db0f
--- /dev/null
+++ b/netlify.toml
@@ -0,0 +1,24 @@
+[build]
+	publish = "_site"
+	command = "npm run build"
+
+[[plugins]]
+
+	# Opt-in to the Netlify Lighthouse plugin (choose one):
+
+	# 1. Go to your site on https://app.netlify.com and navigate to the Integrations tab, search for the `Lighthouse` plugin
+	# 2. Or via `npm install -D @netlify/plugin-lighthouse`
+
+	# Read more: https://github.com/netlify/netlify-plugin-lighthouse
+
+	package = "@netlify/plugin-lighthouse"
+
+	# optional, fails build when a category is below a threshold
+	[plugins.inputs.thresholds]
+		performance = 1.0
+		accessibility = 1.0
+		best-practices = 1.0
+		seo = 1.0
+
+	[plugins.inputs]
+		output_path = "reports/lighthouse/index.html"
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..76c6525
--- /dev/null
+++ b/package.json
@@ -0,0 +1,47 @@
+{
+	"name": "eleventy-base-blog",
+	"version": "8.0.0",
+	"description": "A starter repository for a blog web site using the Eleventy site generator.",
+	"scripts": {
+		"build": "npx @11ty/eleventy",
+		"build-ghpages": "npx @11ty/eleventy --pathprefix=/eleventy-base-blog/",
+		"start": "npx @11ty/eleventy --serve --quiet",
+		"debug": "DEBUG=Eleventy* npx @11ty/eleventy",
+		"debugstart": "DEBUG=Eleventy* npx @11ty/eleventy --serve --quiet",
+		"benchmark": "DEBUG=Eleventy:Benchmark* npx @11ty/eleventy"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git://github.com/11ty/eleventy-base-blog.git"
+	},
+	"author": {
+		"name": "Zach Leatherman",
+		"email": "zachleatherman@gmail.com",
+		"url": "https://zachleat.com/"
+	},
+	"license": "MIT",
+	"engines": {
+		"node": ">=14"
+	},
+	"funding": {
+		"type": "opencollective",
+		"url": "https://opencollective.com/11ty"
+	},
+	"bugs": {
+		"url": "https://github.com/11ty/eleventy-base-blog/issues"
+	},
+	"homepage": "https://github.com/11ty/eleventy-base-blog#readme",
+	"devDependencies": {
+		"@11ty/eleventy": "^2.0.1",
+		"@11ty/eleventy-img": "^3.1.0",
+		"@11ty/eleventy-navigation": "^0.3.5",
+		"@11ty/eleventy-plugin-bundle": "^1.0.4",
+		"@11ty/eleventy-plugin-rss": "^1.2.0",
+		"@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0",
+		"luxon": "^3.3.0",
+		"markdown-it-anchor": "^8.6.7"
+	},
+	"dependencies": {
+		"eleventy-plugin-toc": "^1.1.5"
+	}
+}
diff --git a/public/css/datatables.css b/public/css/datatables.css
new file mode 100644
index 0000000..2daeeb9
--- /dev/null
+++ b/public/css/datatables.css
@@ -0,0 +1,223 @@
+.datatable-wrapper {
+  font-size:0.9rem;
+}
+
+.datatable-top,
+.datatable-bottom {
+  padding: 8px 0px;
+}
+
+.datatable-top>nav:first-child,
+.datatable-top>div:first-child,
+.datatable-bottom>nav:first-child,
+.datatable-bottom>div:first-child {
+  float: left;
+}
+
+.datatable-top>nav:last-child,
+.datatable-top>div:last-child,
+.datatable-bottom>nav:last-child,
+.datatable-bottom>div:last-child {
+  float: right;
+}
+
+.datatable-selector {
+  padding: 5px;
+  border-radius: 5px;
+  border:1px solid rgba(0,0,0,0.1);
+  background-color: rgba(0,0,0,0.05);
+  color:var(--text-color)
+}
+
+.datatable-input {
+  padding: 5px 10px;
+  background-color:rgba(0,0,0, 0.05);
+  color: var(--text-color);
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  border-radius:5px;
+}
+
+.datatable-info {
+  margin: 7px 0;
+}
+
+/* PAGER */
+.datatable-pagination ul {
+  margin: 0;
+  padding-left: 0;
+}
+
+.datatable-pagination li {
+  list-style: none;
+  float: left;
+}
+
+.datatable-pagination li.datatable-hidden {
+  visibility: hidden;
+}
+
+.datatable-pagination a {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  float: left;
+  margin-left: 2px;
+  padding: 5px 10px;
+  position: relative;
+  text-decoration: none;
+  cursor: pointer;
+  border-radius: 5px;
+}
+
+.datatable-pagination a:hover {
+  background-color: rgba(0,0,0, 0.1);
+}
+
+.datatable-pagination .datatable-active a,
+.datatable-pagination .datatable-active a:focus,
+.datatable-pagination .datatable-active a:hover {
+  background-color: var(--text-color-link);
+  border-color: var(--text-color-link);
+  color: white;
+  cursor: default;
+}
+
+.datatable-pagination .datatable-ellipsis a,
+.datatable-pagination .datatable-disabled a,
+.datatable-pagination .datatable-disabled a:focus,
+.datatable-pagination .datatable-disabled a:hover {
+  pointer-events: none;
+  cursor: default;
+}
+
+.datatable-pagination .datatable-disabled a,
+.datatable-pagination .datatable-disabled a:focus,
+.datatable-pagination .datatable-disabled a:hover {
+  cursor: not-allowed;
+  opacity: 0.4;
+}
+
+.datatable-pagination .datatable-pagination a {
+  font-weight: bold;
+}
+
+/* TABLE */
+.datatable-table {
+  max-width: 100%;
+  width: 100%;
+  border-spacing: 0;
+  border-collapse: separate;
+}
+
+.datatable-table>tbody>tr>td,
+.datatable-table>tbody>tr>th,
+.datatable-table>tfoot>tr>td,
+.datatable-table>tfoot>tr>th,
+.datatable-table>thead>tr>td,
+.datatable-table>thead>tr>th {
+  vertical-align: top;
+  padding: 8px 10px;;
+}
+
+.datatable-table>thead>tr>th {
+  vertical-align: bottom;
+  text-align: left;
+  background-color: var(--text-color-link);
+  color: white;
+  border-bottom: 3px solid black;
+}
+.datatable-table>tfoot>tr>th {
+  vertical-align: bottom;
+  text-align: left;
+}
+
+.datatable-table th {
+  vertical-align: bottom;
+  text-align: left;
+}
+
+.datatable-table th a {
+  text-decoration: none;
+  color: inherit;
+}
+
+.datatable-sorter,
+.datatable-filter {
+  display: inline-block;
+  height: 100%;
+  position: relative;
+  width: 100%;
+}
+
+.datatable-sorter::before,
+.datatable-sorter::after {
+  content: "";
+  height: 0;
+  width: 0;
+  position: absolute;
+  right: -6px;
+  border-left: 4px solid transparent;
+  border-right: 4px solid transparent;
+  opacity: 0.3;
+}
+
+
+.datatable-sorter::before {
+  border-top: 4px solid white;
+  bottom: 0px;
+}
+
+.datatable-sorter::after {
+  border-bottom: 4px solid white;
+  border-top: 4px solid transparent;
+  top: 0px;
+}
+
+.datatable-ascending .datatable-sorter::after,
+.datatable-descending .datatable-sorter::before,
+.datatable-ascending .datatable-filter::after,
+.datatable-descending .datatable-filter::before {
+  opacity: 1;
+}
+
+a.datatable-sorter:hover {
+  color:var(--link-color-hover);
+  border:0;
+  background-color: transparent;
+}
+
+.datatable-filter::before {
+  content: "";
+  position: absolute;
+  right: 4px;
+  opacity: 0.2;
+  width: 0;
+  height: 0;
+  border-left: 7px solid transparent;
+  border-right: 7px solid transparent;
+  border-radius: 50%;
+  border-top: 10px solid white;
+  top: 25%;
+}
+
+.datatable-filter-active .datatable-filter::before {
+  opacity: 0.6;
+}
+
+.datatable-empty {
+  text-align: center;
+}
+
+.datatable-top::after,
+.datatable-bottom::after {
+  clear: both;
+  content: " ";
+  display: table;
+}
+
+table.datatable-table:focus tr.datatable-cursor>td:first-child {
+  border-left: 3px var(--text-color) solid;
+}
+
+table.datatable-table:focus {
+  outline: solid 1px black;
+  outline-offset: -1px;
+}
\ No newline at end of file
diff --git a/public/css/index.css b/public/css/index.css
new file mode 100644
index 0000000..7d0d962
--- /dev/null
+++ b/public/css/index.css
@@ -0,0 +1,292 @@
+@font-face {
+  font-family: "NiseSegaSonic";
+  src: local("NiseSegaSonic"),
+    url("/fonts/NiseSegaSonic.ttf") format("truetype");
+}
+
+:root {
+  --color-gray-20: #e0e0e0;
+  --color-gray-50: #C0C0C0;
+  --color-gray-90: #333;
+
+	/* --text-color is assigned to --color-gray-_ above */
+	--text-color-link: #c92a2a;
+	--text-color-link-active: #c92a2a;
+	--text-color-link-visited: #c92a2a;
+  --link-color-hover: #ffe8cc;
+
+  --background-color: #fff;
+  --background-menu: #001d6b;
+
+	--text-color: var(--color-gray-90);
+	
+	--font-family: -apple-system, system-ui, sans-serif;
+	--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
+	--font-family-logo:"NiseSegaSonic", system-ui, sans-serif;
+	--font-family-title:vipnagorgialla, system-ui, sans-serif;
+}
+
+* {
+	box-sizing: border-box;
+}
+
+html,
+body {
+	padding: 0;
+	margin: 0 auto;
+	min-height:100%;
+	font-family: var(--font-family);
+	color: var(--text-color);
+	width:1280px;
+}
+html {
+	overflow-y: scroll;
+	background: center top fixed url("/img/dark-b10.png"), center top fixed url("/img/erratu18.png");
+  background-repeat: repeat-y, repeat;
+	background-color:#63ce08;
+}
+
+/* https://www.a11yproject.com/posts/how-to-hide-content/ */
+.visually-hidden {
+	clip: rect(0 0 0 0);
+	clip-path: inset(50%);
+	height: 1px;
+	overflow: hidden;
+	position: absolute;
+	white-space: nowrap;
+	width: 1px;
+}
+
+a[href] {
+	color: var(--text-color-link);
+  padding: 0.05rem;
+  border-radius: 0.1rem;
+  text-decoration: underline dashed 1px;
+  text-underline-offset: 0.1rem;
+}
+a[href]:visited {
+	color: var(--text-color-link-visited);
+}
+a[href]:hover,
+a[href]:active {
+	color: var(--text-color-link-active);
+  background-color: var(--link-color-hover);
+  text-decoration: none;
+}
+
+blockquote {
+  opacity: 75%;
+  border-left: 3px solid currentColor;
+  padding-left: 12px;
+}
+
+img {
+  max-width: 100%;
+}
+
+summary {
+  font-style: italic;
+  border-radius:3px;
+  padding:0px 6px;
+}
+
+summary:hover {
+  background-color: rgba(0,0,0,0.2);
+}
+
+/* Direct Links / Markdown Headers */
+.header-anchor {
+	text-decoration: none;
+	font-style: normal;
+	font-size: 1em;
+	margin-left: .1em;
+}
+a[href].header-anchor,
+a[href].header-anchor:visited {
+	color: transparent;
+}
+a[href].header-anchor:focus,
+a[href].header-anchor:hover {
+	text-decoration: underline;
+}
+a[href].header-anchor:focus,
+:hover > a[href].header-anchor {
+	color: #aaa;
+}
+
+.wrapper {
+  display:flex;
+}
+
+header {
+  background:center center url("/img/back2.png");
+  background-size: 110%;
+  height:240px;
+  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.8);
+  margin:12px 12px 3px;
+  display:flex;
+  align-items: center;
+  justify-content: center;
+  border: 16px solid transparent;
+  border-image: url('/img/bgcard.png') 16 round;
+  border-image-outset: 4px;
+}
+
+header h1 {
+  text-align: center;
+}
+
+header h1 a {
+  font-size:5rem;
+  text-shadow:-2px -2px 0 #000,
+    0 -2px 0 #000,
+    2px -2px 0 #000,
+    2px 0 0 #000,
+    2px 2px 0 #000,
+    0 2px 0 #000,
+    -2px 2px 0 #000,
+    -2px 0 0 #000,
+    .05em .1em 0 #000;
+  color:white!important;
+  text-decoration: none;
+  text-transform: uppercase;
+  display: block;
+  font-family: var(--font-family-logo);
+  line-height: 1;
+  margin: 0;
+  padding: 0;
+}
+
+main,
+.card,
+#sidebar ul > li {
+  padding:0px;
+  margin:12px;
+  background-color: var(--background-color);
+  border: 16px solid transparent;
+  border-image: url('/img/bgcard.png') 16 round;
+  border-image-outset: 4px;
+  line-height:1.5rem;
+  flex-grow:1;
+}
+
+table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.pokepage .grid :first-child {
+  margin-right: 4px;
+}
+.pokepage .grid :last-child {
+  margin-left: 4px;
+}
+
+table td,
+table th {
+  text-align: center;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  height: 1.5rem;
+}
+
+table thead th {
+  background-color: var(--text-color-link);
+  color: white;
+  border-bottom: 2px solid black;
+  height: 1.5rem;
+}
+
+table:not(.pokedex) {
+  table-layout: fixed;
+}
+
+.pokedex table:not(.pokedex) {
+  table-layout: auto;
+}
+
+#sidebar ul > li {
+	list-style: none;
+	font-weight: bold;
+}
+
+#more-info ol > li,
+#more-info ul > li {
+	list-style: none;
+}
+
+#sidebar ul > li li,
+#more-info li {
+  border-radius:0px;
+  padding:0px;
+  margin:0px;
+  font-weight: normal;
+  border:0;
+  box-shadow: none;
+}
+
+ul.nav,
+#sidebar ul li ul,
+#more-info ol,
+.maininfo ul {
+  padding:0;
+  margin:0;
+	list-style: none;
+}
+
+#sidebar ul li a,
+#more-info ol li a,
+#more-info .maininfo ul li {
+  display:block;
+  width:100%;
+  text-decoration:none;
+  color:var(--text-color)!important;
+  border-radius:3px;
+  padding:3px;
+}
+
+#more-info h2 {
+  padding: 3px;
+  margin: 0;
+  font-size: 1rem;
+} 
+
+#sidebar ul li li a,
+#more-info ul li a,
+#more-info ol li a {
+  padding-left:18px;
+}
+
+#sidebar ul li a.active,
+#more-info ol li a.active {
+  background-color:rgba(0,0,0,0.1);
+}
+
+#sidebar ul li a:hover,
+#more-info ol li a:hover {
+  background-color:rgba(0,0,0,0.2);
+}
+
+#more-info,
+#sidebar {
+  min-width:240px;
+  width:240px;
+}
+
+figcaption {
+  font-size: 0.8rem;
+  line-height: 1.1rem;
+  font-style: italic;
+}
+
+.maininfo {
+  font-size: 0.9rem;
+  line-height: 1.2rem;
+}
+
+footer {
+  text-align:right;
+  margin:auto;
+  padding:12px;
+  width:800px;
+}
+
diff --git a/public/favicon.png b/public/favicon.png
new file mode 100644
index 0000000000000000000000000000000000000000..d3c1bd52a36786c4500797472042823b61e0410b
GIT binary patch
literal 747
zcmV<H0u=p;P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0004nX+uL$Nkc;*
zaB^>EX>4Tx04R}tkv&MmKp2MKw$_SNI@m$PAwzYtAS%*Pt5Adrp;l<s!Q|3EXws0R
zxHt-~1qXi?s}3&Cx;nTDg5VE`tBaGOi<J0XQfLw59mhSq_q{K7-vRz+m8oXW1fXh`
zkx3<mTz*vuy&{NSnh8WCX6kdIn1<*0x`&VNcX6KOUH9i0Pzojkd;;+-(+!JwgLr1s
z(mC%FM_E}?h|h_~4Z0xlBiCh@-#C{X_VdiBk<H8#M~Q_}7t3AD%7#ijO&n8Hjq?3D
zmle)ioYiWbweQJa7%pfl%Uq{5f)p091Q7yc)KNhd7UHyPq?pLidD6o_?D$1;$>gel
zkz)ZhsE`~#_#gc4ty!F!bd$nKAoyb2AEQ8M7icwX`}^3oTPHx^8Mx9q{#p}Ae3IVi
zXt5(8vJG5ZcQknqxZDATo^;8O94SD{Un~OeXY@^ZVDJ{`UvvA`KF8?;kfmOwZ-9eC
zV5~&h>mKj!>+ajXHSPZW08M~$n3#2|Q~&?~32;bRa{vG?BLDy{BLR4&KXw2B00(qQ
zO+^Ri1qKxsF7UmGwEzGB8FWQhbVF}#ZDnqB07G(RVRU6=Aa`kWXdp*PO;A^X4i^9b
z0MtoDK~y-)eN(X!#2^e4xgUWs*oA>ydkDs07lxql4y01f4^FsC5nCd%r2ro%=e%;x
z>kE?zjGAK%06-}vB%4{fJeUMkJ;1Da+@pXh#u(_me<?<-6{QrISptB|%b`>eIf$%z
z^0Bbi+G?#WE^p4c=A6&F?}sBqvqwin-c|UoQGr+WYAZ>U?g_rOk8qIvCH{#p0Pu@u
zSJfjt5k^GTkwjHRtu-98_x@+GnWeOk;v>8ts`3t8k&RLISyR>c-{InDU*v-C9YNZ6
du?OX?cLQYE-G2W}CzSvI002ovPDHLkV1oKXOTz#F

literal 0
HcmV?d00001

diff --git a/public/img/.gitkeep b/public/img/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/public/js/datatables.js b/public/js/datatables.js
new file mode 100644
index 0000000..e8b19f3
--- /dev/null
+++ b/public/js/datatables.js
@@ -0,0 +1,8 @@
+/**
+ * Minified by jsDelivr using Terser v5.15.1.
+ * Original file: /npm/simple-datatables@7.2.0/dist/umd/simple-datatables.js
+ *
+ * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
+ */
+!function (t) { if ("object" == typeof exports && "undefined" != typeof module) module.exports = t(); else if ("function" == typeof define && define.amd) define([], t); else { ("undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof self ? self : this).simpleDatatables = t() } }((function () { return function t(e, s, i) { function n(o, r) { if (!s[o]) { if (!e[o]) { var l = "function" == typeof require && require; if (!r && l) return l(o, !0); if (a) return a(o, !0); var d = new Error("Cannot find module '" + o + "'"); throw d.code = "MODULE_NOT_FOUND", d } var c = s[o] = { exports: {} }; e[o][0].call(c.exports, (function (t) { return n(e[o][1][t] || t) }), c, c.exports, t, e, s, i) } return s[o].exports } for (var a = "function" == typeof require && require, o = 0; o < i.length; o++)n(i[o]); return n }({ 1: [function (t, e, s) { (function (t) { (function () { "use strict"; const e = t => "[object Object]" === Object.prototype.toString.call(t), i = t => { let s = !1; try { s = JSON.parse(t) } catch (t) { return !1 } return !(null === s || !Array.isArray(s) && !e(s)) && s }, n = (t, e) => { const s = document.createElement(t); if (e && "object" == typeof e) for (const t in e) "html" === t ? s.innerHTML = e[t] : s.setAttribute(t, e[t]); return s }, a = t => ["#text", "#comment"].includes(t.nodeName) ? t.data : t.childNodes ? t.childNodes.map((t => a(t))).join("") : "", o = function (t) { return t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;") }, r = function (t, e) { let s = 0, i = 0; for (; s < t + 1;)e[i].hidden || (s += 1), i += 1; return i - 1 }, l = function (t, e) { let s = t, i = 0; for (; i < t;)e[t].hidden && (s -= 1), i++; return s }; function d(t, e, s) { var i; return "#text" === t.nodeName ? i = s.document.createTextNode(t.data) : "#comment" === t.nodeName ? i = s.document.createComment(t.data) : (e ? i = s.document.createElementNS("http://www.w3.org/2000/svg", t.nodeName) : "svg" === t.nodeName.toLowerCase() ? (i = s.document.createElementNS("http://www.w3.org/2000/svg", "svg"), e = !0) : i = s.document.createElement(t.nodeName), t.attributes && Object.entries(t.attributes).forEach((function (t) { var e = t[0], s = t[1]; return i.setAttribute(e, s) })), t.childNodes && t.childNodes.forEach((function (t) { return i.appendChild(d(t, e, s)) })), s.valueDiffing && (t.value && (i instanceof HTMLButtonElement || i instanceof HTMLDataElement || i instanceof HTMLInputElement || i instanceof HTMLLIElement || i instanceof HTMLMeterElement || i instanceof HTMLOptionElement || i instanceof HTMLProgressElement || i instanceof HTMLParamElement) && (i.value = t.value), t.checked && i instanceof HTMLInputElement && (i.checked = t.checked), t.selected && i instanceof HTMLOptionElement && (i.selected = t.selected))), i } var c = function (t, e) { for (e = e.slice(); e.length > 0;) { var s = e.splice(0, 1)[0]; t = t.childNodes[s] } return t }; function h(t, e, s) { var i, n, a, o = e[s._const.action], r = e[s._const.route];[s._const.addElement, s._const.addTextElement].includes(o) || (i = c(t, r)); var l = { diff: e, node: i }; if (s.preDiffApply(l)) return !0; switch (o) { case s._const.addAttribute: if (!(i && i instanceof Element)) return !1; i.setAttribute(e[s._const.name], e[s._const.value]); break; case s._const.modifyAttribute: if (!(i && i instanceof Element)) return !1; i.setAttribute(e[s._const.name], e[s._const.newValue]), i instanceof HTMLInputElement && "value" === e[s._const.name] && (i.value = e[s._const.newValue]); break; case s._const.removeAttribute: if (!(i && i instanceof Element)) return !1; i.removeAttribute(e[s._const.name]); break; case s._const.modifyTextElement: if (!(i && i instanceof Text)) return !1; s.textDiff(i, i.data, e[s._const.oldValue], e[s._const.newValue]); break; case s._const.modifyValue: if (!i || void 0 === i.value) return !1; i.value = e[s._const.newValue]; break; case s._const.modifyComment: if (!(i && i instanceof Comment)) return !1; s.textDiff(i, i.data, e[s._const.oldValue], e[s._const.newValue]); break; case s._const.modifyChecked: if (!i || void 0 === i.checked) return !1; i.checked = e[s._const.newValue]; break; case s._const.modifySelected: if (!i || void 0 === i.selected) return !1; i.selected = e[s._const.newValue]; break; case s._const.replaceElement: i.parentNode.replaceChild(d(e[s._const.newValue], "svg" === e[s._const.newValue].nodeName.toLowerCase(), s), i); break; case s._const.relocateGroup: Array.apply(void 0, new Array(e[s._const.groupLength])).map((function () { return i.removeChild(i.childNodes[e[s._const.from]]) })).forEach((function (t, n) { 0 === n && (a = i.childNodes[e[s._const.to]]), i.insertBefore(t, a || null) })); break; case s._const.removeElement: i.parentNode.removeChild(i); break; case s._const.addElement: var h = (u = r.slice()).splice(u.length - 1, 1)[0]; if (!((i = c(t, u)) instanceof Element)) return !1; i.insertBefore(d(e[s._const.element], "http://www.w3.org/2000/svg" === i.namespaceURI, s), i.childNodes[h] || null); break; case s._const.removeTextElement: if (!i || 3 !== i.nodeType) return !1; i.parentNode.removeChild(i); break; case s._const.addTextElement: var u; if (h = (u = r.slice()).splice(u.length - 1, 1)[0], n = s.document.createTextNode(e[s._const.value]), !(i = c(t, u)).childNodes) return !1; i.insertBefore(n, i.childNodes[h] || null); break; default: console.log("unknown action") }return s.postDiffApply({ diff: l.diff, node: l.node, newNode: n }), !0 } function u(t, e, s) { var i = t[e]; t[e] = t[s], t[s] = i } var p = function (t) { var e = []; return e.push(t.nodeName), "#text" !== t.nodeName && "#comment" !== t.nodeName && t.attributes && (t.attributes.class && e.push("".concat(t.nodeName, ".").concat(t.attributes.class.replace(/ /g, "."))), t.attributes.id && e.push("".concat(t.nodeName, "#").concat(t.attributes.id))), e }, f = function (t) { var e = {}, s = {}; return t.forEach((function (t) { p(t).forEach((function (t) { var i = t in e; i || t in s ? i && (delete e[t], s[t] = !0) : e[t] = !0 })) })), e }, m = function (t, e) { var s = f(t), i = f(e), n = {}; return Object.keys(s).forEach((function (t) { i[t] && (n[t] = !0) })), n }, g = function (t) { return delete t.outerDone, delete t.innerDone, delete t.valueDone, !t.childNodes || t.childNodes.every(g) }, b = function (t) { if (Object.prototype.hasOwnProperty.call(t, "data")) return { nodeName: "#text" === t.nodeName ? "#text" : "#comment", data: t.data }; var e = { nodeName: t.nodeName }; return Object.prototype.hasOwnProperty.call(t, "attributes") && (e.attributes = t.attributes), Object.prototype.hasOwnProperty.call(t, "checked") && (e.checked = t.checked), Object.prototype.hasOwnProperty.call(t, "value") && (e.value = t.value), Object.prototype.hasOwnProperty.call(t, "selected") && (e.selected = t.selected), Object.prototype.hasOwnProperty.call(t, "childNodes") && (e.childNodes = t.childNodes.map((function (t) { return b(t) }))), e }, v = function (t, e) { if (!["nodeName", "value", "checked", "selected", "data"].every((function (s) { return t[s] === e[s] }))) return !1; if (Object.prototype.hasOwnProperty.call(t, "data")) return !0; if (Boolean(t.attributes) !== Boolean(e.attributes)) return !1; if (Boolean(t.childNodes) !== Boolean(e.childNodes)) return !1; if (t.attributes) { var s = Object.keys(t.attributes), i = Object.keys(e.attributes); if (s.length !== i.length) return !1; if (!s.every((function (s) { return t.attributes[s] === e.attributes[s] }))) return !1 } if (t.childNodes) { if (t.childNodes.length !== e.childNodes.length) return !1; if (!t.childNodes.every((function (t, s) { return v(t, e.childNodes[s]) }))) return !1 } return !0 }, w = function (t, e, s, i, n) { if (void 0 === n && (n = !1), !t || !e) return !1; if (t.nodeName !== e.nodeName) return !1; if (["#text", "#comment"].includes(t.nodeName)) return !!n || t.data === e.data; if (t.nodeName in s) return !0; if (t.attributes && e.attributes) { if (t.attributes.id) { if (t.attributes.id !== e.attributes.id) return !1; if ("".concat(t.nodeName, "#").concat(t.attributes.id) in s) return !0 } if (t.attributes.class && t.attributes.class === e.attributes.class && "".concat(t.nodeName, ".").concat(t.attributes.class.replace(/ /g, ".")) in s) return !0 } if (i) return !0; var a = t.childNodes ? t.childNodes.slice().reverse() : [], o = e.childNodes ? e.childNodes.slice().reverse() : []; if (a.length !== o.length) return !1; if (n) return a.every((function (t, e) { return t.nodeName === o[e].nodeName })); var r = m(a, o); return a.every((function (t, e) { return w(t, o[e], r, !0, !0) })) }, _ = function (t, e) { return Array.apply(void 0, new Array(t)).map((function () { return e })) }, y = function (t, e) { for (var s = t.childNodes ? t.childNodes : [], i = e.childNodes ? e.childNodes : [], n = _(s.length, !1), a = _(i.length, !1), o = [], r = function () { return arguments[1] }, l = !1, d = function () { var t = function (t, e, s, i) { var n = 0, a = [], o = t.length, r = e.length, l = Array.apply(void 0, new Array(o + 1)).map((function () { return [] })), d = m(t, e), c = o === r; c && t.some((function (t, s) { var i = p(t), n = p(e[s]); return i.length !== n.length ? (c = !1, !0) : (i.some((function (t, e) { if (t !== n[e]) return c = !1, !0 })), !c || void 0) })); for (var h = 0; h < o; h++)for (var u = t[h], f = 0; f < r; f++) { var g = e[f]; s[h] || i[f] || !w(u, g, d, c) ? l[h + 1][f + 1] = 0 : (l[h + 1][f + 1] = l[h][f] ? l[h][f] + 1 : 1, l[h + 1][f + 1] >= n && (n = l[h + 1][f + 1], a = [h + 1, f + 1])) } return 0 !== n && { oldValue: a[0] - n, newValue: a[1] - n, length: n } }(s, i, n, a); t ? (o.push(t), Array.apply(void 0, new Array(t.length)).map(r).forEach((function (e) { return function (t, e, s, i) { t[s.oldValue + i] = !0, e[s.newValue + i] = !0 }(n, a, t, e) }))) : l = !0 }; !l;)d(); return t.subsets = o, t.subsetsAge = 100, o }, x = function () { function t() { this.list = [] } return t.prototype.add = function (t) { var e; (e = this.list).push.apply(e, t) }, t.prototype.forEach = function (t) { this.list.forEach((function (e) { return t(e) })) }, t }(), N = function () { function t(t) { void 0 === t && (t = {}); var e = this; Object.entries(t).forEach((function (t) { var s = t[0], i = t[1]; return e[s] = i })) } return t.prototype.toString = function () { return JSON.stringify(this) }, t.prototype.setValue = function (t, e) { return this[t] = e, this }, t }(); function D(t, e) { var s, i, n = t; for (e = e.slice(); e.length > 0;)i = e.splice(0, 1)[0], s = n, n = n.childNodes ? n.childNodes[i] : void 0; return { node: n, parentNode: s, nodeIndex: i } } function M(t, e, s) { return e.forEach((function (e) { !function (t, e, s) { var i, n, a, o; if (![s._const.addElement, s._const.addTextElement].includes(e[s._const.action])) { var r = D(t, e[s._const.route]); n = r.node, a = r.parentNode, o = r.nodeIndex } var l, d, c = [], h = { diff: e, node: n }; if (s.preVirtualDiffApply(h)) return !0; switch (e[s._const.action]) { case s._const.addAttribute: n.attributes || (n.attributes = {}), n.attributes[e[s._const.name]] = e[s._const.value], "checked" === e[s._const.name] ? n.checked = !0 : "selected" === e[s._const.name] ? n.selected = !0 : "INPUT" === n.nodeName && "value" === e[s._const.name] && (n.value = e[s._const.value]); break; case s._const.modifyAttribute: n.attributes[e[s._const.name]] = e[s._const.newValue]; break; case s._const.removeAttribute: delete n.attributes[e[s._const.name]], 0 === Object.keys(n.attributes).length && delete n.attributes, "checked" === e[s._const.name] ? n.checked = !1 : "selected" === e[s._const.name] ? delete n.selected : "INPUT" === n.nodeName && "value" === e[s._const.name] && delete n.value; break; case s._const.modifyTextElement: n.data = e[s._const.newValue]; break; case s._const.modifyValue: n.value = e[s._const.newValue]; break; case s._const.modifyComment: n.data = e[s._const.newValue]; break; case s._const.modifyChecked: n.checked = e[s._const.newValue]; break; case s._const.modifySelected: n.selected = e[s._const.newValue]; break; case s._const.replaceElement: l = e[s._const.newValue], a.childNodes[o] = l; break; case s._const.relocateGroup: n.childNodes.splice(e[s._const.from], e[s._const.groupLength]).reverse().forEach((function (t) { return n.childNodes.splice(e[s._const.to], 0, t) })), n.subsets && n.subsets.forEach((function (t) { if (e[s._const.from] < e[s._const.to] && t.oldValue <= e[s._const.to] && t.oldValue > e[s._const.from]) t.oldValue -= e[s._const.groupLength], (i = t.oldValue + t.length - e[s._const.to]) > 0 && (c.push({ oldValue: e[s._const.to] + e[s._const.groupLength], newValue: t.newValue + t.length - i, length: i }), t.length -= i); else if (e[s._const.from] > e[s._const.to] && t.oldValue > e[s._const.to] && t.oldValue < e[s._const.from]) { var i; t.oldValue += e[s._const.groupLength], (i = t.oldValue + t.length - e[s._const.to]) > 0 && (c.push({ oldValue: e[s._const.to] + e[s._const.groupLength], newValue: t.newValue + t.length - i, length: i }), t.length -= i) } else t.oldValue === e[s._const.from] && (t.oldValue = e[s._const.to]) })); break; case s._const.removeElement: a.childNodes.splice(o, 1), a.subsets && a.subsets.forEach((function (t) { t.oldValue > o ? t.oldValue -= 1 : t.oldValue === o ? t.delete = !0 : t.oldValue < o && t.oldValue + t.length > o && (t.oldValue + t.length - 1 === o ? t.length-- : (c.push({ newValue: t.newValue + o - t.oldValue, oldValue: o, length: t.length - o + t.oldValue - 1 }), t.length = o - t.oldValue)) })), n = a; break; case s._const.addElement: var u = (d = e[s._const.route].slice()).splice(d.length - 1, 1)[0]; n = null === (i = D(t, d)) || void 0 === i ? void 0 : i.node, l = e[s._const.element], n.childNodes || (n.childNodes = []), u >= n.childNodes.length ? n.childNodes.push(l) : n.childNodes.splice(u, 0, l), n.subsets && n.subsets.forEach((function (t) { if (t.oldValue >= u) t.oldValue += 1; else if (t.oldValue < u && t.oldValue + t.length > u) { var e = t.oldValue + t.length - u; c.push({ newValue: t.newValue + t.length - e, oldValue: u + 1, length: e }), t.length -= e } })); break; case s._const.removeTextElement: a.childNodes.splice(o, 1), "TEXTAREA" === a.nodeName && delete a.value, a.subsets && a.subsets.forEach((function (t) { t.oldValue > o ? t.oldValue -= 1 : t.oldValue === o ? t.delete = !0 : t.oldValue < o && t.oldValue + t.length > o && (t.oldValue + t.length - 1 === o ? t.length-- : (c.push({ newValue: t.newValue + o - t.oldValue, oldValue: o, length: t.length - o + t.oldValue - 1 }), t.length = o - t.oldValue)) })), n = a; break; case s._const.addTextElement: var p = (d = e[s._const.route].slice()).splice(d.length - 1, 1)[0]; (l = {}).nodeName = "#text", l.data = e[s._const.value], (n = D(t, d).node).childNodes || (n.childNodes = []), p >= n.childNodes.length ? n.childNodes.push(l) : n.childNodes.splice(p, 0, l), "TEXTAREA" === n.nodeName && (n.value = e[s._const.newValue]), n.subsets && n.subsets.forEach((function (t) { if (t.oldValue >= p && (t.oldValue += 1), t.oldValue < p && t.oldValue + t.length > p) { var e = t.oldValue + t.length - p; c.push({ newValue: t.newValue + t.length - e, oldValue: p + 1, length: e }), t.length -= e } })); break; default: console.log("unknown action") }n.subsets && (n.subsets = n.subsets.filter((function (t) { return !t.delete && t.oldValue !== t.newValue })), c.length && (n.subsets = n.subsets.concat(c))), s.postVirtualDiffApply({ node: h.node, diff: h.diff, newNode: l }) }(t, e, s) })), !0 } function E(t, e) { void 0 === e && (e = {}); var s = { nodeName: t.nodeName }; return t instanceof Text || t instanceof Comment ? s.data = t.data : (t.attributes && t.attributes.length > 0 && (s.attributes = {}, Array.prototype.slice.call(t.attributes).forEach((function (t) { return s.attributes[t.name] = t.value }))), t instanceof HTMLTextAreaElement ? s.value = t.value : t.childNodes && t.childNodes.length > 0 && (s.childNodes = [], Array.prototype.slice.call(t.childNodes).forEach((function (t) { return s.childNodes.push(E(t, e)) }))), e.valueDiffing && (t instanceof HTMLInputElement && ["radio", "checkbox"].includes(t.type.toLowerCase()) && void 0 !== t.checked ? s.checked = t.checked : (t instanceof HTMLButtonElement || t instanceof HTMLDataElement || t instanceof HTMLInputElement || t instanceof HTMLLIElement || t instanceof HTMLMeterElement || t instanceof HTMLOptionElement || t instanceof HTMLProgressElement || t instanceof HTMLParamElement) && (s.value = t.value), t instanceof HTMLOptionElement && (s.selected = t.selected))), s } var O = /<\s*\/*[a-zA-Z:_][a-zA-Z0-9:_\-.]*\s*(?:"[^"]*"['"]*|'[^']*'['"]*|[^'"/>])*\/*\s*>|<!--(?:.|\n|\r)*?-->/g, V = Object.create ? Object.create(null) : {}, $ = /\s([^'"/\s><]+?)[\s/>]|([^\s=]+)=\s?(".*?"|'.*?')/g; function C(t) { return t.replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&amp;/g, "&") } var L = { area: !0, base: !0, br: !0, col: !0, embed: !0, hr: !0, img: !0, input: !0, keygen: !0, link: !0, menuItem: !0, meta: !0, param: !0, source: !0, track: !0, wbr: !0 }, S = function (t) { var e = { nodeName: "", attributes: {} }, s = !1, i = t.match(/<\/?([^\s]+?)[/\s>]/); if (i && (e.nodeName = i[1].toUpperCase(), (L[i[1]] || "/" === t.charAt(t.length - 2)) && (s = !0), e.nodeName.startsWith("!--"))) { var n = t.indexOf("--\x3e"); return { type: "comment", node: { nodeName: "#comment", data: -1 !== n ? t.slice(4, n) : "" }, voidElement: s } } for (var a = new RegExp($), o = null, r = !1; !r;)if (null === (o = a.exec(t))) r = !0; else if (o[0].trim()) if (o[1]) { var l = o[1].trim(), d = [l, ""]; l.indexOf("=") > -1 && (d = l.split("=")), e.attributes[d[0]] = d[1], a.lastIndex-- } else o[2] && (e.attributes[o[2]] = o[3].trim().substring(1, o[3].length - 1)); return { type: "tag", node: e, voidElement: s } }, k = function (t, e) { void 0 === e && (e = { components: V }); var s, i = [], n = -1, a = [], o = !1; if (0 !== t.indexOf("<")) { var r = t.indexOf("<"); i.push({ nodeName: "#text", data: -1 === r ? t : t.substring(0, r) }) } return t.replace(O, (function (r, l) { if (o) { if (r !== "</".concat(s.node.nodeName, ">")) return ""; o = !1 } var d = "/" !== r.charAt(1), c = r.startsWith("\x3c!--"), h = l + r.length, u = t.charAt(h); if (c) { var p = S(r).node; if (n < 0) return i.push(p), ""; var f = a[n]; return f && p.nodeName && (f.node.childNodes || (f.node.childNodes = []), f.node.childNodes.push(p)), "" } if (d) { s = S(r), n++, "tag" === s.type && e.components[s.node.nodeName] && (s.type = "component", o = !0), s.voidElement || o || !u || "<" === u || (s.node.childNodes || (s.node.childNodes = []), s.node.childNodes.push({ nodeName: "#text", data: C(t.slice(h, t.indexOf("<", h))) })), 0 === n && s.node.nodeName && i.push(s.node); var m = a[n - 1]; m && s.node.nodeName && (m.node.childNodes || (m.node.childNodes = []), m.node.childNodes.push(s.node)), a[n] = s } if ((!d || s.voidElement) && (n > -1 && (s.voidElement || s.node.nodeName === r.slice(2, -1).toUpperCase()) && --n > -1 && (s = a[n]), !o && "<" !== u && u)) { var g = -1 === n ? i : a[n].node.childNodes || [], b = t.indexOf("<", h), v = C(t.slice(h, -1 === b ? void 0 : b)); g.push({ nodeName: "#text", data: v }) } return "" })), i[0] }, T = function () { function t(t, e, s) { this.options = s, this.t1 = "undefined" != typeof Element && t instanceof Element ? E(t, this.options) : "string" == typeof t ? k(t, this.options) : JSON.parse(JSON.stringify(t)), this.t2 = "undefined" != typeof Element && e instanceof Element ? E(e, this.options) : "string" == typeof e ? k(e, this.options) : JSON.parse(JSON.stringify(e)), this.diffcount = 0, this.foundAll = !1, this.debug && (this.t1Orig = "undefined" != typeof Element && t instanceof Element ? E(t, this.options) : "string" == typeof t ? k(t, this.options) : JSON.parse(JSON.stringify(t)), this.t2Orig = "undefined" != typeof Element && e instanceof Element ? E(e, this.options) : "string" == typeof e ? k(e, this.options) : JSON.parse(JSON.stringify(e))), this.tracker = new x } return t.prototype.init = function () { return this.findDiffs(this.t1, this.t2) }, t.prototype.findDiffs = function (t, e) { var s; do { if (this.options.debug && (this.diffcount += 1, this.diffcount > this.options.diffcap)) throw new Error("surpassed diffcap:".concat(JSON.stringify(this.t1Orig), " -> ").concat(JSON.stringify(this.t2Orig))); 0 === (s = this.findNextDiff(t, e, [])).length && (v(t, e) || (this.foundAll ? console.error("Could not find remaining diffs!") : (this.foundAll = !0, g(t), s = this.findNextDiff(t, e, [])))), s.length > 0 && (this.foundAll = !1, this.tracker.add(s), M(t, s, this.options)) } while (s.length > 0); return this.tracker.list }, t.prototype.findNextDiff = function (t, e, s) { var i, n; if (this.options.maxDepth && s.length > this.options.maxDepth) return []; if (!t.outerDone) { if (i = this.findOuterDiff(t, e, s), this.options.filterOuterDiff && (n = this.options.filterOuterDiff(t, e, i)) && (i = n), i.length > 0) return t.outerDone = !0, i; t.outerDone = !0 } if (Object.prototype.hasOwnProperty.call(t, "data")) return []; if (!t.innerDone) { if ((i = this.findInnerDiff(t, e, s)).length > 0) return i; t.innerDone = !0 } if (this.options.valueDiffing && !t.valueDone) { if ((i = this.findValueDiff(t, e, s)).length > 0) return t.valueDone = !0, i; t.valueDone = !0 } return [] }, t.prototype.findOuterDiff = function (t, e, s) { var i, n, a, o, r, l, d = []; if (t.nodeName !== e.nodeName) { if (!s.length) throw new Error("Top level nodes have to be of the same kind."); return [(new N).setValue(this.options._const.action, this.options._const.replaceElement).setValue(this.options._const.oldValue, b(t)).setValue(this.options._const.newValue, b(e)).setValue(this.options._const.route, s)] } if (s.length && this.options.diffcap < Math.abs((t.childNodes || []).length - (e.childNodes || []).length)) return [(new N).setValue(this.options._const.action, this.options._const.replaceElement).setValue(this.options._const.oldValue, b(t)).setValue(this.options._const.newValue, b(e)).setValue(this.options._const.route, s)]; if (Object.prototype.hasOwnProperty.call(t, "data") && t.data !== e.data) return "#text" === t.nodeName ? [(new N).setValue(this.options._const.action, this.options._const.modifyTextElement).setValue(this.options._const.route, s).setValue(this.options._const.oldValue, t.data).setValue(this.options._const.newValue, e.data)] : [(new N).setValue(this.options._const.action, this.options._const.modifyComment).setValue(this.options._const.route, s).setValue(this.options._const.oldValue, t.data).setValue(this.options._const.newValue, e.data)]; for (n = t.attributes ? Object.keys(t.attributes).sort() : [], a = e.attributes ? Object.keys(e.attributes).sort() : [], o = n.length, l = 0; l < o; l++)i = n[l], -1 === (r = a.indexOf(i)) ? d.push((new N).setValue(this.options._const.action, this.options._const.removeAttribute).setValue(this.options._const.route, s).setValue(this.options._const.name, i).setValue(this.options._const.value, t.attributes[i])) : (a.splice(r, 1), t.attributes[i] !== e.attributes[i] && d.push((new N).setValue(this.options._const.action, this.options._const.modifyAttribute).setValue(this.options._const.route, s).setValue(this.options._const.name, i).setValue(this.options._const.oldValue, t.attributes[i]).setValue(this.options._const.newValue, e.attributes[i]))); for (o = a.length, l = 0; l < o; l++)i = a[l], d.push((new N).setValue(this.options._const.action, this.options._const.addAttribute).setValue(this.options._const.route, s).setValue(this.options._const.name, i).setValue(this.options._const.value, e.attributes[i])); return d }, t.prototype.findInnerDiff = function (t, e, s) { var i = t.childNodes ? t.childNodes.slice() : [], n = e.childNodes ? e.childNodes.slice() : [], a = Math.max(i.length, n.length), o = Math.abs(i.length - n.length), r = [], l = 0; if (!this.options.maxChildCount || a < this.options.maxChildCount) { var d = Boolean(t.subsets && t.subsetsAge--), c = d ? t.subsets : t.childNodes && e.childNodes ? y(t, e) : []; if (c.length > 0 && (r = this.attemptGroupRelocation(t, e, c, s, d)).length > 0) return r } for (var h = 0; h < a; h += 1) { var u = i[h], p = n[h]; if (o && (u && !p ? "#text" === u.nodeName ? (r.push((new N).setValue(this.options._const.action, this.options._const.removeTextElement).setValue(this.options._const.route, s.concat(l)).setValue(this.options._const.value, u.data)), l -= 1) : (r.push((new N).setValue(this.options._const.action, this.options._const.removeElement).setValue(this.options._const.route, s.concat(l)).setValue(this.options._const.element, b(u))), l -= 1) : p && !u && ("#text" === p.nodeName ? r.push((new N).setValue(this.options._const.action, this.options._const.addTextElement).setValue(this.options._const.route, s.concat(l)).setValue(this.options._const.value, p.data)) : r.push((new N).setValue(this.options._const.action, this.options._const.addElement).setValue(this.options._const.route, s.concat(l)).setValue(this.options._const.element, b(p))))), u && p) if (!this.options.maxChildCount || a < this.options.maxChildCount) r = r.concat(this.findNextDiff(u, p, s.concat(l))); else if (!v(u, p)) if (i.length > n.length) "#text" === u.nodeName ? r.push((new N).setValue(this.options._const.action, this.options._const.removeTextElement).setValue(this.options._const.route, s.concat(l)).setValue(this.options._const.value, u.data)) : r.push((new N).setValue(this.options._const.action, this.options._const.removeElement).setValue(this.options._const.element, b(u)).setValue(this.options._const.route, s.concat(l))), i.splice(h, 1), h -= 1, l -= 1, o -= 1; else if (i.length < n.length) { var f = b(p); r = r.concat([(new N).setValue(this.options._const.action, this.options._const.addElement).setValue(this.options._const.element, f).setValue(this.options._const.route, s.concat(l))]), i.splice(h, 0, f), o -= 1 } else r = r.concat([(new N).setValue(this.options._const.action, this.options._const.replaceElement).setValue(this.options._const.oldValue, b(u)).setValue(this.options._const.newValue, b(p)).setValue(this.options._const.route, s.concat(l))]); l += 1 } return t.innerDone = !0, r }, t.prototype.attemptGroupRelocation = function (t, e, s, i, n) { for (var a, o, r, l, d, c, h = function (t, e, s) { var i = t.childNodes ? _(t.childNodes.length, !0) : [], n = e.childNodes ? _(e.childNodes.length, !0) : [], a = 0; return s.forEach((function (t) { for (var e = t.oldValue + t.length, s = t.newValue + t.length, o = t.oldValue; o < e; o += 1)i[o] = a; for (o = t.newValue; o < s; o += 1)n[o] = a; a += 1 })), { gaps1: i, gaps2: n } }(t, e, s), u = h.gaps1, p = h.gaps2, f = Math.min(u.length, p.length), m = [], g = 0, v = 0; g < f; v += 1, g += 1)if (!n || !0 !== u[g] && !0 !== p[g]) if (!0 === u[g]) if ("#text" === (l = t.childNodes[v]).nodeName) if ("#text" === e.childNodes[g].nodeName) { if (l.data !== e.childNodes[g].data) { for (c = v; t.childNodes.length > c + 1 && "#text" === t.childNodes[c + 1].nodeName;)if (c += 1, e.childNodes[g].data === t.childNodes[c].data) { d = !0; break } if (!d) return m.push((new N).setValue(this.options._const.action, this.options._const.modifyTextElement).setValue(this.options._const.route, i.concat(g)).setValue(this.options._const.oldValue, l.data).setValue(this.options._const.newValue, e.childNodes[g].data)), m } } else m.push((new N).setValue(this.options._const.action, this.options._const.removeTextElement).setValue(this.options._const.route, i.concat(g)).setValue(this.options._const.value, l.data)), u.splice(g, 1), f = Math.min(u.length, p.length), g -= 1; else m.push((new N).setValue(this.options._const.action, this.options._const.removeElement).setValue(this.options._const.route, i.concat(g)).setValue(this.options._const.element, b(l))), u.splice(g, 1), f = Math.min(u.length, p.length), g -= 1; else if (!0 === p[g]) "#text" === (l = e.childNodes[g]).nodeName ? (m.push((new N).setValue(this.options._const.action, this.options._const.addTextElement).setValue(this.options._const.route, i.concat(g)).setValue(this.options._const.value, l.data)), u.splice(g, 0, !0), f = Math.min(u.length, p.length), v -= 1) : (m.push((new N).setValue(this.options._const.action, this.options._const.addElement).setValue(this.options._const.route, i.concat(g)).setValue(this.options._const.element, b(l))), u.splice(g, 0, !0), f = Math.min(u.length, p.length), v -= 1); else if (u[g] !== p[g]) { if (m.length > 0) return m; if (r = s[u[g]], (o = Math.min(r.newValue, t.childNodes.length - r.length)) !== r.oldValue) { a = !1; for (var y = 0; y < r.length; y += 1)w(t.childNodes[o + y], t.childNodes[r.oldValue + y], {}, !1, !0) || (a = !0); if (a) return [(new N).setValue(this.options._const.action, this.options._const.relocateGroup).setValue(this.options._const.groupLength, r.length).setValue(this.options._const.from, r.oldValue).setValue(this.options._const.to, o).setValue(this.options._const.route, i)] } } return m }, t.prototype.findValueDiff = function (t, e, s) { var i = []; return t.selected !== e.selected && i.push((new N).setValue(this.options._const.action, this.options._const.modifySelected).setValue(this.options._const.oldValue, t.selected).setValue(this.options._const.newValue, e.selected).setValue(this.options._const.route, s)), (t.value || e.value) && t.value !== e.value && "OPTION" !== t.nodeName && i.push((new N).setValue(this.options._const.action, this.options._const.modifyValue).setValue(this.options._const.oldValue, t.value || "").setValue(this.options._const.newValue, e.value || "").setValue(this.options._const.route, s)), t.checked !== e.checked && i.push((new N).setValue(this.options._const.action, this.options._const.modifyChecked).setValue(this.options._const.oldValue, t.checked).setValue(this.options._const.newValue, e.checked).setValue(this.options._const.route, s)), i }, t }(), A = { debug: !1, diffcap: 10, maxDepth: !1, maxChildCount: 50, valueDiffing: !0, textDiff: function (t, e, s, i) { t.data = i }, preVirtualDiffApply: function () { }, postVirtualDiffApply: function () { }, preDiffApply: function () { }, postDiffApply: function () { }, filterOuterDiff: null, compress: !1, _const: !1, document: !("undefined" == typeof window || !window.document) && window.document, components: [] }, P = function () { function t(t) { if (void 0 === t && (t = {}), Object.entries(A).forEach((function (e) { var s = e[0], i = e[1]; Object.prototype.hasOwnProperty.call(t, s) || (t[s] = i) })), !t._const) { var e = ["addAttribute", "modifyAttribute", "removeAttribute", "modifyTextElement", "relocateGroup", "removeElement", "addElement", "removeTextElement", "addTextElement", "replaceElement", "modifyValue", "modifyChecked", "modifySelected", "modifyComment", "action", "route", "oldValue", "newValue", "element", "group", "groupLength", "from", "to", "name", "value", "data", "attributes", "nodeName", "childNodes", "checked", "selected"], s = {}; t.compress ? e.forEach((function (t, e) { return s[t] = e })) : e.forEach((function (t) { return s[t] = t })), t._const = s } this.options = t } return t.prototype.apply = function (t, e) { return function (t, e, s) { return e.every((function (e) { return h(t, e, s) })) }(t, e, this.options) }, t.prototype.undo = function (t, e) { return function (t, e, s) { (e = e.slice()).reverse(), e.forEach((function (e) { !function (t, e, s) { switch (e[s._const.action]) { case s._const.addAttribute: e[s._const.action] = s._const.removeAttribute, h(t, e, s); break; case s._const.modifyAttribute: u(e, s._const.oldValue, s._const.newValue), h(t, e, s); break; case s._const.removeAttribute: e[s._const.action] = s._const.addAttribute, h(t, e, s); break; case s._const.modifyTextElement: case s._const.modifyValue: case s._const.modifyComment: case s._const.modifyChecked: case s._const.modifySelected: case s._const.replaceElement: u(e, s._const.oldValue, s._const.newValue), h(t, e, s); break; case s._const.relocateGroup: u(e, s._const.from, s._const.to), h(t, e, s); break; case s._const.removeElement: e[s._const.action] = s._const.addElement, h(t, e, s); break; case s._const.addElement: e[s._const.action] = s._const.removeElement, h(t, e, s); break; case s._const.removeTextElement: e[s._const.action] = s._const.addTextElement, h(t, e, s); break; case s._const.addTextElement: e[s._const.action] = s._const.removeTextElement, h(t, e, s); break; default: console.log("unknown action") } }(t, e, s) })) }(t, e, this.options) }, t.prototype.diff = function (t, e) { return new T(t, e, this.options).init() }, t }(); const H = (t, e, s, { classes: i, format: n, hiddenHeader: a, sortable: o, scrollY: r, type: l }, { noColumnWidths: d, unhideHeader: c }) => ({ nodeName: "TR", childNodes: t.map(((t, h) => { const u = e[h] || { type: l, format: n, sortable: !0, searchable: !0 }; if (u.hidden) return; const p = {}; if (u.sortable && o && (!r.length || c) && (u.filter ? p["data-filterable"] = "true" : p["data-sortable"] = "true"), u.headerClass && (p.class = u.headerClass), s.sort && s.sort.column === h) { const t = "asc" === s.sort.dir ? i.ascending : i.descending; p.class = p.class ? `${p.class} ${t}` : t, p["aria-sort"] = "asc" === s.sort.dir ? "ascending" : "descending" } else s.filters[h] && (p.class = p.class ? `${p.class} ${i.filterActive}` : i.filterActive); let f = ""; s.widths[h] && !d && (f += `width: ${s.widths[h]}%;`), r.length && !c && (f += "padding-bottom: 0;padding-top: 0;border: 0;"), f.length && (p.style = f), u.headerClass && (p.class = u.headerClass); const m = "html" === t.type ? t.data : [{ nodeName: "#text", data: t.text ?? String(t.data) }]; return { nodeName: "TH", attributes: p, childNodes: !a && !r.length || c ? u.sortable && o ? [{ nodeName: "a", attributes: { href: "#", class: u.filter ? i.filter : i.sorter }, childNodes: m }] : m : [{ nodeName: "#text", data: "" }] } })).filter((t => t)) }), R = (t, e, s, i, n, a, { classes: o, hiddenHeader: r, header: l, footer: d, format: c, sortable: h, scrollY: u, type: p, rowRender: f, tabIndex: m }, { noColumnWidths: g, unhideHeader: b, renderHeader: v }) => { const w = { nodeName: "TABLE", attributes: { ...t }, childNodes: [{ nodeName: "TBODY", childNodes: s.map((({ row: t, index: e }) => { const s = { nodeName: "TR", attributes: { "data-index": String(e) }, childNodes: t.map(((t, s) => { const a = i[s] || { type: p, format: c, sortable: !0, searchable: !0 }; if (a.hidden) return; const o = "html" === a.type ? { nodeName: "TD", childNodes: t.data } : { nodeName: "TD", childNodes: [{ nodeName: "#text", data: t.text ?? String(t.data) }] }; if (l || d || !n.widths[s] || g || (o.attributes = { style: `width: ${n.widths[s]}%;` }), a.cellClass && (o.attributes || (o.attributes = {}), o.attributes.class = a.cellClass), a.render) { const i = a.render(t.data, o, e, s); if (i) { if ("string" != typeof i) return i; { const t = k(`<td>${i}</td>`); 1 === t.childNodes.length && ["#text", "#comment"].includes(t.childNodes[0].nodeName) ? o.childNodes[0].data = i : o.childNodes = t.childNodes } } } return o })).filter((t => t)) }; if (e === a && (s.attributes.class = o.cursor), f) { const i = f(t, s, e); if (i) { if ("string" != typeof i) return i; { const t = k(`<tr>${i}</tr>`); !t.childNodes || 1 === t.childNodes.length && ["#text", "#comment"].includes(t.childNodes[0].nodeName) ? s.childNodes[0].data = i : s.childNodes = t.childNodes } } } return s })) }] }; if (w.attributes.class = w.attributes.class ? `${w.attributes.class} ${o.table}` : o.table, l || d || v) { const t = H(e, i, n, { classes: o, hiddenHeader: r, sortable: h, scrollY: u }, { noColumnWidths: g, unhideHeader: b }); if (l || v) { const e = { nodeName: "THEAD", childNodes: [t] }; !u.length && !r || b || (e.attributes = { style: "height: 0px;" }), w.childNodes.unshift(e) } if (d) { const e = { nodeName: "TFOOT", childNodes: [l ? structuredClone(t) : t] }; !u.length && !r || b || (e.attributes = { style: "height: 0px;" }), w.childNodes.push(e) } } return !1 !== m && (w.attributes.tabindex = String(m)), w }; "undefined" != typeof globalThis ? globalThis : "undefined" != typeof window ? window : void 0 !== t || "undefined" != typeof self && self; var I = {}, Y = { get exports() { return I }, set exports(t) { I = t } }; Y.exports = function () { var t = 6e4, e = 36e5, s = "millisecond", i = "second", n = "minute", a = "hour", o = "day", r = "week", l = "month", d = "quarter", c = "year", h = "date", u = "Invalid Date", p = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, f = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, m = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function (t) { var e = ["th", "st", "nd", "rd"], s = t % 100; return "[" + t + (e[(s - 20) % 10] || e[s] || e[0]) + "]" } }, g = function (t, e, s) { var i = String(t); return !i || i.length >= e ? t : "" + Array(e + 1 - i.length).join(s) + t }, b = { s: g, z: function (t) { var e = -t.utcOffset(), s = Math.abs(e), i = Math.floor(s / 60), n = s % 60; return (e <= 0 ? "+" : "-") + g(i, 2, "0") + ":" + g(n, 2, "0") }, m: function t(e, s) { if (e.date() < s.date()) return -t(s, e); var i = 12 * (s.year() - e.year()) + (s.month() - e.month()), n = e.clone().add(i, l), a = s - n < 0, o = e.clone().add(i + (a ? -1 : 1), l); return +(-(i + (s - n) / (a ? n - o : o - n)) || 0) }, a: function (t) { return t < 0 ? Math.ceil(t) || 0 : Math.floor(t) }, p: function (t) { return { M: l, y: c, w: r, d: o, D: h, h: a, m: n, s: i, ms: s, Q: d }[t] || String(t || "").toLowerCase().replace(/s$/, "") }, u: function (t) { return void 0 === t } }, v = "en", w = {}; w[v] = m; var _ = function (t) { return t instanceof D }, y = function t(e, s, i) { var n; if (!e) return v; if ("string" == typeof e) { var a = e.toLowerCase(); w[a] && (n = a), s && (w[a] = s, n = a); var o = e.split("-"); if (!n && o.length > 1) return t(o[0]) } else { var r = e.name; w[r] = e, n = r } return !i && n && (v = n), n || !i && v }, x = function (t, e) { if (_(t)) return t.clone(); var s = "object" == typeof e ? e : {}; return s.date = t, s.args = arguments, new D(s) }, N = b; N.l = y, N.i = _, N.w = function (t, e) { return x(t, { locale: e.$L, utc: e.$u, x: e.$x, $offset: e.$offset }) }; var D = function () { function m(t) { this.$L = y(t.locale, null, !0), this.parse(t) } var g = m.prototype; return g.parse = function (t) { this.$d = function (t) { var e = t.date, s = t.utc; if (null === e) return new Date(NaN); if (N.u(e)) return new Date; if (e instanceof Date) return new Date(e); if ("string" == typeof e && !/Z$/i.test(e)) { var i = e.match(p); if (i) { var n = i[2] - 1 || 0, a = (i[7] || "0").substring(0, 3); return s ? new Date(Date.UTC(i[1], n, i[3] || 1, i[4] || 0, i[5] || 0, i[6] || 0, a)) : new Date(i[1], n, i[3] || 1, i[4] || 0, i[5] || 0, i[6] || 0, a) } } return new Date(e) }(t), this.$x = t.x || {}, this.init() }, g.init = function () { var t = this.$d; this.$y = t.getFullYear(), this.$M = t.getMonth(), this.$D = t.getDate(), this.$W = t.getDay(), this.$H = t.getHours(), this.$m = t.getMinutes(), this.$s = t.getSeconds(), this.$ms = t.getMilliseconds() }, g.$utils = function () { return N }, g.isValid = function () { return !(this.$d.toString() === u) }, g.isSame = function (t, e) { var s = x(t); return this.startOf(e) <= s && s <= this.endOf(e) }, g.isAfter = function (t, e) { return x(t) < this.startOf(e) }, g.isBefore = function (t, e) { return this.endOf(e) < x(t) }, g.$g = function (t, e, s) { return N.u(t) ? this[e] : this.set(s, t) }, g.unix = function () { return Math.floor(this.valueOf() / 1e3) }, g.valueOf = function () { return this.$d.getTime() }, g.startOf = function (t, e) { var s = this, d = !!N.u(e) || e, u = N.p(t), p = function (t, e) { var i = N.w(s.$u ? Date.UTC(s.$y, e, t) : new Date(s.$y, e, t), s); return d ? i : i.endOf(o) }, f = function (t, e) { return N.w(s.toDate()[t].apply(s.toDate("s"), (d ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(e)), s) }, m = this.$W, g = this.$M, b = this.$D, v = "set" + (this.$u ? "UTC" : ""); switch (u) { case c: return d ? p(1, 0) : p(31, 11); case l: return d ? p(1, g) : p(0, g + 1); case r: var w = this.$locale().weekStart || 0, _ = (m < w ? m + 7 : m) - w; return p(d ? b - _ : b + (6 - _), g); case o: case h: return f(v + "Hours", 0); case a: return f(v + "Minutes", 1); case n: return f(v + "Seconds", 2); case i: return f(v + "Milliseconds", 3); default: return this.clone() } }, g.endOf = function (t) { return this.startOf(t, !1) }, g.$set = function (t, e) { var r, d = N.p(t), u = "set" + (this.$u ? "UTC" : ""), p = (r = {}, r[o] = u + "Date", r[h] = u + "Date", r[l] = u + "Month", r[c] = u + "FullYear", r[a] = u + "Hours", r[n] = u + "Minutes", r[i] = u + "Seconds", r[s] = u + "Milliseconds", r)[d], f = d === o ? this.$D + (e - this.$W) : e; if (d === l || d === c) { var m = this.clone().set(h, 1); m.$d[p](f), m.init(), this.$d = m.set(h, Math.min(this.$D, m.daysInMonth())).$d } else p && this.$d[p](f); return this.init(), this }, g.set = function (t, e) { return this.clone().$set(t, e) }, g.get = function (t) { return this[N.p(t)]() }, g.add = function (s, d) { var h, u = this; s = Number(s); var p = N.p(d), f = function (t) { var e = x(u); return N.w(e.date(e.date() + Math.round(t * s)), u) }; if (p === l) return this.set(l, this.$M + s); if (p === c) return this.set(c, this.$y + s); if (p === o) return f(1); if (p === r) return f(7); var m = (h = {}, h[n] = t, h[a] = e, h[i] = 1e3, h)[p] || 1, g = this.$d.getTime() + s * m; return N.w(g, this) }, g.subtract = function (t, e) { return this.add(-1 * t, e) }, g.format = function (t) { var e = this, s = this.$locale(); if (!this.isValid()) return s.invalidDate || u; var i = t || "YYYY-MM-DDTHH:mm:ssZ", n = N.z(this), a = this.$H, o = this.$m, r = this.$M, l = s.weekdays, d = s.months, c = function (t, s, n, a) { return t && (t[s] || t(e, i)) || n[s].slice(0, a) }, h = function (t) { return N.s(a % 12 || 12, t, "0") }, p = s.meridiem || function (t, e, s) { var i = t < 12 ? "AM" : "PM"; return s ? i.toLowerCase() : i }, m = { YY: String(this.$y).slice(-2), YYYY: this.$y, M: r + 1, MM: N.s(r + 1, 2, "0"), MMM: c(s.monthsShort, r, d, 3), MMMM: c(d, r), D: this.$D, DD: N.s(this.$D, 2, "0"), d: String(this.$W), dd: c(s.weekdaysMin, this.$W, l, 2), ddd: c(s.weekdaysShort, this.$W, l, 3), dddd: l[this.$W], H: String(a), HH: N.s(a, 2, "0"), h: h(1), hh: h(2), a: p(a, o, !0), A: p(a, o, !1), m: String(o), mm: N.s(o, 2, "0"), s: String(this.$s), ss: N.s(this.$s, 2, "0"), SSS: N.s(this.$ms, 3, "0"), Z: n }; return i.replace(f, (function (t, e) { return e || m[t] || n.replace(":", "") })) }, g.utcOffset = function () { return 15 * -Math.round(this.$d.getTimezoneOffset() / 15) }, g.diff = function (s, h, u) { var p, f = N.p(h), m = x(s), g = (m.utcOffset() - this.utcOffset()) * t, b = this - m, v = N.m(this, m); return v = (p = {}, p[c] = v / 12, p[l] = v, p[d] = v / 3, p[r] = (b - g) / 6048e5, p[o] = (b - g) / 864e5, p[a] = b / e, p[n] = b / t, p[i] = b / 1e3, p)[f] || b, u ? v : N.a(v) }, g.daysInMonth = function () { return this.endOf(l).$D }, g.$locale = function () { return w[this.$L] }, g.locale = function (t, e) { if (!t) return this.$L; var s = this.clone(), i = y(t, e, !0); return i && (s.$L = i), s }, g.clone = function () { return N.w(this.$d, this) }, g.toDate = function () { return new Date(this.valueOf()) }, g.toJSON = function () { return this.isValid() ? this.toISOString() : null }, g.toISOString = function () { return this.$d.toISOString() }, g.toString = function () { return this.$d.toUTCString() }, m }(), M = D.prototype; return x.prototype = M, [["$ms", s], ["$s", i], ["$m", n], ["$H", a], ["$W", o], ["$M", l], ["$y", c], ["$D", h]].forEach((function (t) { M[t[1]] = function (e) { return this.$g(e, t[0], t[1]) } })), x.extend = function (t, e) { return t.$i || (t(e, D, x), t.$i = !0), x }, x.locale = y, x.isDayjs = _, x.unix = function (t) { return x(1e3 * t) }, x.en = w[v], x.Ls = w, x.p = {}, x }(); var j = I, q = {}, B = { get exports() { return q }, set exports(t) { q = t } }; B.exports = function () { var t = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" }, e = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, s = /\d\d/, i = /\d\d?/, n = /\d*[^-_:/,()\s\d]+/, a = {}, o = function (t) { return (t = +t) + (t > 68 ? 1900 : 2e3) }, r = function (t) { return function (e) { this[t] = +e } }, l = [/[+-]\d\d:?(\d\d)?|Z/, function (t) { (this.zone || (this.zone = {})).offset = function (t) { if (!t) return 0; if ("Z" === t) return 0; var e = t.match(/([+-]|\d\d)/g), s = 60 * e[1] + (+e[2] || 0); return 0 === s ? 0 : "+" === e[0] ? -s : s }(t) }], d = function (t) { var e = a[t]; return e && (e.indexOf ? e : e.s.concat(e.f)) }, c = function (t, e) { var s, i = a.meridiem; if (i) { for (var n = 1; n <= 24; n += 1)if (t.indexOf(i(n, 0, e)) > -1) { s = n > 12; break } } else s = t === (e ? "pm" : "PM"); return s }, h = { A: [n, function (t) { this.afternoon = c(t, !1) }], a: [n, function (t) { this.afternoon = c(t, !0) }], S: [/\d/, function (t) { this.milliseconds = 100 * +t }], SS: [s, function (t) { this.milliseconds = 10 * +t }], SSS: [/\d{3}/, function (t) { this.milliseconds = +t }], s: [i, r("seconds")], ss: [i, r("seconds")], m: [i, r("minutes")], mm: [i, r("minutes")], H: [i, r("hours")], h: [i, r("hours")], HH: [i, r("hours")], hh: [i, r("hours")], D: [i, r("day")], DD: [s, r("day")], Do: [n, function (t) { var e = a.ordinal, s = t.match(/\d+/); if (this.day = s[0], e) for (var i = 1; i <= 31; i += 1)e(i).replace(/\[|\]/g, "") === t && (this.day = i) }], M: [i, r("month")], MM: [s, r("month")], MMM: [n, function (t) { var e = d("months"), s = (d("monthsShort") || e.map((function (t) { return t.slice(0, 3) }))).indexOf(t) + 1; if (s < 1) throw new Error; this.month = s % 12 || s }], MMMM: [n, function (t) { var e = d("months").indexOf(t) + 1; if (e < 1) throw new Error; this.month = e % 12 || e }], Y: [/[+-]?\d+/, r("year")], YY: [s, function (t) { this.year = o(t) }], YYYY: [/\d{4}/, r("year")], Z: l, ZZ: l }; function u(s) { var i, n; i = s, n = a && a.formats; for (var o = (s = i.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, (function (e, s, i) { var a = i && i.toUpperCase(); return s || n[i] || t[i] || n[a].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, (function (t, e, s) { return e || s.slice(1) })) }))).match(e), r = o.length, l = 0; l < r; l += 1) { var d = o[l], c = h[d], u = c && c[0], p = c && c[1]; o[l] = p ? { regex: u, parser: p } : d.replace(/^\[|\]$/g, "") } return function (t) { for (var e = {}, s = 0, i = 0; s < r; s += 1) { var n = o[s]; if ("string" == typeof n) i += n.length; else { var a = n.regex, l = n.parser, d = t.slice(i), c = a.exec(d)[0]; l.call(e, c), t = t.replace(c, "") } } return function (t) { var e = t.afternoon; if (void 0 !== e) { var s = t.hours; e ? s < 12 && (t.hours += 12) : 12 === s && (t.hours = 0), delete t.afternoon } }(e), e } } return function (t, e, s) { s.p.customParseFormat = !0, t && t.parseTwoDigitYear && (o = t.parseTwoDigitYear); var i = e.prototype, n = i.parse; i.parse = function (t) { var e = t.date, i = t.utc, o = t.args; this.$u = i; var r = o[1]; if ("string" == typeof r) { var l = !0 === o[2], d = !0 === o[3], c = l || d, h = o[2]; d && (h = o[2]), a = this.$locale(), !l && h && (a = s.Ls[h]), this.$d = function (t, e, s) { try { if (["x", "X"].indexOf(e) > -1) return new Date(("X" === e ? 1e3 : 1) * t); var i = u(e)(t), n = i.year, a = i.month, o = i.day, r = i.hours, l = i.minutes, d = i.seconds, c = i.milliseconds, h = i.zone, p = new Date, f = o || (n || a ? 1 : p.getDate()), m = n || p.getFullYear(), g = 0; n && !a || (g = a > 0 ? a - 1 : p.getMonth()); var b = r || 0, v = l || 0, w = d || 0, _ = c || 0; return h ? new Date(Date.UTC(m, g, f, b, v, w, _ + 60 * h.offset * 1e3)) : s ? new Date(Date.UTC(m, g, f, b, v, w, _)) : new Date(m, g, f, b, v, w, _) } catch (t) { return new Date("") } }(e, r, i), this.init(), h && !0 !== h && (this.$L = this.locale(h).$L), c && e != this.format(r) && (this.$d = new Date("")), a = {} } else if (r instanceof Array) for (var p = r.length, f = 1; f <= p; f += 1) { o[1] = r[f - 1]; var m = s.apply(this, o); if (m.isValid()) { this.$d = m.$d, this.$L = m.$L, this.init(); break } f === p && (this.$d = new Date("")) } else n.call(this, t) } } }(); var F = q; j.extend(F); const U = (t, e) => { let s; if (e) switch (e) { case "ISO_8601": s = t; break; case "RFC_2822": s = j(t.slice(5), "DD MMM YYYY HH:mm:ss ZZ").unix(); break; case "MYSQL": s = j(t, "YYYY-MM-DD hh:mm:ss").unix(); break; case "UNIX": s = j(t).unix(); break; default: s = j(t, e, !0).valueOf() }return s }, z = (t, e) => { if (t?.constructor === Object && Object.prototype.hasOwnProperty.call(t, "data") && !Object.keys(t).find((t => !["text", "order", "data"].includes(t)))) return t; const s = { data: t }; switch (e.type) { case "string": "string" != typeof t && (s.text = String(s.data), s.order = s.text); break; case "date": e.format && (s.order = U(String(s.data), e.format)); break; case "number": s.text = String(s.data), s.data = parseInt(s.data, 10); break; case "html": { const t = Array.isArray(s.data) ? { nodeName: "TD", childNodes: s.data } : k(`<td>${String(s.data)}</td>`); s.data = t.childNodes || []; const e = a(t); s.text = e, s.order = e; break } case "boolean": "string" == typeof s.data && (s.data = s.data.toLowerCase().trim()), s.data = !["false", !1, null, void 0, 0].includes(s.data), s.order = s.data ? 1 : 0, s.text = String(s.data); break; case "other": s.text = "", s.order = 0; break; default: s.text = JSON.stringify(s.data) }return s }, J = t => { if (t instanceof Object && t.constructor === Object && t.hasOwnProperty("data") && ("string" == typeof t.text || "string" == typeof t.data)) return t; const e = { data: t }; if ("string" == typeof t) { if (t.length) { const s = k(`<th>${t}</th>`); if (s.childNodes && (1 !== s.childNodes.length || "#text" !== s.childNodes[0].nodeName)) { e.data = s.childNodes, e.type = "html"; const t = a(s); e.text = t } } } else[null, void 0].includes(t) ? e.text = "" : e.text = JSON.stringify(t); return e }, W = (t, e, s, i, n) => { const o = { data: [], headings: [] }; t.headings ? o.headings = t.headings.map((t => J(t))) : e?.tHead ? o.headings = Array.from(e.tHead.querySelectorAll("th")).map(((t, e) => { const o = (t => { const e = E(t, { valueDiffing: !1 }); let s; return s = !e.childNodes || 1 === e.childNodes.length && "#text" === e.childNodes[0].nodeName ? { data: t.innerText, type: "string" } : { data: e.childNodes, type: "html", text: a(e) }, s })(t); s[e] || (s[e] = { type: i, format: n, searchable: !0, sortable: !0 }); const r = s[e]; return "false" !== t.dataset.sortable?.trim().toLowerCase() && "false" !== t.dataset.sort?.trim().toLowerCase() || (r.sortable = !1), "false" === t.dataset.searchable?.trim().toLowerCase() && (r.searchable = !1), "true" !== t.dataset.hidden?.trim().toLowerCase() && "true" !== t.getAttribute("hidden")?.trim().toLowerCase() || (r.hidden = !0), ["number", "string", "html", "date", "boolean", "other"].includes(t.dataset.type) && (r.type = t.dataset.type, "date" === r.type && t.dataset.format && (r.format = t.dataset.format)), o })) : t.data?.length ? o.headings = t.data[0].map((t => J(""))) : e?.tBodies.length && (o.headings = Array.from(e.tBodies[0].rows[0].cells).map((t => J("")))); for (let t = 0; t < o.headings.length; t++)s[t] || (s[t] = { type: i, format: n, sortable: !0, searchable: !0 }); if (t.data ? o.data = t.data.map((t => t.map(((t, e) => z(t, s[e]))))) : e?.tBodies?.length && (o.data = Array.from(e.tBodies[0].rows).map((t => Array.from(t.cells).map(((t, e) => { const i = t.dataset.content ? z(t.dataset.content, s[e]) : ((t, e) => { let s; switch (e.type) { case "string": s = { data: t.innerText }; break; case "date": { const i = t.innerText; s = { data: i, order: U(i, e.format) }; break } case "number": s = { data: parseInt(t.innerText, 10), text: t.innerText }; break; case "boolean": { const e = !["false", "0", "null", "undefined"].includes(t.innerText.toLowerCase().trim()); s = { data: e, order: e ? 1 : 0, text: e ? "1" : "0" }; break } default: s = { data: E(t, { valueDiffing: !1 }).childNodes || [], text: t.innerText, order: t.innerText } }return s })(t, s[e]); return t.dataset.order && (i.order = isNaN(parseFloat(t.dataset.order)) ? t.dataset.order : parseFloat(t.dataset.order)), i }))))), o.data.length && o.data[0].length !== o.headings.length) throw new Error("Data heading length mismatch."); return o }; class Q { constructor(t) { this.dt = t, this.cursor = !1 } setCursor(t = !1) { if (t === this.cursor) return; const e = this.cursor; if (this.cursor = t, this.dt._renderTable(), !1 !== t && this.dt.options.scrollY) { const t = this.dt.dom.querySelector(`tr.${this.dt.options.classes.cursor}`); t && t.scrollIntoView({ block: "nearest" }) } this.dt.emit("datatable.cursormove", this.cursor, e) } add(t) { const e = t.map(((t, e) => { const s = this.dt.columns.settings[e]; return z(t, s) })); this.dt.data.data.push(e), this.dt.data.data.length && (this.dt.hasRows = !0), this.dt.update(!0) } remove(t) { if (!Array.isArray(t)) return this.remove([t]); this.dt.data.data = this.dt.data.data.filter(((e, s) => !t.includes(s))), this.dt.data.data.length || (this.dt.hasRows = !1), this.dt.update(!0) } findRowIndex(t, e) { return this.dt.data.data.findIndex((s => (s[t].text ?? String(s[t].data)).toLowerCase().includes(String(e).toLowerCase()))) } findRow(t, e) { const s = this.findRowIndex(t, e); if (s < 0) return { index: -1, row: null, cols: [] }; const i = this.dt.data.data[s], n = i.map((t => t.data)); return { index: s, row: i, cols: n } } updateRow(t, e) { const s = e.map(((t, e) => { const s = this.dt.columns.settings[e]; return z(t, s) })); this.dt.data.data.splice(t, 1, s), this.dt.update(!0) } } class Z { constructor(t) { this.dt = t, this.init() } init() { [this.settings, this._state] = ((t = [], e, s) => { let i = [], n = !1; const a = []; return t.forEach((t => { (Array.isArray(t.select) ? t.select : [t.select]).forEach((o => { i[o] || (i[o] = { type: t.type || e, sortable: !0, searchable: !0 }); const r = i[o]; t.render && (r.render = t.render), t.format ? r.format = t.format : "date" === t.type && (r.format = s), t.cellClass && (r.cellClass = t.cellClass), t.headerClass && (r.headerClass = t.headerClass), t.locale && (r.locale = t.locale), !1 === t.sortable ? r.sortable = !1 : (t.numeric && (r.numeric = t.numeric), t.caseFirst && (r.caseFirst = t.caseFirst)), !1 === t.searchable ? r.searchable = !1 : t.sensitivity && (r.sensitivity = t.sensitivity), (r.searchable || r.sortable) && t.ignorePunctuation && (r.ignorePunctuation = t.ignorePunctuation), t.hidden && (r.hidden = !0), t.filter && (r.filter = t.filter), t.sortSequence && (r.sortSequence = t.sortSequence), t.sort && (t.filter ? a[o] = t.sort : n = { column: o, dir: t.sort }) })) })), i = i.map((t => t || { type: e, format: "date" === e ? s : void 0, sortable: !0, searchable: !0 })), [i, { filters: a, sort: n, widths: [] }] })(this.dt.options.columns, this.dt.options.type, this.dt.options.format) } swap(t) { if (2 === t.length) { const e = this.dt.data.headings.map(((t, e) => e)), s = t[0], i = t[1], n = e[i]; return e[i] = e[s], e[s] = n, this.order(e) } } order(t) { this.dt.data.headings = t.map((t => this.dt.data.headings[t])), this.dt.data.data = this.dt.data.data.map((e => t.map((t => e[t])))), this.settings = t.map((t => this.settings[t])), this.dt.update() } hide(t) { t.length && (t.forEach((t => { this.settings[t] || (this.settings[t] = { type: "string" }), this.settings[t].hidden = !0 })), this.dt.update()) } show(t) { t.length && (t.forEach((t => { this.settings[t] || (this.settings[t] = { type: "string", sortable: !0 }), delete this.settings[t].hidden })), this.dt.update()) } visible(t) { return void 0 === t && (t = [...Array(this.dt.data.headings.length).keys()]), Array.isArray(t) ? t.map((t => !this.settings[t]?.hidden)) : !this.settings[t]?.hidden } add(t) { const e = this.dt.data.headings.length; if (this.dt.data.headings = this.dt.data.headings.concat([J(t.heading)]), this.dt.data.data = this.dt.data.data.map(((e, s) => e.concat([z(t.data[s], t)]))), this.settings[e] = { type: t.type || "string", sortable: !0, searchable: !0 }, t.type || t.format || t.sortable || t.render || t.filter) { const s = this.settings[e]; t.render && (s.render = t.render), t.format && (s.format = t.format), t.cellClass && (s.cellClass = t.cellClass), t.headerClass && (s.headerClass = t.headerClass), t.locale && (s.locale = t.locale), !1 === t.sortable ? s.sortable = !1 : (t.numeric && (s.numeric = t.numeric), t.caseFirst && (s.caseFirst = t.caseFirst)), !1 === t.searchable ? s.searchable = !1 : t.sensitivity && (s.sensitivity = t.sensitivity), (s.searchable || s.sortable) && t.ignorePunctuation && (s.ignorePunctuation = t.ignorePunctuation), t.hidden && (s.hidden = !0), t.filter && (s.filter = t.filter), t.sortSequence && (s.sortSequence = t.sortSequence) } this.dt.update(!0) } remove(t) { if (!Array.isArray(t)) return this.remove([t]); this.dt.data.headings = this.dt.data.headings.filter(((e, s) => !t.includes(s))), this.dt.data.data = this.dt.data.data.map((e => e.filter(((e, s) => !t.includes(s))))), this.dt.update(!0) } filter(t, e = !1) { if (!this.settings[t]?.filter?.length) return; const s = this._state.filters[t]; let i; if (s) { let e = !1; i = this.settings[t].filter.find((t => !!e || (t === s && (e = !0), !1))) } else { const e = this.settings[t].filter; i = e ? e[0] : void 0 } i ? this._state.filters[t] = i : s && (this._state.filters[t] = void 0), this.dt._currentPage = 1, this.dt.update(), e || this.dt.emit("datatable.filter", t, i) } sort(t, e, s = !1) { const i = this.settings[t]; if (s || this.dt.emit("datatable.sorting", t, e), !e) { const t = !!this._state.sort && this._state.sort?.dir, s = i?.sortSequence || ["asc", "desc"]; if (t) { const i = s.indexOf(t); e = -1 === i ? "asc" : i === s.length - 1 ? s[0] : s[i + 1] } else e = s.length ? s[0] : "asc" } const n = !!["string", "html"].includes(i.type) && new Intl.Collator(i.locale || this.dt.options.locale, { usage: "sort", numeric: i.numeric || this.dt.options.numeric, caseFirst: i.caseFirst || this.dt.options.caseFirst, ignorePunctuation: i.ignorePunctuation || this.dt.options.ignorePunctuation }); this.dt.data.data.sort(((s, i) => { let a = s[t].order || s[t].data, o = i[t].order || i[t].data; if ("desc" === e) { const t = a; a = o, o = t } return n ? n.compare(String(a), String(o)) : a < o ? -1 : a > o ? 1 : 0 })), this._state.sort = { column: t, dir: e }, this.dt._searchQueries.length ? (this.dt.multiSearch(this.dt._searchQueries), this.dt.emit("datatable.sort", t, e)) : s || (this.dt._currentPage = 1, this.dt.update(), this.dt.emit("datatable.sort", t, e)) } _measureWidths() { const t = this.dt.data.headings.filter(((t, e) => !this.settings[e]?.hidden)); if ((this.dt.options.scrollY.length || this.dt.options.fixedColumns) && t?.length) { this._state.widths = []; const t = { noPaging: !0 }; if (this.dt.options.header || this.dt.options.footer) { this.dt.options.scrollY.length && (t.unhideHeader = !0), this.dt.headerDOM && this.dt.headerDOM.parentElement.removeChild(this.dt.headerDOM), t.noColumnWidths = !0, this.dt._renderTable(t); const e = Array.from(this.dt.dom.querySelector("thead, tfoot")?.firstElementChild?.querySelectorAll("th") || []); let s = 0; const i = this.dt.data.headings.map(((t, i) => { if (this.settings[i]?.hidden) return 0; const n = e[s].offsetWidth; return s += 1, n })), n = i.reduce(((t, e) => t + e), 0); this._state.widths = i.map((t => t / n * 100)) } else { t.renderHeader = !0, this.dt._renderTable(t); const e = Array.from(this.dt.dom.querySelector("thead, tfoot")?.firstElementChild?.querySelectorAll("th") || []); let s = 0; const i = this.dt.data.headings.map(((t, i) => { if (this.settings[i]?.hidden) return 0; const n = e[s].offsetWidth; return s += 1, n })), n = i.reduce(((t, e) => t + e), 0); this._state.widths = i.map((t => t / n * 100)) } this.dt._renderTable() } } } const X = { sortable: !0, locale: "en", numeric: !0, caseFirst: "false", searchable: !0, sensitivity: "base", ignorePunctuation: !0, destroyable: !0, data: {}, type: "html", format: "YYYY-MM-DD", columns: [], paging: !0, perPage: 10, perPageSelect: [5, 10, 15, 20, 25], nextPrev: !0, firstLast: !1, prevText: "‹", nextText: "›", firstText: "«", lastText: "»", ellipsisText: "…", truncatePager: !0, pagerDelta: 2, scrollY: "", fixedColumns: !0, fixedHeight: !1, footer: !1, header: !0, hiddenHeader: !1, rowNavigation: !1, tabIndex: !1, pagerRender: !1, rowRender: !1, tableRender: !1, labels: { placeholder: "Search...", searchTitle: "Search within table", perPage: "entries per page", noRows: "No entries found", noResults: "No results match your search query", info: "Showing {start} to {end} of {rows} entries" }, template: (t, e) => `<div class='${t.classes.top}'>\n    ${t.paging && t.perPageSelect ? `<div class='${t.classes.dropdown}'>\n            <label>\n                <select class='${t.classes.selector}'></select> ${t.labels.perPage}\n            </label>\n        </div>` : ""}\n    ${t.searchable ? `<div class='${t.classes.search}'>\n            <input class='${t.classes.input}' placeholder='${t.labels.placeholder}' type='search' title='${t.labels.searchTitle}'${e.id ? ` aria-controls="${e.id}"` : ""}>\n        </div>` : ""}\n</div>\n<div class='${t.classes.container}'${t.scrollY.length ? ` style='height: ${t.scrollY}; overflow-Y: auto;'` : ""}></div>\n<div class='${t.classes.bottom}'>\n    ${t.paging ? `<div class='${t.classes.info}'></div>` : ""}\n    <nav class='${t.classes.pagination}'></nav>\n</div>`, classes: { active: "datatable-active", ascending: "datatable-ascending", bottom: "datatable-bottom", container: "datatable-container", cursor: "datatable-cursor", descending: "datatable-descending", disabled: "datatable-disabled", dropdown: "datatable-dropdown", ellipsis: "datatable-ellipsis", filter: "datatable-filter", filterActive: "datatable-filter-active", empty: "datatable-empty", headercontainer: "datatable-headercontainer", hidden: "datatable-hidden", info: "datatable-info", input: "datatable-input", loading: "datatable-loading", pagination: "datatable-pagination", paginationList: "datatable-pagination-list", paginationListItem: "datatable-pagination-list-item", paginationListItemLink: "datatable-pagination-list-item-link", search: "datatable-search", selector: "datatable-selector", sorter: "datatable-sorter", table: "datatable-table", top: "datatable-top", wrapper: "datatable-wrapper" } }, G = (t, e, s, i = {}) => ({ nodeName: "LI", attributes: { class: i.active && !i.hidden ? `${s.classes.paginationListItem} ${s.classes.active}` : i.hidden ? `${s.classes.paginationListItem} ${s.classes.hidden} ${s.classes.disabled}` : s.classes.paginationListItem }, childNodes: [{ nodeName: "A", attributes: { "data-page": String(t), class: s.classes.paginationListItemLink }, childNodes: [{ nodeName: "#text", data: e }] }] }), K = { classes: { row: "datatable-editor-row", form: "datatable-editor-form", item: "datatable-editor-item", menu: "datatable-editor-menu", save: "datatable-editor-save", block: "datatable-editor-block", close: "datatable-editor-close", inner: "datatable-editor-inner", input: "datatable-editor-input", label: "datatable-editor-label", modal: "datatable-editor-modal", action: "datatable-editor-action", header: "datatable-editor-header", wrapper: "datatable-editor-wrapper", editable: "datatable-editor-editable", container: "datatable-editor-container", separator: "datatable-editor-separator" }, labels: { closeX: "x", editCell: "Edit Cell", editRow: "Edit Row", removeRow: "Remove Row", reallyRemove: "Are you sure?", reallyClose: "Do you really want to close?", save: "Save" }, closeModal: t => confirm(t.options.labels.reallyClose), inline: !0, hiddenColumns: !1, contextMenu: !0, clickEvent: "dblclick", excludeColumns: [], menuItems: [{ text: t => t.options.labels.editCell, action: (t, e) => { if (!(t.event.target instanceof Element)) return; const s = t.event.target.closest("td"); return t.editCell(s) } }, { text: t => t.options.labels.editRow, action: (t, e) => { if (!(t.event.target instanceof Element)) return; const s = t.event.target.closest("tr"); return t.editRow(s) } }, { separator: !0 }, { text: t => t.options.labels.removeRow, action: (t, e) => { if (t.event.target instanceof Element && confirm(t.options.labels.reallyRemove)) { const e = t.event.target.closest("tr"); t.removeRow(e) } } }] }; class tt { constructor(t, e = {}) { this.dt = t, this.options = { ...K, ...e } } init() { this.initialized || (this.dt.wrapperDOM.classList.add(this.options.classes.editable), this.options.inline && (this.originalRowRender = this.dt.options.rowRender, this.dt.options.rowRender = (t, e, s) => { let i = this.rowRender(t, e, s); return this.originalRowRender && (i = this.originalRowRender(t, i, s)), i }), this.options.contextMenu && (this.containerDOM = n("div", { id: this.options.classes.container }), this.wrapperDOM = n("div", { class: this.options.classes.wrapper }), this.menuDOM = n("ul", { class: this.options.classes.menu }), this.options.menuItems && this.options.menuItems.length && this.options.menuItems.forEach((t => { const e = n("li", { class: t.separator ? this.options.classes.separator : this.options.classes.item }); if (!t.separator) { const s = n("a", { class: this.options.classes.action, href: t.url || "#", html: "function" == typeof t.text ? t.text(this) : t.text }); e.appendChild(s), t.action && "function" == typeof t.action && s.addEventListener("click", (e => { e.preventDefault(), t.action(this, e) })) } this.menuDOM.appendChild(e) })), this.wrapperDOM.appendChild(this.menuDOM), this.containerDOM.appendChild(this.wrapperDOM), this.update()), this.data = {}, this.closed = !0, this.editing = !1, this.editingRow = !1, this.editingCell = !1, this.bindEvents(), setTimeout((() => { this.initialized = !0, this.dt.emit("editable.init") }), 10)) } bindEvents() { this.events = { context: this.context.bind(this), update: this.update.bind(this), dismiss: this.dismiss.bind(this), keydown: this.keydown.bind(this), click: this.click.bind(this) }, this.dt.dom.addEventListener(this.options.clickEvent, this.events.click), document.addEventListener("click", this.events.dismiss), document.addEventListener("keydown", this.events.keydown), this.options.contextMenu && (this.dt.dom.addEventListener("contextmenu", this.events.context), this.events.reset = function (t, e = 300) { let s; return (...i) => { clearTimeout(s), s = window.setTimeout((() => t()), e) } }((() => this.events.update()), 50), window.addEventListener("resize", this.events.reset), window.addEventListener("scroll", this.events.reset)) } context(t) { const e = t.target; if (!(e instanceof Element)) return; this.event = t; const s = e.closest("tbody td"); if (this.options.contextMenu && !this.disabled && s) { t.preventDefault(); let e = t.pageX, s = t.pageY; e > this.limits.x && (e -= this.rect.width), s > this.limits.y && (s -= this.rect.height), this.wrapperDOM.style.top = `${s}px`, this.wrapperDOM.style.left = `${e}px`, this.openMenu(), this.update() } } click(t) { const e = t.target; if (e instanceof Element) if (this.editing && this.data && this.editingCell) { const t = this.modalDOM ? this.modalDOM.querySelector(`input.${this.options.classes.input}[type=text]`) : this.dt.wrapperDOM.querySelector(`input.${this.options.classes.input}[type=text]`); this.saveCell(t.value) } else if (!this.editing) { const s = e.closest("tbody td"); s && (this.editCell(s), t.preventDefault()) } } keydown(t) { if (this.modalDOM) { if ("Escape" === t.key) this.options.closeModal(this) && this.closeModal(); else if ("Enter" === t.key) if (this.editingCell) { const t = this.modalDOM.querySelector(`input.${this.options.classes.input}[type=text]`); this.saveCell(t.value) } else { const t = Array.from(this.modalDOM.querySelectorAll(`input.${this.options.classes.input}[type=text]`)); this.saveRow(t.map((t => t.value.trim())), this.data.row) } } else if (this.editing && this.data) if ("Enter" === t.key) { if (this.editingCell) { const t = this.dt.wrapperDOM.querySelector(`input.${this.options.classes.input}[type=text]`); this.saveCell(t.value) } else if (this.editingRow) { const t = Array.from(this.dt.wrapperDOM.querySelectorAll(`input.${this.options.classes.input}[type=text]`)); this.saveRow(t.map((t => t.value.trim())), this.data.row) } } else "Escape" === t.key && this.saveCell(this.data.content) } editCell(t) { const e = r(t.cellIndex, this.dt.columns.settings); if (this.options.excludeColumns.includes(e)) return void this.closeMenu(); const s = parseInt(t.parentElement.dataset.index, 10), i = this.dt.data.data[s][e]; this.data = { cell: i, rowIndex: s, columnIndex: e, content: i.text || String(i.data) }, this.editing = !0, this.editingCell = !0, this.options.inline ? this.dt.update() : this.editCellModal(), this.closeMenu() } editCellModal() { const t = this.data.cell, e = this.data.columnIndex, s = this.dt.data.headings[e].text || String(this.dt.data.headings[e].data), i = [`<div class='${this.options.classes.inner}'>`, `<div class='${this.options.classes.header}'>`, `<h4>${this.options.labels.editCell}</h4>`, `<button class='${this.options.classes.close}' type='button' data-editor-close>${this.options.labels.closeX}</button>`, " </div>", `<div class='${this.options.classes.block}'>`, `<form class='${this.options.classes.form}'>`, `<div class='${this.options.classes.row}'>`, `<label class='${this.options.classes.label}'>${o(s)}</label>`, `<input class='${this.options.classes.input}' value='${o(t.text || String(t.data) || "")}' type='text'>`, "</div>", `<div class='${this.options.classes.row}'>`, `<button class='${this.options.classes.save}' type='button' data-editor-save>${this.options.labels.save}</button>`, "</div>", "</form>", "</div>", "</div>"].join(""), a = n("div", { class: this.options.classes.modal, html: i }); this.modalDOM = a, this.openModal(); const r = a.querySelector(`input.${this.options.classes.input}[type=text]`); r.focus(), r.selectionStart = r.selectionEnd = r.value.length, a.addEventListener("click", (t => { const e = t.target; if (e instanceof Element) if (e.hasAttribute("data-editor-close")) { if (t.preventDefault(), !this.options.closeModal(this)) return; this.closeModal() } else e.hasAttribute("data-editor-save") && (t.preventDefault(), this.saveCell(r.value)) })) } saveCell(t) { const e = this.data.content, s = this.dt.columns.settings[this.data.columnIndex].type || this.dt.options.type, i = t.trim(); let n; if ("number" === s) n = { data: parseFloat(i) }; else if ("boolean" === s) n = ["", "false", "0"].includes(i) ? { data: !1, text: "false", order: 0 } : { data: !0, text: "true", order: 1 }; else if ("html" === s) n = { data: [{ nodeName: "#text", data: t }], text: t, order: t }; else if ("string" === s) n = { data: t }; else if ("date" === s) { const e = this.dt.columns.settings[this.data.columnIndex].format || this.dt.options.format; n = { data: t, order: U(String(t), e) } } else n = { data: t }; this.dt.data.data[this.data.rowIndex][this.data.columnIndex] = n, this.closeModal(); const a = this.data.rowIndex, o = this.data.columnIndex; this.data = {}, this.dt.update(!0), this.editing = !1, this.editingCell = !1, this.dt.emit("editable.save.cell", t, e, a, o) } editRow(t) { if (!t || "TR" !== t.nodeName || this.editing) return; const e = parseInt(t.dataset.index, 10), s = this.dt.data.data[e]; this.data = { row: s, rowIndex: e }, this.editing = !0, this.editingRow = !0, this.options.inline ? this.dt.update() : this.editRowModal(), this.closeMenu() } editRowModal() { const t = this.data.row, e = [`<div class='${this.options.classes.inner}'>`, `<div class='${this.options.classes.header}'>`, `<h4>${this.options.labels.editRow}</h4>`, `<button class='${this.options.classes.close}' type='button' data-editor-close>${this.options.labels.closeX}</button>`, " </div>", `<div class='${this.options.classes.block}'>`, `<form class='${this.options.classes.form}'>`, `<div class='${this.options.classes.row}'>`, `<button class='${this.options.classes.save}' type='button' data-editor-save>${this.options.labels.save}</button>`, "</div>", "</form>", "</div>", "</div>"].join(""), s = n("div", { class: this.options.classes.modal, html: e }), i = s.firstElementChild; if (!i) return; const a = i.lastElementChild?.firstElementChild; if (!a) return; t.forEach(((t, e) => { const s = this.dt.columns.settings[e]; if ((!s.hidden || s.hidden && this.options.hiddenColumns) && !this.options.excludeColumns.includes(e)) { const s = this.dt.data.headings[e].text || String(this.dt.data.headings[e].data); a.insertBefore(n("div", { class: this.options.classes.row, html: [`<div class='${this.options.classes.row}'>`, `<label class='${this.options.classes.label}'>${o(s)}</label>`, `<input class='${this.options.classes.input}' value='${o(t.text || String(t.data) || "")}' type='text'>`, "</div>"].join("") }), a.lastElementChild) } })), this.modalDOM = s, this.openModal(); const r = Array.from(a.querySelectorAll(`input.${this.options.classes.input}[type=text]`)); r.pop(), s.addEventListener("click", (t => { const e = t.target; e instanceof Element && (e.hasAttribute("data-editor-close") ? this.options.closeModal(this) && this.closeModal() : e.hasAttribute("data-editor-save") && this.saveRow(r.map((t => t.value.trim())), this.data.row)) })) } saveRow(t, e) { const s = e.map((t => t.text ?? String(t.data))); this.dt.data.data[this.data.rowIndex] = this.dt.data.data[this.data.rowIndex].map(((e, s) => { if (this.dt.columns.settings[s].hidden || this.options.excludeColumns.includes(s)) return e; const i = this.dt.columns.settings[s].type || this.dt.options.type, n = t[l(s, this.dt.columns.settings)], a = n.trim(); let o; if ("number" === i) o = { data: parseFloat(a) }; else if ("boolean" === i) o = ["", "false", "0"].includes(a) ? { data: !1, text: "false", order: 0 } : { data: !0, text: "true", order: 1 }; else if ("html" === i) o = { data: [{ nodeName: "#text", data: n }], text: n, order: n }; else if ("string" === i) o = { data: n }; else if ("date" === i) { const t = this.dt.columns.settings[s].format || this.dt.options.format; o = { data: n, order: U(String(n), t) } } else o = { data: n }; return o })), this.data = {}, this.dt.update(!0), this.closeModal(), this.dt.emit("editable.save.row", t, s, e) } openModal() { this.modalDOM && document.body.appendChild(this.modalDOM) } closeModal() { this.editing && this.modalDOM && (document.body.removeChild(this.modalDOM), this.modalDOM = this.editing = this.editingRow = this.editingCell = !1) } removeRow(t) { if (!t || "TR" !== t.nodeName || this.editing) return; const e = parseInt(t.dataset.index, 10); this.dt.rows.remove(e), this.closeMenu() } update() { const t = window.scrollX || window.pageXOffset, e = window.scrollY || window.pageYOffset; this.rect = this.wrapperDOM.getBoundingClientRect(), this.limits = { x: window.innerWidth + t - this.rect.width, y: window.innerHeight + e - this.rect.height } } dismiss(t) { const e = t.target; if (!(e instanceof Element) || this.wrapperDOM.contains(e)) return; let s = !0; this.options.contextMenu && this.editing && (s = !e.matches(`input.${this.options.classes.input}[type=text]`)), s && this.closeMenu() } openMenu() { if (this.editing && this.data && this.editingCell) { const t = this.modalDOM ? this.modalDOM.querySelector(`input.${this.options.classes.input}[type=text]`) : this.dt.wrapperDOM.querySelector(`input.${this.options.classes.input}[type=text]`); this.saveCell(t.value) } this.options.contextMenu && (document.body.appendChild(this.containerDOM), this.closed = !1, this.dt.emit("editable.context.open")) } closeMenu() { this.options.contextMenu && !this.closed && (this.closed = !0, document.body.removeChild(this.containerDOM), this.dt.emit("editable.context.close")) } destroy() { this.dt.dom.removeEventListener(this.options.clickEvent, this.events.click), this.dt.dom.removeEventListener("contextmenu", this.events.context), document.removeEventListener("click", this.events.dismiss), document.removeEventListener("keydown", this.events.keydown), window.removeEventListener("resize", this.events.reset), window.removeEventListener("scroll", this.events.reset), document.body.contains(this.containerDOM) && document.body.removeChild(this.containerDOM), this.options.inline && (this.dt.options.rowRender = this.originalRowRender), this.initialized = !1 } rowRender(t, e, s) { return this.data && this.data.rowIndex === s ? (this.editingCell ? e.childNodes[l(this.data.columnIndex, this.dt.columns.settings)].childNodes = [{ nodeName: "INPUT", attributes: { type: "text", value: this.data.content, class: this.options.classes.input } }] : e.childNodes.forEach(((s, i) => { const n = r(i, this.dt.columns.settings), a = t[n]; this.options.excludeColumns.includes(n) || (e.childNodes[i].childNodes = [{ nodeName: "INPUT", attributes: { type: "text", value: o(a.text || String(a.data) || ""), class: this.options.classes.input } }]) })), e) : e } } s.DataTable = class { constructor(t, e = {}) { const s = "string" == typeof t ? document.querySelector(t) : t; s instanceof HTMLTableElement ? this.dom = s : (this.dom = document.createElement("table"), s.appendChild(this.dom)); const i = { ...X.labels, ...e.labels }, n = { ...X.classes, ...e.classes }; this.options = { ...X, ...e, labels: i, classes: n }, this._initialInnerHTML = this.options.destroyable ? this.dom.innerHTML : "", this.options.tabIndex ? this.dom.tabIndex = this.options.tabIndex : this.options.rowNavigation && -1 === this.dom.tabIndex && (this.dom.tabIndex = 0), this._listeners = { onResize: () => this._onResize() }, this._dd = new P({ valueDiffing: !1 }), this.initialized = !1, this._events = {}, this._currentPage = 0, this.onFirstPage = !0, this.hasHeadings = !1, this.hasRows = !1, this._searchQueries = [], this.init() } init() { if (this.initialized || this.dom.classList.contains(this.options.classes.table)) return !1; this._virtualDOM = E(this.dom, { valueDiffing: !1 }), this._tableAttributes = { ...this._virtualDOM.attributes }, this.rows = new Q(this), this.columns = new Z(this), this.data = W(this.options.data, this.dom, this.columns.settings, this.options.type, this.options.format), this._render(), setTimeout((() => { this.emit("datatable.init"), this.initialized = !0 }), 10) } _render() { this.wrapperDOM = n("div", { class: `${this.options.classes.wrapper} ${this.options.classes.loading}` }), this.wrapperDOM.innerHTML = this.options.template(this.options, this.dom); const t = this.wrapperDOM.querySelector(`select.${this.options.classes.selector}`); t && this.options.paging && this.options.perPageSelect ? this.options.perPageSelect.forEach((e => { const [s, i] = Array.isArray(e) ? [e[0], e[1]] : [String(e), e], n = i === this.options.perPage, a = new Option(s, String(i), n, n); t.appendChild(a) })) : t && t.parentElement.removeChild(t), this.containerDOM = this.wrapperDOM.querySelector(`.${this.options.classes.container}`), this._pagerDOMs = [], Array.from(this.wrapperDOM.querySelectorAll(`.${this.options.classes.pagination}`)).forEach((t => { t instanceof HTMLElement && (t.innerHTML = `<ul class="${this.options.classes.paginationList}"></ul>`, this._pagerDOMs.push(t.firstElementChild)) })), this._virtualPagerDOM = { nodeName: "UL", attributes: { class: this.options.classes.paginationList } }, this._label = this.wrapperDOM.querySelector(`.${this.options.classes.info}`), this.dom.parentElement.replaceChild(this.wrapperDOM, this.dom), this.containerDOM.appendChild(this.dom), this._rect = this.dom.getBoundingClientRect(), this._fixHeight(), this.options.header || this.wrapperDOM.classList.add("no-header"), this.options.footer || this.wrapperDOM.classList.add("no-footer"), this.options.sortable && this.wrapperDOM.classList.add("sortable"), this.options.searchable && this.wrapperDOM.classList.add("searchable"), this.options.fixedHeight && this.wrapperDOM.classList.add("fixed-height"), this.options.fixedColumns && this.wrapperDOM.classList.add("fixed-columns"), this._bindEvents(), this.columns._state.sort && this.columns.sort(this.columns._state.sort.column, this.columns._state.sort.dir, !0), this.update(!0) } _renderTable(t = {}) { let e = R(this._tableAttributes, this.data.headings, (this.options.paging || this._searchQueries.length) && this._currentPage && this.pages.length && !t.noPaging ? this.pages[this._currentPage - 1] : this.data.data.map(((t, e) => ({ row: t, index: e }))), this.columns.settings, this.columns._state, this.rows.cursor, this.options, t); if (this.options.tableRender) { const t = this.options.tableRender(this.data, e, "main"); t && (e = t) } const s = this._dd.diff(this._virtualDOM, e); this._dd.apply(this.dom, s), this._virtualDOM = e } _renderPage(t = !1) { this.hasRows && this.totalPages ? (this._currentPage > this.totalPages && (this._currentPage = 1), this._renderTable(), this.onFirstPage = 1 === this._currentPage, this.onLastPage = this._currentPage === this.lastPage) : this.setMessage(this.options.labels.noRows); let e, s = 0, i = 0, n = 0; if (this.totalPages && (s = this._currentPage - 1, i = s * this.options.perPage, n = i + this.pages[s].length, i += 1, e = this._searchQueries.length ? this._searchData.length : this.data.data.length), this._label && this.options.labels.info.length) { const t = this.options.labels.info.replace("{start}", String(i)).replace("{end}", String(n)).replace("{page}", String(this._currentPage)).replace("{pages}", String(this.totalPages)).replace("{rows}", String(e)); this._label.innerHTML = e ? t : "" } if (1 == this._currentPage && this._fixHeight(), this.options.rowNavigation && this._currentPage && (!this.rows.cursor || !this.pages[this._currentPage - 1].find((t => t.index === this.rows.cursor)))) { const e = this.pages[this._currentPage - 1]; e.length && (t ? this.rows.setCursor(e[e.length - 1].index) : this.rows.setCursor(e[0].index)) } } _renderPagers() { if (!this.options.paging) return; let t = ((t, e, s, i, n) => { let a = []; if (n.firstLast && a.push(G(1, n.firstText, n)), n.nextPrev) { const e = t ? 1 : s - 1; a.push(G(e, n.prevText, n, { hidden: t })) } let o = [...Array(i).keys()].map((t => G(t + 1, String(t + 1), n, { active: t === s - 1 }))); if (n.truncatePager && (o = ((t, e, s, i) => { const n = i.pagerDelta, a = i.classes, o = i.ellipsisText, r = 2 * n; let l = e - n, d = e + n; e < 4 - n + r ? d = 3 + r : e > s - (3 - n + r) && (l = s - (2 + r)); const c = []; for (let e = 1; e <= s; e++)if (1 == e || e == s || e >= l && e <= d) { const s = t[e - 1]; c.push(s) } let h; const u = []; return c.forEach((e => { const s = parseInt(e.childNodes[0].attributes["data-page"], 10); if (h) { const e = parseInt(h.childNodes[0].attributes["data-page"], 10); if (s - e == 2) u.push(t[e]); else if (s - e != 1) { const t = { nodeName: "LI", attributes: { class: `${a.paginationListItem} ${a.ellipsis} ${a.disabled}` }, childNodes: [{ nodeName: "A", attributes: { class: a.paginationListItemLink }, childNodes: [{ nodeName: "#text", data: o }] }] }; u.push(t) } } u.push(e), h = e })), u })(o, s, i, n)), a = a.concat(o), n.nextPrev) { const t = e ? i : s + 1; a.push(G(t, n.nextText, n, { hidden: e })) } return n.firstLast && a.push(G(i, n.lastText, n)), { nodeName: "UL", attributes: { class: n.classes.paginationList }, childNodes: o.length > 1 ? a : [] } })(this.onFirstPage, this.onLastPage, this._currentPage, this.totalPages, this.options); if (this.options.pagerRender) { const e = this.options.pagerRender([this.onFirstPage, this.onLastPage, this._currentPage, this.totalPages], t); e && (t = e) } const e = this._dd.diff(this._virtualPagerDOM, t); this._pagerDOMs.forEach((t => { this._dd.apply(t, e) })), this._virtualPagerDOM = t } _renderSeparateHeader() { const t = this.dom.parentElement; this.headerDOM || (this.headerDOM = document.createElement("div"), this._virtualHeaderDOM = { nodeName: "DIV" }), t.parentElement.insertBefore(this.headerDOM, t); let e = { nodeName: "TABLE", attributes: { class: this.options.classes.table }, childNodes: [{ nodeName: "THEAD", childNodes: [H(this.data.headings, this.columns.settings, this.columns._state, this.options, { unhideHeader: !0 })] }] }; if (this.options.tableRender) { const t = this.options.tableRender(this.data, e, "header"); t && (e = t) } const s = { nodeName: "DIV", attributes: { class: this.options.classes.headercontainer }, childNodes: [e] }, i = this._dd.diff(this._virtualHeaderDOM, s); this._dd.apply(this.headerDOM, i), this._virtualHeaderDOM = s; const n = this.headerDOM.firstElementChild.clientWidth - this.dom.clientWidth; if (n) { const t = structuredClone(this._virtualHeaderDOM); t.attributes.style = `padding-right: ${n}px;`; const e = this._dd.diff(this._virtualHeaderDOM, t); this._dd.apply(this.headerDOM, e), this._virtualHeaderDOM = t } t.scrollHeight > t.clientHeight && (t.style.overflowY = "scroll") } _bindEvents() { if (this.options.perPageSelect) { const t = this.wrapperDOM.querySelector(`select.${this.options.classes.selector}`); t && t instanceof HTMLSelectElement && t.addEventListener("change", (() => { this.options.perPage = parseInt(t.value, 10), this.update(), this._fixHeight(), this.emit("datatable.perpage", this.options.perPage) }), !1) } this.options.searchable && this.wrapperDOM.addEventListener("keyup", (t => { const e = t.target; if (!(e instanceof HTMLInputElement && e.matches(`.${this.options.classes.input}`))) return; t.preventDefault(); const s = Array.from(this.wrapperDOM.querySelectorAll(`.${this.options.classes.input}`)).filter((t => t.value.length)).map((t => t.dataset.columns ? { term: t.value, columns: JSON.parse(t.dataset.columns) } : { term: t.value, columns: void 0 })); if (1 === s.length) { const t = s[0]; this.search(t.term, t.columns) } else this.multiSearch(s) })), this.wrapperDOM.addEventListener("click", (t => { const e = t.target.closest("a"); if (e) if (e.hasAttribute("data-page")) this.page(parseInt(e.getAttribute("data-page"), 10)), t.preventDefault(); else if (e.classList.contains(this.options.classes.sorter)) { const s = Array.from(e.parentElement.parentElement.children).indexOf(e.parentElement), i = r(s, this.columns.settings); this.columns.sort(i), t.preventDefault() } else if (e.classList.contains(this.options.classes.filter)) { const s = Array.from(e.parentElement.parentElement.children).indexOf(e.parentElement), i = r(s, this.columns.settings); this.columns.filter(i), t.preventDefault() } }), !1), this.options.rowNavigation ? (this.dom.addEventListener("keydown", (t => { if ("ArrowUp" === t.key) { let e; t.preventDefault(), t.stopPropagation(), this.pages[this._currentPage - 1].find((t => t.index === this.rows.cursor || (e = t, !1))), e ? this.rows.setCursor(e.index) : this.onFirstPage || this.page(this._currentPage - 1, !0) } else if ("ArrowDown" === t.key) { let e; t.preventDefault(), t.stopPropagation(); const s = this.pages[this._currentPage - 1].find((t => !!e || (t.index === this.rows.cursor && (e = !0), !1))); s ? this.rows.setCursor(s.index) : this.onLastPage || this.page(this._currentPage + 1) } else["Enter", " "].includes(t.key) && this.emit("datatable.selectrow", this.rows.cursor, t) })), this.dom.addEventListener("mousedown", (t => { const e = t.target; if (e instanceof Element && this.dom.matches(":focus")) { const s = Array.from(this.dom.querySelectorAll("body tr")).find((t => t.contains(e))); s && s instanceof HTMLElement && this.emit("datatable.selectrow", parseInt(s.dataset.index, 10), t) } }))) : this.dom.addEventListener("mousedown", (t => { const e = t.target; if (!(e instanceof Element)) return; const s = Array.from(this.dom.querySelectorAll("body tr")).find((t => t.contains(e))); s && s instanceof HTMLElement && this.emit("datatable.selectrow", parseInt(s.dataset.index, 10), t) })), window.addEventListener("resize", this._listeners.onResize) } _onResize() { this._rect = this.containerDOM.getBoundingClientRect(), this._rect.width && this.update(!0) } destroy() { this.options.destroyable && (this.dom.innerHTML = this._initialInnerHTML, this.dom.classList.remove(this.options.classes.table), this.wrapperDOM.parentElement && this.wrapperDOM.parentElement.replaceChild(this.dom, this.wrapperDOM), this.initialized = !1, window.removeEventListener("resize", this._listeners.onResize)) } update(t = !1) { t && (this.columns._measureWidths(), this.hasRows = Boolean(this.data.data.length), this.hasHeadings = Boolean(this.data.headings.length)), this.wrapperDOM.classList.remove(this.options.classes.empty), this._paginate(), this._renderPage(), this._renderPagers(), this.options.scrollY.length && this._renderSeparateHeader(), this.emit("datatable.update") } _paginate() { let t = this.data.data.map(((t, e) => ({ row: t, index: e }))); return this._searchQueries.length && (t = [], this._searchData.forEach((e => t.push({ index: e, row: this.data.data[e] })))), this.columns._state.filters.length && this.columns._state.filters.forEach(((e, s) => { e && (t = t.filter((t => "function" == typeof e ? e(t.row[s].data) : (t.row[s].text ?? t.row[s].data) === e))) })), this.options.paging && this.options.perPage > 0 ? this.pages = t.map(((e, s) => s % this.options.perPage == 0 ? t.slice(s, s + this.options.perPage) : null)).filter((t => t)) : this.pages = [t], this.totalPages = this.lastPage = this.pages.length, this._currentPage || (this._currentPage = 1), this.totalPages } _fixHeight() { this.options.fixedHeight && (this.containerDOM.style.height = null, this._rect = this.containerDOM.getBoundingClientRect(), this.containerDOM.style.height = `${this._rect.height}px`) } search(t, e) { if (!t.length) return this._currentPage = 1, this._searchQueries = [], this._searchData = [], this.update(), this.emit("datatable.search", "", []), this.wrapperDOM.classList.remove("search-results"), !1; this.multiSearch([{ term: t, columns: e || void 0 }]), this.emit("datatable.search", t, this._searchData) } multiSearch(t) { if (!this.hasRows) return !1; if (this._currentPage = 1, this._searchQueries = t, this._searchData = [], !(t = t.filter((t => t.term.length))).length) return this.update(), this.emit("datatable.multisearch", t, this._searchData), this.wrapperDOM.classList.remove("search-results"), !1; const e = t.map((t => this.columns.settings.map(((e, s) => { if (e.hidden || !e.searchable || t.columns && !t.columns.includes(s)) return !1; let i = t.term; const n = e.sensitivity || this.options.sensitivity; return ["base", "accent"].includes(n) && (i = i.toLowerCase()), ["base", "case"].includes(n) && (i = i.normalize("NFD").replace(/\p{Diacritic}/gu, "")), (e.ignorePunctuation || this.options.ignorePunctuation) && (i = i.replace(/[.,/#!$%^&*;:{}=-_`~()]/g, "")), i })))); this.data.data.forEach(((t, s) => { const i = t.map(((t, e) => { let s = (t.text || String(t.data)).trim(); if (s.length) { const t = this.columns.settings[e], i = t.sensitivity || this.options.sensitivity;["base", "accent"].includes(i) && (s = s.toLowerCase()), ["base", "case"].includes(i) && (s = s.normalize("NFD").replace(/\p{Diacritic}/gu, "")), (t.ignorePunctuation || this.options.ignorePunctuation) && (s = s.replace(/[.,/#!$%^&*;:{}=-_`~()]/g, "")) } return s })); e.every((t => t.find(((t, e) => !!t && t.split(" ").find((t => i[e].includes(t))))))) && this._searchData.push(s) })), this.wrapperDOM.classList.add("search-results"), this._searchData.length ? this.update() : (this.wrapperDOM.classList.remove("search-results"), this.setMessage(this.options.labels.noResults)), this.emit("datatable.multisearch", t, this._searchData) } page(t, e = !1) { return t !== this._currentPage && (isNaN(t) || (this._currentPage = t), !(t > this.pages.length || t < 0) && (this._renderPage(e), this._renderPagers(), void this.emit("datatable.page", t))) } insert(t) { let s = []; if (Array.isArray(t)) { const e = this.data.headings.map((t => t.text ?? String(t.data))); t.forEach(((t, i) => { const n = []; Object.entries(t).forEach((([t, s]) => { const a = e.indexOf(t); a > -1 ? n[a] = z(s, this.columns.settings[a]) : this.hasHeadings || this.hasRows || 0 !== i || (n[e.length] = z(s, this.columns.settings[e.length]), e.push(t), this.data.headings.push(J(t))) })), s.push(n) })) } else e(t) && (!t.headings || this.hasHeadings || this.hasRows ? t.data && Array.isArray(t.data) && (s = t.data.map((t => t.map(((t, e) => z(t, this.columns.settings[e])))))) : this.data = W(t, void 0, this.columns.settings, this.options.type, this.options.format)); s.length && s.forEach((t => this.data.data.push(t))), this.hasHeadings = Boolean(this.data.headings.length), this.columns._state.sort && this.columns.sort(this.columns._state.sort.column, this.columns._state.sort.dir, !0), this.update(!0) } refresh() { this.options.searchable && (Array.from(this.wrapperDOM.querySelectorAll(`.${this.options.classes.input}`)).forEach((t => { t.value = "" })), this._searchQueries = []), this._currentPage = 1, this.onFirstPage = !0, this.update(!0), this.emit("datatable.refresh") } print() { const t = n("table"); let e = R(this._tableAttributes, this.data.headings, this.data.data.map(((t, e) => ({ row: t, index: e }))), this.columns.settings, this.columns._state, !1, this.options, { noColumnWidths: !0, unhideHeader: !0 }); if (this.options.tableRender) { const t = this.options.tableRender(this.data, e, "print"); t && (e = t) } const s = this._dd.diff({ nodeName: "TABLE" }, e); this._dd.apply(t, s); const i = window.open(); i.document.body.appendChild(t), i.print() } setMessage(t) { const e = this.data.headings.filter(((t, e) => !this.columns.settings[e]?.hidden)).length || 1; this.wrapperDOM.classList.add(this.options.classes.empty), this._label && (this._label.innerHTML = ""), this.totalPages = 0, this._renderPagers(); let s = { nodeName: "TABLE", attributes: { class: this.options.classes.table }, childNodes: [{ nodeName: "THEAD", childNodes: [H(this.data.headings, this.columns.settings, this.columns._state, this.options, {})] }, { nodeName: "TBODY", childNodes: [{ nodeName: "TR", childNodes: [{ nodeName: "TD", attributes: { class: this.options.classes.empty, colspan: String(e) }, childNodes: [{ nodeName: "#text", data: t }] }] }] }] }; if (this.options.tableRender) { const t = this.options.tableRender(this.data, s, "message"); t && (s = t) } const i = this._dd.diff(this._virtualDOM, s); this._dd.apply(this.dom, i), this._virtualDOM = s } on(t, e) { this._events[t] = this._events[t] || [], this._events[t].push(e) } off(t, e) { t in this._events != 0 && this._events[t].splice(this._events[t].indexOf(e), 1) } emit(t, ...e) { if (t in this._events != 0) for (let s = 0; s < this._events[t].length; s++)this._events[t][s](...e) } }, s.convertCSV = function (t) { let s; if (!e(t)) return !1; const i = { lineDelimiter: "\n", columnDelimiter: ",", removeDoubleQuotes: !1, ...t }; if (i.data.length) { s = { data: [] }; const t = i.data.split(i.lineDelimiter); if (t.length && (i.headings && (s.headings = t[0].split(i.columnDelimiter), i.removeDoubleQuotes && (s.headings = s.headings.map((t => t.trim().replace(/(^"|"$)/g, "")))), t.shift()), t.forEach(((t, e) => { s.data[e] = []; const n = t.split(i.columnDelimiter); n.length && n.forEach((t => { i.removeDoubleQuotes && (t = t.trim().replace(/(^"|"$)/g, "")), s.data[e].push(t) })) }))), s) return s } return !1 }, s.convertJSON = function (t) { let s; if (!e(t)) return !1; const n = { data: "", ...t }; if (n.data.length || e(n.data)) { const t = !!i(n.data) && JSON.parse(n.data); if (t ? (s = { headings: [], data: [] }, t.forEach(((t, e) => { s.data[e] = [], Object.entries(t).forEach((([t, i]) => { s.headings.includes(t) || s.headings.push(t), s.data[e].push(i) })) }))) : console.warn("That's not valid JSON!"), s) return s } return !1 }, s.createElement = n, s.exportCSV = function (t, s = {}) { if (!t.hasHeadings && !t.hasRows) return !1; if (!e(s)) return !1; const i = { download: !0, skipColumn: [], lineDelimiter: "\n", columnDelimiter: ",", ...s }, n = e => !i.skipColumn.includes(e) && !t.columns.settings[e]?.hidden; let a = []; const o = t.data.headings.filter(((t, e) => n(e))).map((t => t.text ?? t.data)); if (a[0] = o, i.selection) if (Array.isArray(i.selection)) for (let e = 0; e < i.selection.length; e++)a = a.concat(t.pages[i.selection[e] - 1].map((t => t.row.filter(((t, e) => n(e))).map((t => t.text ?? t.data))))); else a = a.concat(t.pages[i.selection - 1].map((t => t.row.filter(((t, e) => n(e))).map((t => t.text ?? t.data))))); else a = a.concat(t.data.data.map((t => t.filter(((t, e) => n(e))).map((t => t.text ?? t.data))))); if (a.length) { let t = ""; if (a.forEach((e => { e.forEach((e => { "string" == typeof e && (e = (e = (e = (e = (e = e.trim()).replace(/\s{2,}/g, " ")).replace(/\n/g, "  ")).replace(/"/g, '""')).replace(/#/g, "%23")).includes(",") && (e = `"${e}"`), t += e + i.columnDelimiter })), t = t.trim().substring(0, t.length - 1), t += i.lineDelimiter })), t = t.trim().substring(0, t.length - 1), i.download) { const e = document.createElement("a"); e.href = encodeURI(`data:text/csv;charset=utf-8,${t}`), e.download = `${i.filename || "datatable_export"}.csv`, document.body.appendChild(e), e.click(), document.body.removeChild(e) } return t } return !1 }, s.exportJSON = function (t, s = {}) { if (!t.hasHeadings && !t.hasRows) return !1; if (!e(s)) return !1; const i = { download: !0, skipColumn: [], replacer: null, space: 4, ...s }, n = e => !i.skipColumn.includes(e) && !t.columns.settings[e]?.hidden; let a = []; if (i.selection) if (Array.isArray(i.selection)) for (let e = 0; e < i.selection.length; e++)a = a.concat(t.pages[i.selection[e] - 1].map((t => t.row.filter(((t, e) => n(e))).map((t => t.data))))); else a = a.concat(t.pages[i.selection - 1].map((t => t.row.filter(((t, e) => n(e))).map((t => t.data))))); else a = a.concat(t.data.data.map((t => t.filter(((t, e) => n(e))).map((t => t.data))))); const o = t.data.headings.filter(((t, e) => n(e))).map((t => t.text ?? String(t.data))); if (a.length) { const t = []; a.forEach(((e, s) => { t[s] = t[s] || {}, e.forEach(((e, i) => { t[s][o[i]] = e })) })); const e = JSON.stringify(t, i.replacer, i.space); if (i.download) { const t = new Blob([e], { type: "data:application/json;charset=utf-8" }), s = URL.createObjectURL(t), n = document.createElement("a"); n.href = s, n.download = `${i.filename || "datatable_export"}.json`, document.body.appendChild(n), n.click(), document.body.removeChild(n), URL.revokeObjectURL(s) } return e } return !1 }, s.exportSQL = function (t, s = {}) { if (!t.hasHeadings && !t.hasRows) return !1; if (!e(s)) return !1; const i = { download: !0, skipColumn: [], tableName: "myTable", ...s }, n = e => !i.skipColumn.includes(e) && !t.columns.settings[e]?.hidden; let a = []; if (i.selection) if (Array.isArray(i.selection)) for (let e = 0; e < i.selection.length; e++)a = a.concat(t.pages[i.selection[e] - 1].map((t => t.row.filter(((t, e) => n(e))).map((t => t.text ?? t.data))))); else a = a.concat(t.pages[i.selection - 1].map((t => t.row.filter(((t, e) => n(e))).map((t => t.text ?? t.data))))); else a = a.concat(t.data.data.map((t => t.filter(((t, e) => n(e))).map((t => t.data))))); const o = t.data.headings.filter(((t, e) => n(e))).map((t => t.text ?? String(t.data))); if (a.length) { let t = `INSERT INTO \`${i.tableName}\` (`; if (o.forEach((e => { t += `\`${e}\`,` })), t = t.trim().substring(0, t.length - 1), t += ") VALUES ", a.forEach((e => { t += "(", e.forEach((e => { t += "string" == typeof e ? `"${e}",` : `${e},` })), t = t.trim().substring(0, t.length - 1), t += ")," })), t = t.trim().substring(0, t.length - 1), t += ";", i.download && (t = `data:application/sql;charset=utf-8,${t}`), i.download) { const e = document.createElement("a"); e.href = encodeURI(t), e.download = `${i.filename || "datatable_export"}.sql`, document.body.appendChild(e), e.click(), document.body.removeChild(e) } return t } return !1 }, s.exportTXT = function (t, s = {}) { if (!t.hasHeadings && !t.hasRows) return !1; if (!e(s)) return !1; const i = { download: !0, skipColumn: [], lineDelimiter: "\n", columnDelimiter: ",", ...s }, n = e => !i.skipColumn.includes(e) && !t.columns.settings[e]?.hidden; let a = []; const o = t.data.headings.filter(((t, e) => n(e))).map((t => t.text ?? t.data)); if (a[0] = o, i.selection) if (Array.isArray(i.selection)) for (let e = 0; e < i.selection.length; e++)a = a.concat(t.pages[i.selection[e] - 1].map((t => t.row.filter(((t, e) => n(e))).map((t => t.data))))); else a = a.concat(t.pages[i.selection - 1].map((t => t.row.filter(((t, e) => n(e))).map((t => t.data))))); else a = a.concat(t.data.data.map((t => t.filter(((t, e) => n(e))).map((t => t.data))))); if (a.length) { let t = ""; if (a.forEach((e => { e.forEach((e => { "string" == typeof e && (e = (e = (e = (e = (e = e.trim()).replace(/\s{2,}/g, " ")).replace(/\n/g, "  ")).replace(/"/g, '""')).replace(/#/g, "%23")).includes(",") && (e = `"${e}"`), t += e + i.columnDelimiter })), t = t.trim().substring(0, t.length - 1), t += i.lineDelimiter })), t = t.trim().substring(0, t.length - 1), i.download && (t = `data:text/csv;charset=utf-8,${t}`), i.download) { const e = document.createElement("a"); e.href = encodeURI(t), e.download = `${i.filename || "datatable_export"}.txt`, document.body.appendChild(e), e.click(), document.body.removeChild(e) } return t } return !1 }, s.isJson = i, s.isObject = e, s.makeEditable = function (t, e = {}) { const s = new tt(t, e); return t.initialized ? s.init() : t.on("datatable.init", (() => s.init())), s } }).call(this) }).call(this, "undefined" != typeof global ? global : "undefined" != typeof self ? self : "undefined" != typeof window ? window : {}) }, {}] }, {}, [1])(1) }));
+//# sourceMappingURL=/sm/b3ca363f820fa7b796cc283e0190046ee1f83934229a9c6dc428254ac195763c.map
\ No newline at end of file