kempo 4.2.19 → 4.2.21

package/dist/admin/content/templates/index.page.html

@@ -1,7 +1,118 @@
 <!--
 	locked: true
 -->
-<page title="Templates - Admin"><content><script type="module" src="/kempo-ui/components/Table.js"></script><script type="module" src="/kempo-ui/components/tableControls/FirstPage.js"></script><script type="module" src="/kempo-ui/components/tableControls/PrevPage.js"></script><script type="module" src="/kempo-ui/components/tableControls/NextPage.js"></script><script type="module" src="/kempo-ui/components/tableControls/LastPage.js"></script><script type="module" src="/kempo-ui/components/tableControls/PageSelect.js"></script><script type="module" src="/kempo-ui/components/tableControls/PageSize.js"></script><script type="module" src="/kempo-ui/components/tableControls/DeleteRecord.js"></script><script type="module" src="/kempo-ui/components/tableControls/DeleteSelected.js"></script><script type="module" src="/kempo-ui/components/Icon.js"></script><script type="module" src="/admin/components/TableRowLink.js"></script><script type="module" src="/kempo/components/Permission.js"></script><div class="d-f mb" style="align-items: center; gap: var(--spacer);"><h1 class="flex mb0">Templates</h1><k-permission has="system:pages:create"><button id="createTemplateBtn" class="primary">Create Template</button></k-permission></div><h2>Custom Templates</h2><k-table id="customTable" enable-pages page-size="25" page-size-options="[10,25,50,100]" placeholder="No custom templates have been created yet."><admin-table-row-link slot="before" url-pattern="/admin/content/templates/edit?template={editPath}" field-name="editPath"></admin-table-row-link><div slot="top" class="d-f full" style="align-items: center;"><div><k-permission has="system:pages:delete"><k-tc-delete-selected></k-tc-delete-selected></k-permission></div></div><div class="d-f full" style="align-items: center;"><div><k-tc-first-page></k-tc-first-page><k-tc-prev-page></k-tc-prev-page><k-tc-next-page></k-tc-next-page><k-tc-last-page></k-tc-last-page></div><div class="flex"></div><div><k-tc-page-select></k-tc-page-select></div><div class="flex"></div><div><k-tc-page-size></k-tc-page-size></div></div></k-table><h2>Extension Templates</h2><k-table id="extensionTable" enable-pages page-size="25" page-size-options="[10,25,50,100]" placeholder="No extension templates installed."><admin-table-row-link slot="before" url-pattern="/admin/content/templates/edit?template={editPath}" field-name="editPath"></admin-table-row-link><div class="d-f full" style="align-items: center;"><div><k-tc-first-page></k-tc-first-page><k-tc-prev-page></k-tc-prev-page><k-tc-next-page></k-tc-next-page><k-tc-last-page></k-tc-last-page></div><div class="flex"></div><div><k-tc-page-select></k-tc-page-select></div><div class="flex"></div><div><k-tc-page-size></k-tc-page-size></div></div></k-table><h2>System Templates</h2><k-table id="systemTable" enable-pages page-size="25" page-size-options="[10,25,50,100]" placeholder="No system templates found."><admin-table-row-link slot="before" url-pattern="/admin/content/templates/edit?template={editPath}" field-name="editPath"></admin-table-row-link><div class="d-f full" style="align-items: center;"><div><k-tc-first-page></k-tc-first-page><k-tc-prev-page></k-tc-prev-page><k-tc-next-page></k-tc-next-page><k-tc-last-page></k-tc-last-page></div><div class="flex"></div><div><k-tc-page-select></k-tc-page-select></div><div class="flex"></div><div><k-tc-page-size></k-tc-page-size></div></div></k-table><script type="module">import { listTemplates, listDirectories, createTemplate, deleteTemplates, getAllCurrentUserPermissions } from '/kempo/sdk.js';
+<page title="Templates - Admin">
+	<content>
+		<script type="module" src="/kempo-ui/components/Table.js"></script>
+		<script type="module" src="/kempo-ui/components/controls/TcFirstPage.js"></script>
+		<script type="module" src="/kempo-ui/components/controls/TcPrevPage.js"></script>
+		<script type="module" src="/kempo-ui/components/controls/TcNextPage.js"></script>
+		<script type="module" src="/kempo-ui/components/controls/TcLastPage.js"></script>
+		<script type="module" src="/kempo-ui/components/controls/TcPageSelect.js"></script>
+		<script type="module" src="/kempo-ui/components/controls/TcPageSize.js"></script>
+		<script type="module" src="/kempo-ui/components/controls/TcDeleteRecord.js"></script>
+		<script type="module" src="/kempo-ui/components/controls/TcDeleteSelected.js"></script>
+		<script type="module" src="/kempo-ui/components/Icon.js"></script>
+		<script type="module" src="/admin/components/TableRowLink.js"></script>
+		<script type="module" src="/kempo/components/Permission.js"></script>
+
+		<div class="d-f mb" style="align-items: center; gap: var(--spacer);">
+			<h1 class="flex mb0">Templates</h1>
+			<k-permission has="system:pages:create">
+				<button id="createTemplateBtn" class="primary">Create Template</button>
+			</k-permission>
+		</div>
+
+		<h2>Custom Templates</h2>
+		<k-table
+			id="customTable"
+			enable-pages
+			page-size="25"
+			page-size-options="[10,25,50,100]"
+			placeholder="No custom templates have been created yet."
+		>
+			<admin-table-row-link
+				slot="before"
+				url-pattern="/admin/content/templates/edit?template={editPath}"
+				field-name="editPath"
+			></admin-table-row-link>
+			<div slot="top" class="d-f full" style="align-items: center;">
+				<div>
+					<k-permission has="system:pages:delete">
+						<kc-tc-delete-selected></kc-tc-delete-selected>
+					</k-permission>
+				</div>
+			</div>
+			<div class="d-f full" style="align-items: center;">
+				<div>
+					<kc-tc-first-page></kc-tc-first-page>
+					<kc-tc-prev-page></kc-tc-prev-page>
+					<kc-tc-next-page></kc-tc-next-page>
+					<kc-tc-last-page></kc-tc-last-page>
+				</div>
+				<div class="flex"></div>
+				<div><kc-tc-page-select></kc-tc-page-select></div>
+				<div class="flex"></div>
+				<div><kc-tc-page-size></kc-tc-page-size></div>
+			</div>
+		</k-table>
+
+		<h2>Extension Templates</h2>
+		<k-table
+			id="extensionTable"
+			enable-pages
+			page-size="25"
+			page-size-options="[10,25,50,100]"
+			placeholder="No extension templates installed."
+		>
+			<admin-table-row-link
+				slot="before"
+				url-pattern="/admin/content/templates/edit?template={editPath}"
+				field-name="editPath"
+			></admin-table-row-link>
+			<div class="d-f full" style="align-items: center;">
+				<div>
+					<kc-tc-first-page></kc-tc-first-page>
+					<kc-tc-prev-page></kc-tc-prev-page>
+					<kc-tc-next-page></kc-tc-next-page>
+					<kc-tc-last-page></kc-tc-last-page>
+				</div>
+				<div class="flex"></div>
+				<div><kc-tc-page-select></kc-tc-page-select></div>
+				<div class="flex"></div>
+				<div><kc-tc-page-size></kc-tc-page-size></div>
+			</div>
+		</k-table>
+
+		<h2>System Templates</h2>
+		<k-table
+			id="systemTable"
+			enable-pages
+			page-size="25"
+			page-size-options="[10,25,50,100]"
+			placeholder="No system templates found."
+		>
+			<admin-table-row-link
+				slot="before"
+				url-pattern="/admin/content/templates/edit?template={editPath}"
+				field-name="editPath"
+			></admin-table-row-link>
+			<div class="d-f full" style="align-items: center;">
+				<div>
+					<kc-tc-first-page></kc-tc-first-page>
+					<kc-tc-prev-page></kc-tc-prev-page>
+					<kc-tc-next-page></kc-tc-next-page>
+					<kc-tc-last-page></kc-tc-last-page>
+				</div>
+				<div class="flex"></div>
+				<div><kc-tc-page-select></kc-tc-page-select></div>
+				<div class="flex"></div>
+				<div><kc-tc-page-size></kc-tc-page-size></div>
+			</div>
+		</k-table>
+
+		<script type="module">
+			import { listTemplates, listDirectories, createTemplate, deleteTemplates, getAllCurrentUserPermissions } from '/kempo/sdk.js';
 			import { html } from '/kempo-ui/lit-all.min.js';
 			import Dialog from '/kempo-ui/components/Dialog.js';
 			import Toast from '/kempo-ui/components/Toast.js';
@@ -52,7 +163,7 @@
 			if(myPerms.has('system:pages:delete')){
 				$customTable.setAttribute('request-delete', '');
 				$customTable.setAttribute('enable-selection', '');
-				const del = document.createElement('k-tc-delete-record');
+				const del = document.createElement('kc-tc-delete-record');
 				del.setAttribute('slot', 'after');
 				$customTable.appendChild(del);
 			}
@@ -190,4 +301,7 @@
 					updateSlug();
 				});
 				$dialog.querySelector('#dlg-name').addEventListener('input', updateSlug);
-			});</script></content></page>
+			});
+		</script>
+	</content>
+</page>

package/dist/admin/default.template.html

@@ -6,4 +6,23 @@
 	created: 
 	updated: 
 -->
-<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" type="image/png" sizes="48x48" href="/media/icon48.png"><link rel="manifest" href="/manifest.json"><title>{{title}}</title><link rel="stylesheet" href="/kempo-css/kempo.min.css"><script src="/admin/init.js"></script><location name="head"/></head><body><fragment name="nav"/><k-main><location/></k-main><location name="scripts"/></body></html>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<link rel="icon" type="image/png" sizes="48x48" href="/media/icon48.png">
+	<link rel="manifest" href="/manifest.json">
+	<title>{{title}}</title>
+	<link rel="stylesheet" href="/kempo-css/kempo.min.css">
+	<script src="/admin/init.js"></script>
+	<location name="head" />
+</head>
+<body>
+	<fragment name="nav" />
+	<k-main>
+		<location />
+	</k-main>
+	<location name="scripts" />
+</body>
+</html>

package/dist/admin/extensions/index.page.html

@@ -1,7 +1,61 @@
 <!--
 	locked: true
 -->
-<page title="Extensions - Admin"><content><script type="module" src="/kempo-ui/components/Table.js"></script><script type="module" src="/kempo-ui/components/tableControls/FirstPage.js"></script><script type="module" src="/kempo-ui/components/tableControls/PrevPage.js"></script><script type="module" src="/kempo-ui/components/tableControls/NextPage.js"></script><script type="module" src="/kempo-ui/components/tableControls/LastPage.js"></script><script type="module" src="/kempo-ui/components/tableControls/PageSelect.js"></script><script type="module" src="/kempo-ui/components/tableControls/PageSize.js"></script><script type="module" src="/admin/components/tableControls/InstallExtension.js"></script><script type="module" src="/admin/components/tableControls/UninstallExtension.js"></script><script type="module" src="/kempo/components/Permission.js"></script><div class="d-f mb" style="align-items: center; gap: var(--spacer);"><h1 class="flex mb0">Extensions</h1></div><h2>Installed Extensions</h2><k-table id="installedTable" enable-pages page-size="25" placeholder="No extensions are currently installed."><admin-uninstall-extension slot="after"></admin-uninstall-extension><div class="d-f full" style="align-items: center;"><div><k-tc-first-page></k-tc-first-page><k-tc-prev-page></k-tc-prev-page><k-tc-next-page></k-tc-next-page><k-tc-last-page></k-tc-last-page></div><div class="flex"></div><div><k-tc-page-select></k-tc-page-select></div><div class="flex"></div><div><k-tc-page-size></k-tc-page-size></div></div></k-table><h2>Available Extensions</h2><k-table id="availableTable" enable-pages page-size="25" placeholder="No extensions are available to install. Install a kempo extension package via npm first."><admin-install-extension slot="after"></admin-install-extension><div class="d-f full" style="align-items: center;"><div><k-tc-first-page></k-tc-first-page><k-tc-prev-page></k-tc-prev-page><k-tc-next-page></k-tc-next-page><k-tc-last-page></k-tc-last-page></div><div class="flex"></div><div><k-tc-page-select></k-tc-page-select></div><div class="flex"></div><div><k-tc-page-size></k-tc-page-size></div></div></k-table></content><content location="scripts"><script type="module">import { listExtensions, listAvailableExtensions } from '/kempo/sdk.js';
+<page title="Extensions - Admin">
+<content>
+<script type="module" src="/kempo-ui/components/Table.js"></script>
+<script type="module" src="/kempo-ui/components/controls/TcFirstPage.js"></script>
+<script type="module" src="/kempo-ui/components/controls/TcPrevPage.js"></script>
+<script type="module" src="/kempo-ui/components/controls/TcNextPage.js"></script>
+<script type="module" src="/kempo-ui/components/controls/TcLastPage.js"></script>
+<script type="module" src="/kempo-ui/components/controls/TcPageSelect.js"></script>
+<script type="module" src="/kempo-ui/components/controls/TcPageSize.js"></script>
+<script type="module" src="/admin/components/tableControls/InstallExtension.js"></script>
+<script type="module" src="/admin/components/tableControls/UninstallExtension.js"></script>
+<script type="module" src="/kempo/components/Permission.js"></script>
+
+	<div class="d-f mb" style="align-items: center; gap: var(--spacer);">
+		<h1 class="flex mb0">Extensions</h1>
+	</div>
+
+	<h2>Installed Extensions</h2>
+	<k-table id="installedTable" enable-pages page-size="25" placeholder="No extensions are currently installed.">
+		<admin-uninstall-extension slot="after"></admin-uninstall-extension>
+		<div class="d-f full" style="align-items: center;">
+			<div>
+				<kc-tc-first-page></kc-tc-first-page>
+				<kc-tc-prev-page></kc-tc-prev-page>
+				<kc-tc-next-page></kc-tc-next-page>
+				<kc-tc-last-page></kc-tc-last-page>
+			</div>
+			<div class="flex"></div>
+			<div><kc-tc-page-select></kc-tc-page-select></div>
+			<div class="flex"></div>
+			<div><kc-tc-page-size></kc-tc-page-size></div>
+		</div>
+	</k-table>
+
+	<h2>Available Extensions</h2>
+	<k-table id="availableTable" enable-pages page-size="25" placeholder="No extensions are available to install. Install a kempo extension package via npm first.">
+		<admin-install-extension slot="after"></admin-install-extension>
+		<div class="d-f full" style="align-items: center;">
+			<div>
+				<kc-tc-first-page></kc-tc-first-page>
+				<kc-tc-prev-page></kc-tc-prev-page>
+				<kc-tc-next-page></kc-tc-next-page>
+				<kc-tc-last-page></kc-tc-last-page>
+			</div>
+			<div class="flex"></div>
+			<div><kc-tc-page-select></kc-tc-page-select></div>
+			<div class="flex"></div>
+			<div><kc-tc-page-size></kc-tc-page-size></div>
+		</div>
+	</k-table>
+
+</content>
+<content location="scripts">
+<script type="module">
+	import { listExtensions, listAvailableExtensions } from '/kempo/sdk.js';
 
 	const installedTable = document.getElementById('installedTable');
 	const availableTable = document.getElementById('availableTable');
@@ -63,4 +117,7 @@
 	};
 
 	availableTable.addEventListener('recordDeleted', refreshInstalledTable);
-	installedTable.addEventListener('recordDeleted', refreshAvailableTable);</script></content></page>
+	installedTable.addEventListener('recordDeleted', refreshAvailableTable);
+</script>
+</content>
+</page>

package/dist/admin/icons/extension_add.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 16667 16667" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M4019.272,16222.329l-2431.295,0c-351.899,0 -653.137,-125.29 -903.74,-375.893c-250.599,-250.599 -375.893,-551.84 -375.893,-903.74l0,-2431.295c511.851,0 959.722,-162.623 1343.611,-487.858c383.889,-325.235 575.833,-738.456 575.833,-1239.643c0,-501.182 -191.944,-914.408 -575.833,-1239.643c-383.889,-325.235 -831.761,-487.858 -1343.611,-487.858l0,-2431.295c0,-351.899 125.29,-653.141 375.893,-903.74c250.599,-250.599 551.84,-375.893 903.74,-375.893l2559.261,0c0,-447.872 154.627,-826.432 463.865,-1135.67c309.238,-309.238 687.802,-463.865 1135.67,-463.865c447.872,0 826.432,154.627 1135.67,463.865c309.238,309.238 463.865,687.802 463.865,1135.67l2559.261,0c351.899,0 653.141,125.29 903.74,375.893c250.599,250.599 375.893,551.84 375.893,903.74l0,2559.261c447.872,0 826.432,154.627 1135.67,463.865c309.238,309.238 463.865,687.802 463.865,1135.67c0,447.872 -154.627,826.432 -463.865,1135.67c-309.238,309.238 -687.802,463.865 -1135.67,463.865l0,2559.261c0,351.899 -125.29,653.137 -375.893,903.74c-250.599,250.599 -551.84,375.893 -903.74,375.893l-2431.295,0c0,-533.172 -167.951,-986.387 -503.854,-1359.608c-335.903,-373.221 -743.785,-559.837 -1223.646,-559.837c-479.861,0 -887.743,186.62 -1223.646,559.837c-335.903,373.221 -503.854,826.432 -503.854,1359.608Zm-2431.295,-1279.627l1359.608,-0.002c255.927,-703.795 666.477,-1199.653 1231.642,-1487.57c565.165,-287.917 1087.684,-431.875 1567.545,-431.875c479.861,0 1002.384,143.958 1567.545,431.875c565.165,287.917 975.719,783.775 1231.642,1487.57l1359.608,0l0,-3838.889l1279.628,0c85.304,0 159.955,-31.989 223.934,-95.972c63.983,-63.983 95.972,-138.63 95.972,-223.934c0,-85.304 -31.989,-159.955 -95.972,-223.934c-63.983,-63.983 -138.634,-95.972 -223.934,-95.972l-1279.628,0l0,-3838.889l-3838.889,0l0,-1279.628c0,-85.304 -31.989,-159.955 -95.972,-223.934c-63.983,-63.983 -138.63,-95.972 -223.934,-95.972c-85.304,0 -159.955,31.989 -223.934,95.972c-63.983,63.983 -95.972,138.634 -95.972,223.934l0,1279.628l-3838.889,0l0,1407.594c575.833,213.266 1039.698,570.509 1391.597,1071.691c351.899,501.182 527.847,1061.023 527.847,1679.514c0,607.823 -175.948,1162.335 -527.847,1663.517c-351.899,501.182 -815.764,863.75 -1391.597,1087.684l0,1407.592Zm12403.694,-8446.685l-1587.205,0l0,-2380.82l-2380.82,0l0,-1587.205l2380.82,0l0,-2380.82l1587.205,0l0,2380.82l2380.82,0l0,1587.205l-2380.82,0l-0,2380.82Z"/></svg>

package/dist/admin/icons/extension_remove.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 16667 16667" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M4019.272,16222.329l-2431.295,0c-351.899,0 -653.137,-125.29 -903.74,-375.893c-250.599,-250.599 -375.893,-551.84 -375.893,-903.74l0,-2431.295c511.851,0 959.722,-162.623 1343.611,-487.858c383.889,-325.235 575.833,-738.456 575.833,-1239.643c0,-501.182 -191.944,-914.408 -575.833,-1239.643c-383.889,-325.235 -831.761,-487.858 -1343.611,-487.858l0,-2431.295c0,-351.899 125.29,-653.141 375.893,-903.74c250.599,-250.599 551.84,-375.893 903.74,-375.893l2559.261,0c0,-447.872 154.627,-826.432 463.865,-1135.67c309.238,-309.238 687.802,-463.865 1135.67,-463.865c447.872,0 826.432,154.627 1135.67,463.865c309.238,309.238 463.865,687.802 463.865,1135.67l2559.261,0c351.899,0 653.141,125.29 903.74,375.893c250.599,250.599 375.893,551.84 375.893,903.74l0,2559.261c447.872,0 826.432,154.627 1135.67,463.865c309.238,309.238 463.865,687.802 463.865,1135.67c0,447.872 -154.627,826.432 -463.865,1135.67c-309.238,309.238 -687.802,463.865 -1135.67,463.865l0,2559.261c0,351.899 -125.29,653.137 -375.893,903.74c-250.599,250.599 -551.84,375.893 -903.74,375.893l-2431.295,0c0,-533.172 -167.951,-986.387 -503.854,-1359.608c-335.903,-373.221 -743.785,-559.837 -1223.646,-559.837c-479.861,0 -887.743,186.62 -1223.646,559.837c-335.903,373.221 -503.854,826.432 -503.854,1359.608Zm-2431.295,-1279.627l1359.608,-0.002c255.927,-703.795 666.477,-1199.653 1231.642,-1487.57c565.165,-287.917 1087.684,-431.875 1567.545,-431.875c479.861,0 1002.384,143.958 1567.545,431.875c565.165,287.917 975.719,783.775 1231.642,1487.57l1359.608,0l0,-3838.889l1279.628,0c85.304,0 159.955,-31.989 223.934,-95.972c63.983,-63.983 95.972,-138.63 95.972,-223.934c0,-85.304 -31.989,-159.955 -95.972,-223.934c-63.983,-63.983 -138.634,-95.972 -223.934,-95.972l-1279.628,0l0,-3838.889l-3838.889,0l0,-1279.628c0,-85.304 -31.989,-159.955 -95.972,-223.934c-63.983,-63.983 -138.63,-95.972 -223.934,-95.972c-85.304,0 -159.955,31.989 -223.934,95.972c-63.983,63.983 -95.972,138.634 -95.972,223.934l0,1279.628l-3838.889,0l0,1407.594c575.833,213.266 1039.698,570.509 1391.597,1071.691c351.899,501.182 527.847,1061.023 527.847,1679.514c0,607.823 -175.948,1162.335 -527.847,1663.517c-351.899,501.182 -815.764,863.75 -1391.597,1087.684l0,1407.592Zm14371.18,-11628.351l-6348.844,-0l0,-1587.205l6348.844,0l0,1587.205Z"/></svg>

package/dist/admin/index.page.html

@@ -2,4 +2,8 @@
 	locked: true
 	template: default
 -->
-<page title="Admin Dashboard"><content><h1>Dashboard</h1></content></page>
+<page title="Admin Dashboard">
+<content>
+	<h1>Dashboard</h1>
+</content>
+</page>

package/dist/admin/init.js.map

@@ -1 +1 @@
-{"version":3,"file":"src\\admin\\init.js","names":["window","kempo","pathsToIcons","monacoUrl","litDisableBundleWarning","import"],"sources":["0"],"sourcesContent":["window.kempo = { pathsToIcons: ['/admin/icons', '/kempo/icons', '/kempo-ui/icons'], monacoUrl: '/monaco-editor' };\r\nwindow.litDisableBundleWarning = true;\r\n\r\n/*\r\n  Dynamic imports are required here becasue static imports are hoisted and resolved before any code runs,\r\n     meaning window.kempo would not yet be set when these components initialize.\r\n  Dynamic import() is called at runtime, after the synchronous assignments above,\r\n  guaranteeing window.kempo.pathsToIcons is available when the components load.\r\n*/\r\nimport('/kempo-ui/components/Import.js');\r\nimport('/kempo-ui/components/Aside.js');\r\nimport('/kempo-ui/components/Main.js');\r\n"],"mappings":"AAAAA,OAAOC,MAAQ,CAAEC,aAAc,CAAC,eAAgB,eAAgB,mBAAoBC,UAAW,kBAC/FH,OAAOI,yBAA0B,EAQjCC,OAAO,kCACPA,OAAO,iCACPA,OAAO","ignoreList":[]}
+{"version":3,"file":"src\\admin\\init.js","names":["window","kempo","pathsToIcons","monacoUrl","litDisableBundleWarning"],"sources":["0"],"sourcesContent":["window.kempo = { pathsToIcons: ['/admin/icons', '/kempo/icons', '/kempo-ui/icons'], monacoUrl: '/monaco-editor' };\r\nwindow.litDisableBundleWarning = true;\r\n\r\n/*\r\n  Dynamic imports are required here becasue static imports are hoisted and resolved before any code runs,\r\n     meaning window.kempo would not yet be set when these components initialize.\r\n  Dynamic import() is called at runtime, after the synchronous assignments above,\r\n  guaranteeing window.kempo.pathsToIcons is available when the components load.\r\n*/\r\nimport('/kempo-ui/components/Import.js');\r\nimport('/kempo-ui/components/Aside.js');\r\nimport('/kempo-ui/components/Main.js');\r\n"],"mappings":"AAAAA,OAAOC,MAAQ,CAAEC,aAAc,CAAC,eAAgB,eAAgB,mBAAoBC,UAAW,kBAC/FH,OAAOI,yBAA0B,SAQ1B,yCACA,wCACA","ignoreList":[]}

package/dist/admin/nav.fragment.html

@@ -1,7 +1,87 @@
 <!--
 	locked: true
 -->
-<fragment><k-aside main="push" state="expanded" style="--aside_padding: 0;" persistent-id="admin-nav"><k-aside-toggle><h3 class="m0">Kempo Admin</h3></k-aside-toggle><k-aside-item icon="preview" href="/" no-expand>Site</k-aside-item><k-aside-item icon="cards" href="/admin" no-expand>Dashboard</k-aside-item><k-aside-menu icon="manage-accounts" label="Accounts"><k-aside-item icon="person" href="/admin/accounts/users" no-expand>Users</k-aside-item><k-aside-item icon="group" href="/admin/accounts/groups" no-expand>Groups</k-aside-item><k-aside-item icon="lock" href="/admin/accounts/permissions" no-expand>Permissions</k-aside-item></k-aside-menu><k-aside-menu icon="cards_stack" label="Content"><k-aside-item icon="browse" href="/admin/content/templates">Templates</k-aside-item><k-aside-item icon="docs" href="/admin/content/pages">Pages</k-aside-item><k-aside-item icon="content" href="/admin/content/fragments">Fragments</k-aside-item><k-aside-item icon="globe" href="/admin/content/globals">Global Content</k-aside-item></k-aside-menu><k-aside-item icon="settings" href="/admin/settings" no-expand>Settings</k-aside-item><k-aside-item icon="extension" href="/admin/extensions" no-expand>Extensions</k-aside-item><hr><location name="admin-nav-extensions"></location><k-aside-spacer></k-aside-spacer><k-theme-switcher labels style="--padding:var(--spacer_h);margin:var(--spacer_h) auto"></k-theme-switcher></k-aside><script type="module">import '/kempo-ui/components/ThemeSwitcher.js';
+<fragment>
+	<k-aside
+		main="push"
+		state="expanded"
+		style="--aside_padding: 0;"
+		persistent-id="admin-nav"
+	>
+		<k-aside-toggle>
+			<h3 class="m0">Kempo Admin</h3>
+		</k-aside-toggle>
+		<k-aside-item
+			icon="preview"
+			href="/"
+			no-expand
+		>Site</k-aside-item>
+		<k-aside-item
+			icon="cards"
+			href="/admin"
+			no-expand
+		>Dashboard</k-aside-item>
+		<k-aside-menu
+			icon="manage-accounts"
+			label="Accounts"
+		>
+			<k-aside-item
+				icon="person"
+				href="/admin/accounts/users"
+				no-expand
+			>Users</k-aside-item>
+			<k-aside-item
+				icon="group"
+				href="/admin/accounts/groups"
+				no-expand
+			>Groups</k-aside-item>
+			<k-aside-item
+				icon="lock"
+				href="/admin/accounts/permissions"
+				no-expand
+			>Permissions</k-aside-item>
+		</k-aside-menu>
+		<k-aside-menu
+			icon="cards_stack"
+			label="Content"
+		>
+			<k-aside-item
+				icon="browse"
+				href="/admin/content/templates"
+			>Templates</k-aside-item>
+			<k-aside-item
+				icon="docs"
+				href="/admin/content/pages"
+			>Pages</k-aside-item>
+			<k-aside-item
+				icon="content"
+				href="/admin/content/fragments"
+			>Fragments</k-aside-item>
+			<k-aside-item
+				icon="globe"
+				href="/admin/content/globals"
+			>Global Content</k-aside-item>
+		</k-aside-menu>
+		<k-aside-item
+			icon="settings"
+			href="/admin/settings"
+			no-expand
+		>Settings</k-aside-item>
+		<k-aside-item
+			icon="extension"
+			href="/admin/extensions"
+			no-expand
+		>Extensions</k-aside-item>
+		<hr>
+		<location name="admin-nav-extensions"></location>
+		<k-aside-spacer></k-aside-spacer>
+		<k-theme-switcher
+			labels
+			style="--padding:var(--spacer_h);margin:var(--spacer_h) auto"
+		></k-theme-switcher>
+	</k-aside>
+	<script type="module">
+		import '/kempo-ui/components/ThemeSwitcher.js';
 		const items = document.querySelectorAll('k-aside-item');
 		const currentPath = window.location.pathname;
 
@@ -17,4 +97,6 @@
 				const menu = item.closest('k-aside-menu');
 				if (menu) menu.setAttribute('open', '');
 			}
-		});</script></fragment>
+		});
+	</script>
+</fragment>

package/dist/admin/settings/[owner]/[name]/index.page.html

@@ -1,7 +1,70 @@
 <!--
 	locked: true
 -->
-<page title="Setting - Admin"><content><script type="module" src="/kempo-ui/components/Icon.js"></script><script type="module" src="/kempo-ui/components/Toggle.js"></script><script type="module" src="/admin/components/Monaco.js"></script><script type="module" src="/kempo/components/Permission.js"></script><div class="mb"><a href="/admin/settings/" class="no-link"><button class="mbh"><k-icon name="arrow" direction="left"></k-icon>Settings</button></a><div class="d-f mb0" style="align-items: center; justify-content: space-between;"><div><h1 class="mb0" id="pageTitle">Setting</h1><p class="tc-muted mb0" id="settingDescription"></p></div><div class="d-f" style="gap: var(--spacer);"><button id="saveBtn" class="primary" disabled="disabled">Save</button> <button id="deleteBtn" class="danger" style="display: none;">Delete</button></div></div></div><div id="loading">Loading setting...</div><div id="notFound" style="display: none;"><p>Setting not found.</p><a href="/admin/settings/">Back to Settings</a></div><div id="content" style="display: none;"><div class="card"><h2>Value</h2><div id="editorContainer" class="mb"></div></div><div class="card"><h2>Metadata</h2><div class="mb"><label class="d-b mbh">Type</label> <select id="typeSelect" class="full"><option value="string">String</option><option value="number">Number</option><option value="boolean">Boolean</option><option value="json">JSON</option></select></div><div class="mb d-f" style="align-items: center; gap: var(--spacer_h);"><k-toggle id="publicToggle"></k-toggle><label>Public (accessible without authentication)</label></div><div class="mb"><label class="d-b mbh">Description</label> <textarea id="descriptionInput" class="full" rows="3"></textarea></div><div class="mb d-f" style="gap: var(--spacer);"><div><span class="tc-muted">Created:</span> <span id="createdAt"></span></div><div><span class="tc-muted">Updated:</span> <span id="updatedAt"></span></div></div></div></div><script type="module">import { getSetting, setSetting, deleteSetting, getAllCurrentUserPermissions } from '/kempo/sdk.js';
+<page title="Setting - Admin">
+<content>
+<script type="module" src="/kempo-ui/components/Icon.js"></script>
+<script type="module" src="/kempo-ui/components/Toggle.js"></script>
+<script type="module" src="/admin/components/Monaco.js"></script>
+<script type="module" src="/kempo/components/Permission.js"></script>
+
+		<div class="mb">
+			<a href="/admin/settings/" class="no-link">
+				<button class="mbh"><k-icon name="arrow" direction="left"></k-icon> Settings</button>
+			</a>
+			<div class="d-f mb0" style="align-items: center; justify-content: space-between;">
+				<div>
+					<h1 class="mb0" id="pageTitle">Setting</h1>
+					<p class="tc-muted mb0" id="settingDescription"></p>
+				</div>
+				<div class="d-f" style="gap: var(--spacer);">
+					<button id="saveBtn" class="primary" disabled>Save</button>
+					<button id="deleteBtn" class="danger" style="display: none;">Delete</button>
+				</div>
+			</div>
+		</div>
+
+		<div id="loading">Loading setting...</div>
+		<div id="notFound" style="display: none;">
+			<p>Setting not found.</p>
+			<a href="/admin/settings/">Back to Settings</a>
+		</div>
+		<div id="content" style="display: none;">
+
+			<div class="card">
+				<h2>Value</h2>
+				<div id="editorContainer" class="mb"></div>
+			</div>
+
+			<div class="card">
+				<h2>Metadata</h2>
+				<div class="mb">
+					<label class="d-b mbh">Type</label>
+					<select id="typeSelect" class="full">
+						<option value="string">String</option>
+						<option value="number">Number</option>
+						<option value="boolean">Boolean</option>
+						<option value="json">JSON</option>
+					</select>
+				</div>
+				<div class="mb d-f" style="align-items: center; gap: var(--spacer_h);">
+					<k-toggle id="publicToggle"></k-toggle>
+					<label>Public (accessible without authentication)</label>
+				</div>
+				<div class="mb">
+					<label class="d-b mbh">Description</label>
+					<textarea id="descriptionInput" class="full" rows="3"></textarea>
+				</div>
+				<div class="mb d-f" style="gap: var(--spacer);">
+					<div><span class="tc-muted">Created:</span> <span id="createdAt"></span></div>
+					<div><span class="tc-muted">Updated:</span> <span id="updatedAt"></span></div>
+				</div>
+			</div>
+
+		</div>
+
+		<script type="module">
+			import { getSetting, setSetting, deleteSetting, getAllCurrentUserPermissions } from '/kempo/sdk.js';
 			import Toast from '/kempo-ui/components/Toast.js';
 			import Dialog from '/kempo-ui/components/Dialog.js';
 
@@ -174,7 +237,9 @@
 							}
 							break;
 					}
+					currentType = newType;
 					await renderEditor(newType, converted);
+					setTimeout(checkDirty, 0);
 				});
 
 				/*
@@ -182,7 +247,7 @@
 				*/
 
 				if(canEditValue){
-					$saveBtn.disabled = false;
+					$saveBtn.disabled = true;
 				} else {
 					$typeSelect.disabled = true;
 					$descriptionInput.readOnly = true;
@@ -198,6 +263,36 @@
 					$deleteBtn.style.display = '';
 				}
 
+				/*
+					Change detection
+				*/
+
+				const checkDirty = () => {
+					if(!canEditValue){
+						$saveBtn.disabled = true;
+						return;
+					}
+
+					let currentValue;
+					try { currentValue = getValueFromEditor(); }
+					catch(e){ currentValue = undefined; }
+
+					const dirty = currentValue !== settingData.value
+						|| $typeSelect.value !== settingData.type
+						|| $publicToggle.value !== settingData.isPublic
+						|| $descriptionInput.value.trim() !== (settingData.description || '');
+
+					$saveBtn.disabled = !dirty;
+				};
+
+				$typeSelect.addEventListener('change', () => {
+					setTimeout(checkDirty, 0);
+				});
+				$publicToggle.addEventListener('change', checkDirty);
+				$descriptionInput.addEventListener('input', checkDirty);
+				$editorContainer.addEventListener('input', checkDirty, true);
+				$editorContainer.addEventListener('change', checkDirty, true);
+
 				/*
 					Save
 				*/
@@ -219,14 +314,21 @@
 						isPublic: $publicToggle.value,
 						description: $descriptionInput.value.trim()
 					});
-					$saveBtn.disabled = !canEditValue;
 
 					if(saveError){
 						Toast.error(saveError.msg || 'Failed to save setting');
+						checkDirty();
 						return;
 					}
+
+					settingData.value = value;
+					settingData.type = $typeSelect.value;
+					settingData.isPublic = $publicToggle.value;
+					settingData.description = $descriptionInput.value.trim();
+
 					Toast.success('Setting saved');
 					document.getElementById('updatedAt').textContent = new Date().toLocaleString();
+					checkDirty();
 				};
 
 				$saveBtn.addEventListener('click', save);
@@ -257,4 +359,8 @@
 						}
 					);
 				});
-			}</script></content></page>
+			}
+		</script>
+
+</content>
+</page>