kempo 4.2.18 → 4.2.20

package/dist/admin/accounts/users/index.page.html

@@ -1,7 +1,118 @@
 <!--
 	locked: true
 -->
-<page title="Users - 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/Edit.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/Toggle.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;"><h1 class="flex mb0">Users</h1><k-permission has="system:user:create"><button id="createUserBtn" class="primary">Create User</button></k-permission></div><k-table id="usersTable" enable-pages page-size="10" page-size-options="[10,25,50]" placeholder="No users found." filtered-placeholder="No users match your search."><admin-table-row-link slot="before" url-pattern="/admin/accounts/users/{id}" field-name="id"></admin-table-row-link><div slot="top" class="d-f full" style="align-items: center;"><div><k-permission has="system:user: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><script type="module">import { getUsers, createUser, updateUser, deleteUsers, getAllCurrentUserPermissions } from '/kempo/sdk.js';
+<page title="Users - 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/Edit.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/Toggle.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;"
+>
+	<h1 class="flex mb0">Users</h1>
+	<k-permission has="system:user:create">
+		<button
+			id="createUserBtn"
+			class="primary"
+		>Create User</button>
+	</k-permission>
+</div>
+<k-table
+	id="usersTable"
+	enable-pages
+	page-size="10"
+	page-size-options="[10,25,50]"
+	placeholder="No users found."
+	filtered-placeholder="No users match your search."
+>
+	<admin-table-row-link
+		slot="before"
+		url-pattern="/admin/accounts/users/{id}"
+		field-name="id"
+	></admin-table-row-link>
+	<div
+		slot="top"
+		class="d-f full"
+		style="align-items: center;"
+	>
+		<div>
+			<k-permission has="system:user: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>
+<script type="module">
+	import { getUsers, createUser, updateUser, deleteUsers, getAllCurrentUserPermissions } from '/kempo/sdk.js';
 	import { html } from '/kempo-ui/lit-all.min.js';
 	import Toast from '/kempo-ui/components/Toast.js';
 	import Dialog from '/kempo-ui/components/Dialog.js';
@@ -157,4 +268,7 @@
 				cancelText: 'Cancel'
 			});
 		});
-	}</script></content></page>
+	}
+</script>
+</content>
+</page>

package/dist/admin/components/tableControls/InstallExtension.js

@@ -1,6 +1,6 @@
-import o from"/kempo-ui/components/tableControls/TableControl.js";import{html as t}from"/kempo-ui/lit-all.min.js";import n from"/kempo-ui/components/Dialog.js";import e from"/kempo-ui/components/Toast.js";import"/kempo-ui/components/Icon.js";export default class s extends o{install=async()=>{this.record&&n.confirm(`Install "${this.record.name}"?`,async o=>{if(!o)return;const{installExtension:t}=await import("/kempo/sdk.js"),[n]=await t(this.record.name);n?e.error(n.msg||"Failed to install extension"):(e.success(`"${this.record.name}" installed successfully`),this.table.deleteRecord(this.record))})};render(){return t`
+import t from"/kempo-ui/components/tableControls/TableControl.js";import{html as o}from"/kempo-ui/lit-all.min.js";import n from"/kempo-ui/components/Dialog.js";import e from"/kempo-ui/components/Toast.js";import"/kempo-ui/components/Icon.js";export default class s extends t{install=async()=>{this.record&&n.confirm(`Install "${this.record.name}"?`,async t=>{if(!t)return;const{installExtension:o}=await import("/kempo/sdk.js"),[n]=await o(this.record.name);n?e.error(n.msg||"Failed to install extension"):(e.success(`"${this.record.name}" installed successfully`),this.table.deleteRecord(this.record))})};render(){return o`
       <button class="no-btn icon-btn" title="Install Extension" @click="${this.install}">
-        <k-icon name="download"></k-icon>
+        <k-icon name="extension_add"></k-icon>
       </button>
     `}}customElements.define("admin-install-extension",s);
 //# sourceMappingURL=C:\Users\dusti\dev\kempo\dist\admin\components\tableControls\InstallExtension.js.map

package/dist/admin/components/tableControls/InstallExtension.js.map

@@ -1 +1 @@
-{"version":3,"file":"src\\admin\\components\\tableControls\\InstallExtension.js","names":["TableControl","html","Dialog","Toast","InstallExtension","install","async","this","record","confirm","name","confirmed","installExtension","import","error","msg","success","table","deleteRecord","render","customElements","define"],"sources":["0"],"sourcesContent":["import TableControl from '/kempo-ui/components/tableControls/TableControl.js';\r\nimport { html } from '/kempo-ui/lit-all.min.js';\r\nimport Dialog from '/kempo-ui/components/Dialog.js';\r\nimport Toast from '/kempo-ui/components/Toast.js';\r\nimport '/kempo-ui/components/Icon.js';\r\n\r\nexport default class InstallExtension extends TableControl {\r\n  install = async () => {\r\n    if(!this.record) return;\r\n\r\n    Dialog.confirm(`Install \"${this.record.name}\"?`, async confirmed => {\r\n      if(!confirmed) return;\r\n\r\n      const { installExtension } = await import('/kempo/sdk.js');\r\n      const [error] = await installExtension(this.record.name);\r\n\r\n      if(error){\r\n        Toast.error(error.msg || 'Failed to install extension');\r\n        return;\r\n      }\r\n\r\n      Toast.success(`\"${this.record.name}\" installed successfully`);\r\n      this.table.deleteRecord(this.record);\r\n    });\r\n  };\r\n\r\n  render(){\r\n    return html`\r\n      <button class=\"no-btn icon-btn\" title=\"Install Extension\" @click=\"${this.install}\">\r\n        <k-icon name=\"download\"></k-icon>\r\n      </button>\r\n    `;\r\n  }\r\n}\r\n\r\ncustomElements.define('admin-install-extension', InstallExtension);\r\n"],"mappings":"OAAOA,MAAkB,oEAChBC,MAAY,kCACdC,MAAY,wCACZC,MAAW,sCACX,8CAEQ,MAAMC,UAAyBJ,EAC5CK,QAAUC,UACJC,KAAKC,QAETN,EAAOO,QAAQ,YAAYF,KAAKC,OAAOE,SAAUJ,UAC/C,IAAIK,EAAW,OAEf,MAAMC,iBAAEA,SAA2BC,OAAO,kBACnCC,SAAeF,EAAiBL,KAAKC,OAAOE,MAEhDI,EACDX,EAAMW,MAAMA,EAAMC,KAAO,gCAI3BZ,EAAMa,QAAQ,IAAIT,KAAKC,OAAOE,gCAC9BH,KAAKU,MAAMC,aAAaX,KAAKC,YAIjC,MAAAW,GACE,OAAOlB,CAAI;0EAC2DM,KAAKF;;;KAI7E,EAGFe,eAAeC,OAAO,0BAA2BjB","ignoreList":[]}
+{"version":3,"file":"src\\admin\\components\\tableControls\\InstallExtension.js","names":["TableControl","html","Dialog","Toast","InstallExtension","install","async","this","record","confirm","name","confirmed","installExtension","import","error","msg","success","table","deleteRecord","render","customElements","define"],"sources":["0"],"sourcesContent":["import TableControl from '/kempo-ui/components/tableControls/TableControl.js';\r\nimport { html } from '/kempo-ui/lit-all.min.js';\r\nimport Dialog from '/kempo-ui/components/Dialog.js';\r\nimport Toast from '/kempo-ui/components/Toast.js';\r\nimport '/kempo-ui/components/Icon.js';\r\n\r\nexport default class InstallExtension extends TableControl {\r\n  install = async () => {\r\n    if(!this.record) return;\r\n\r\n    Dialog.confirm(`Install \"${this.record.name}\"?`, async confirmed => {\r\n      if(!confirmed) return;\r\n\r\n      const { installExtension } = await import('/kempo/sdk.js');\r\n      const [error] = await installExtension(this.record.name);\r\n\r\n      if(error){\r\n        Toast.error(error.msg || 'Failed to install extension');\r\n        return;\r\n      }\r\n\r\n      Toast.success(`\"${this.record.name}\" installed successfully`);\r\n      this.table.deleteRecord(this.record);\r\n    });\r\n  };\r\n\r\n  render(){\r\n    return html`\r\n      <button class=\"no-btn icon-btn\" title=\"Install Extension\" @click=\"${this.install}\">\r\n        <k-icon name=\"extension_add\"></k-icon>\r\n      </button>\r\n    `;\r\n  }\r\n}\r\n\r\ncustomElements.define('admin-install-extension', InstallExtension);\r\n"],"mappings":"OAAOA,MAAkB,oEAChBC,MAAY,kCACdC,MAAY,wCACZC,MAAW,sCACX,8CAEQ,MAAMC,UAAyBJ,EAC5CK,QAAUC,UACJC,KAAKC,QAETN,EAAOO,QAAQ,YAAYF,KAAKC,OAAOE,SAAUJ,UAC/C,IAAIK,EAAW,OAEf,MAAMC,iBAAEA,SAA2BC,OAAO,kBACnCC,SAAeF,EAAiBL,KAAKC,OAAOE,MAEhDI,EACDX,EAAMW,MAAMA,EAAMC,KAAO,gCAI3BZ,EAAMa,QAAQ,IAAIT,KAAKC,OAAOE,gCAC9BH,KAAKU,MAAMC,aAAaX,KAAKC,YAIjC,MAAAW,GACE,OAAOlB,CAAI;0EAC2DM,KAAKF;;;KAI7E,EAGFe,eAAeC,OAAO,0BAA2BjB","ignoreList":[]}

package/dist/admin/components/tableControls/UninstallExtension.js

@@ -1,6 +1,6 @@
-import n from"/kempo-ui/components/tableControls/TableControl.js";import{html as t}from"/kempo-ui/lit-all.min.js";import e from"/kempo-ui/components/Dialog.js";import o from"/kempo-ui/components/Toast.js";import"/kempo-ui/components/Icon.js";export default class s extends n{uninstall=async()=>{this.record&&e.confirm(`Uninstall "${this.record.name}"? This may delete extension data.`,async n=>{if(!n)return;const{uninstallExtension:t}=await import("/kempo/sdk.js"),[e]=await t(this.record.name);e?o.error(e.msg||"Failed to uninstall extension"):(o.success(`"${this.record.name}" uninstalled successfully`),this.table.deleteRecord(this.record))})};render(){return t`
+import n from"/kempo-ui/components/tableControls/TableControl.js";import{html as e}from"/kempo-ui/lit-all.min.js";import t from"/kempo-ui/components/Dialog.js";import o from"/kempo-ui/components/Toast.js";import"/kempo-ui/components/Icon.js";export default class s extends n{uninstall=async()=>{this.record&&t.confirm(`Uninstall "${this.record.name}"? This may delete extension data.`,async n=>{if(!n)return;const{uninstallExtension:e}=await import("/kempo/sdk.js"),[t]=await e(this.record.name);t?o.error(t.msg||"Failed to uninstall extension"):(o.success(`"${this.record.name}" uninstalled successfully`),this.table.deleteRecord(this.record))})};render(){return e`
       <button class="no-btn icon-btn" title="Uninstall Extension" @click="${this.uninstall}">
-        <k-icon name="delete"></k-icon>
+        <k-icon name="extension_remove"></k-icon>
       </button>
     `}}customElements.define("admin-uninstall-extension",s);
 //# sourceMappingURL=C:\Users\dusti\dev\kempo\dist\admin\components\tableControls\UninstallExtension.js.map

package/dist/admin/components/tableControls/UninstallExtension.js.map

@@ -1 +1 @@
-{"version":3,"file":"src\\admin\\components\\tableControls\\UninstallExtension.js","names":["TableControl","html","Dialog","Toast","UninstallExtension","uninstall","async","this","record","confirm","name","confirmed","uninstallExtension","import","error","msg","success","table","deleteRecord","render","customElements","define"],"sources":["0"],"sourcesContent":["import TableControl from '/kempo-ui/components/tableControls/TableControl.js';\r\nimport { html } from '/kempo-ui/lit-all.min.js';\r\nimport Dialog from '/kempo-ui/components/Dialog.js';\r\nimport Toast from '/kempo-ui/components/Toast.js';\r\nimport '/kempo-ui/components/Icon.js';\r\n\r\nexport default class UninstallExtension extends TableControl {\r\n  uninstall = async () => {\r\n    if(!this.record) return;\r\n\r\n    Dialog.confirm(`Uninstall \"${this.record.name}\"? This may delete extension data.`, async confirmed => {\r\n      if(!confirmed) return;\r\n\r\n      const { uninstallExtension } = await import('/kempo/sdk.js');\r\n      const [error] = await uninstallExtension(this.record.name);\r\n\r\n      if(error){\r\n        Toast.error(error.msg || 'Failed to uninstall extension');\r\n        return;\r\n      }\r\n\r\n      Toast.success(`\"${this.record.name}\" uninstalled successfully`);\r\n      this.table.deleteRecord(this.record);\r\n    });\r\n  };\r\n\r\n  render(){\r\n    return html`\r\n      <button class=\"no-btn icon-btn\" title=\"Uninstall Extension\" @click=\"${this.uninstall}\">\r\n        <k-icon name=\"delete\"></k-icon>\r\n      </button>\r\n    `;\r\n  }\r\n}\r\n\r\ncustomElements.define('admin-uninstall-extension', UninstallExtension);\r\n"],"mappings":"OAAOA,MAAkB,oEAChBC,MAAY,kCACdC,MAAY,wCACZC,MAAW,sCACX,8CAEQ,MAAMC,UAA2BJ,EAC9CK,UAAYC,UACNC,KAAKC,QAETN,EAAOO,QAAQ,cAAcF,KAAKC,OAAOE,yCAA0CJ,UACjF,IAAIK,EAAW,OAEf,MAAMC,mBAAEA,SAA6BC,OAAO,kBACrCC,SAAeF,EAAmBL,KAAKC,OAAOE,MAElDI,EACDX,EAAMW,MAAMA,EAAMC,KAAO,kCAI3BZ,EAAMa,QAAQ,IAAIT,KAAKC,OAAOE,kCAC9BH,KAAKU,MAAMC,aAAaX,KAAKC,YAIjC,MAAAW,GACE,OAAOlB,CAAI;4EAC6DM,KAAKF;;;KAI/E,EAGFe,eAAeC,OAAO,4BAA6BjB","ignoreList":[]}
+{"version":3,"file":"src\\admin\\components\\tableControls\\UninstallExtension.js","names":["TableControl","html","Dialog","Toast","UninstallExtension","uninstall","async","this","record","confirm","name","confirmed","uninstallExtension","import","error","msg","success","table","deleteRecord","render","customElements","define"],"sources":["0"],"sourcesContent":["import TableControl from '/kempo-ui/components/tableControls/TableControl.js';\r\nimport { html } from '/kempo-ui/lit-all.min.js';\r\nimport Dialog from '/kempo-ui/components/Dialog.js';\r\nimport Toast from '/kempo-ui/components/Toast.js';\r\nimport '/kempo-ui/components/Icon.js';\r\n\r\nexport default class UninstallExtension extends TableControl {\r\n  uninstall = async () => {\r\n    if(!this.record) return;\r\n\r\n    Dialog.confirm(`Uninstall \"${this.record.name}\"? This may delete extension data.`, async confirmed => {\r\n      if(!confirmed) return;\r\n\r\n      const { uninstallExtension } = await import('/kempo/sdk.js');\r\n      const [error] = await uninstallExtension(this.record.name);\r\n\r\n      if(error){\r\n        Toast.error(error.msg || 'Failed to uninstall extension');\r\n        return;\r\n      }\r\n\r\n      Toast.success(`\"${this.record.name}\" uninstalled successfully`);\r\n      this.table.deleteRecord(this.record);\r\n    });\r\n  };\r\n\r\n  render(){\r\n    return html`\r\n      <button class=\"no-btn icon-btn\" title=\"Uninstall Extension\" @click=\"${this.uninstall}\">\r\n        <k-icon name=\"extension_remove\"></k-icon>\r\n      </button>\r\n    `;\r\n  }\r\n}\r\n\r\ncustomElements.define('admin-uninstall-extension', UninstallExtension);\r\n"],"mappings":"OAAOA,MAAkB,oEAChBC,MAAY,kCACdC,MAAY,wCACZC,MAAW,sCACX,8CAEQ,MAAMC,UAA2BJ,EAC9CK,UAAYC,UACNC,KAAKC,QAETN,EAAOO,QAAQ,cAAcF,KAAKC,OAAOE,yCAA0CJ,UACjF,IAAIK,EAAW,OAEf,MAAMC,mBAAEA,SAA6BC,OAAO,kBACrCC,SAAeF,EAAmBL,KAAKC,OAAOE,MAElDI,EACDX,EAAMW,MAAMA,EAAMC,KAAO,kCAI3BZ,EAAMa,QAAQ,IAAIT,KAAKC,OAAOE,kCAC9BH,KAAKU,MAAMC,aAAaX,KAAKC,YAIjC,MAAAW,GACE,OAAOlB,CAAI;4EAC6DM,KAAKF;;;KAI/E,EAGFe,eAAeC,OAAO,4BAA6BjB","ignoreList":[]}

package/dist/admin/content/fragments/edit/index.page.html

@@ -1,4 +1,11 @@
 <!--
 	locked: true
 -->
-<page title="Edit Fragment - Admin"><content><admin-fragment-editor></admin-fragment-editor></content><content location="head"><script type="module" src="/admin/components/FragmentEditor.js"></script></content></page>
+<page title="Edit Fragment - Admin">
+	<content>
+		<admin-fragment-editor></admin-fragment-editor>
+	</content>
+	<content location="head">
+		<script type="module" src="/admin/components/FragmentEditor.js"></script>
+	</content>
+</page>

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

@@ -1,7 +1,88 @@
 <!--
 	locked: true
 -->
-<page title="Fragments - 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">Fragments</h1><k-permission has="system:fragments:create"><button id="createFragmentBtn" class="primary">Create Fragment</button></k-permission></div><h2>Custom Fragments</h2><k-table id="customTable" enable-pages page-size="25" page-size-options="[10,25,50,100]" placeholder="No custom fragments have been created yet."><admin-table-row-link slot="before" url-pattern="/admin/content/fragments/edit?fragment={editPath}" field-name="editPath"></admin-table-row-link><div slot="top" class="d-f full" style="align-items: center;"><div><k-permission has="system:fragments: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 Fragments</h2><k-table id="extensionTable" enable-pages page-size="25" page-size-options="[10,25,50,100]" placeholder="No extension fragments installed."><admin-table-row-link slot="before" url-pattern="/admin/content/fragments/edit?fragment={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 Fragments</h2><k-table id="systemTable" enable-pages page-size="25" page-size-options="[10,25,50,100]" placeholder="No system fragments found."><admin-table-row-link slot="before" url-pattern="/admin/content/fragments/edit?fragment={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 { listFragments, listDirectories, createFragment, deleteFragments, getAllCurrentUserPermissions } from '/kempo/sdk.js';
+<page title="Fragments - 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">Fragments</h1>
+			<k-permission has="system:fragments:create">
+				<button id="createFragmentBtn" class="primary">Create Fragment</button>
+			</k-permission>
+		</div>
+
+		<h2>Custom Fragments</h2>
+		<k-table id="customTable" enable-pages page-size="25" page-size-options="[10,25,50,100]" placeholder="No custom fragments have been created yet.">
+			<admin-table-row-link slot="before" url-pattern="/admin/content/fragments/edit?fragment={editPath}" field-name="editPath"></admin-table-row-link>
+			<div slot="top" class="d-f full" style="align-items: center;">
+				<div>
+					<k-permission has="system:fragments: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 Fragments</h2>
+		<k-table id="extensionTable" enable-pages page-size="25" page-size-options="[10,25,50,100]" placeholder="No extension fragments installed.">
+			<admin-table-row-link slot="before" url-pattern="/admin/content/fragments/edit?fragment={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 Fragments</h2>
+		<k-table id="systemTable" enable-pages page-size="25" page-size-options="[10,25,50,100]" placeholder="No system fragments found.">
+			<admin-table-row-link slot="before" url-pattern="/admin/content/fragments/edit?fragment={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 { listFragments, listDirectories, createFragment, deleteFragments, 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';
@@ -166,4 +247,8 @@
 					updateSlug();
 				});
 				$dialog.querySelector('#dlg-name').addEventListener('input', updateSlug);
-			});</script></content></page>
+			});
+		</script>
+	</content>
+</page>
+

package/dist/admin/content/globals/edit/index.page.html

@@ -1,4 +1,11 @@
 <!--
 	locked: true
 -->
-<page title="Edit Global Content - Admin"><content><admin-global-content-editor></admin-global-content-editor></content><content location="head"><script type="module" src="/admin/components/GlobalContentEditor.js"></script></content></page>
+<page title="Edit Global Content - Admin">
+	<content>
+		<admin-global-content-editor></admin-global-content-editor>
+	</content>
+	<content location="head">
+		<script type="module" src="/admin/components/GlobalContentEditor.js"></script>
+	</content>
+</page>

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

@@ -1,7 +1,89 @@
 <!--
 	locked: true
 -->
-<page title="Global Content - 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">Global Content</h1><k-permission has="system:globals:create"><button id="createGlobalBtn" class="primary">Create Global Content</button></k-permission></div><h2>Custom</h2><k-table id="customTable" enable-pages page-size="25" page-size-options="[10,25,50,100]" placeholder="No custom global content has been created yet."><admin-table-row-link slot="before" url-pattern="/admin/content/globals/edit?id={id}" field-name="id"></admin-table-row-link><div slot="top" class="d-f full" style="align-items: center;"><div><k-permission has="system:globals: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>Extensions</h2><k-table id="extensionTable" enable-pages page-size="25" page-size-options="[10,25,50,100]" placeholder="No extension global content installed."><admin-table-row-link slot="before" url-pattern="/admin/content/globals/edit?id={id}" field-name="id"></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</h2><k-table id="systemTable" enable-pages page-size="25" page-size-options="[10,25,50,100]" placeholder="No system global content found."><admin-table-row-link slot="before" url-pattern="/admin/content/globals/edit?id={id}" field-name="id"></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 { listGlobalContent, listTemplates, createGlobalContent, deleteGlobalContent, getAllCurrentUserPermissions } from '/kempo/sdk.js';
+<page title="Global Content - 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="/kempo-ui/components/Combobox.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">Global Content</h1>
+			<k-permission has="system:globals:create">
+				<button id="createGlobalBtn" class="primary">Create Global Content</button>
+			</k-permission>
+		</div>
+
+		<h2>Custom</h2>
+		<k-table id="customTable" enable-pages page-size="25" page-size-options="[10,25,50,100]" placeholder="No custom global content has been created yet.">
+			<admin-table-row-link slot="before" url-pattern="/admin/content/globals/edit?id={id}" field-name="id"></admin-table-row-link>
+			<div slot="top" class="d-f full" style="align-items: center;">
+				<div>
+					<k-permission has="system:globals: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>Extensions</h2>
+		<k-table id="extensionTable" enable-pages page-size="25" page-size-options="[10,25,50,100]" placeholder="No extension global content installed.">
+			<admin-table-row-link slot="before" url-pattern="/admin/content/globals/edit?id={id}" field-name="id"></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</h2>
+		<k-table id="systemTable" enable-pages page-size="25" page-size-options="[10,25,50,100]" placeholder="No system global content found.">
+			<admin-table-row-link slot="before" url-pattern="/admin/content/globals/edit?id={id}" field-name="id"></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 { listGlobalContent, listTemplates, listFragments, createGlobalContent, deleteGlobalContent, 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';
@@ -86,7 +168,7 @@
 			*/
 
 			document.getElementById('createGlobalBtn')?.addEventListener('click', async () => {
-				const [tplError, tplData] = await listTemplates();
+				const [[tplError, tplData], [fragError, fragData]] = await Promise.all([listTemplates(), listFragments()]);
 				const locations = new Set();
 				if(!tplError && tplData?.templates){
 					for(const t of tplData.templates){
@@ -95,6 +177,11 @@
 						}
 					}
 				}
+				if(!fragError && fragData?.fragments){
+					for(const f of fragData.fragments){
+						for(const loc of (f.locations || [])) locations.add(loc);
+					}
+				}
 				const locationOptions = [...locations].sort();
 
 				const $dialog = Dialog.create(html`
@@ -105,10 +192,7 @@
 						</div>
 						<div class="mb">
 							<label class="d-b mb-sm">Location</label>
-							<input type="text" id="dlg-location" class="full" list="dlg-location-list" placeholder="scripts" required>
-							<datalist id="dlg-location-list">
-								${locationOptions.map(l => html`<option value="${l}">`)}
-							</datalist>
+							<div id="dlg-location-wrap"></div>
 							<p class="mt-sm muted"><small>The template location to inject this content into.</small></p>
 						</div>
 						<div>
@@ -149,4 +233,15 @@
 					},
 					cancelText: 'Cancel'
 				});
-			});</script></content></page>
+
+				const $combobox = document.createElement('k-combobox');
+				$combobox.id = 'dlg-location';
+				$combobox.className = 'full';
+				$combobox.setAttribute('placeholder', 'scripts');
+				$combobox.setOptions(locationOptions);
+				$dialog.querySelector('#dlg-location-wrap').appendChild($combobox);
+			});
+		</script>
+	</content>
+</page>
+

package/dist/admin/content/pages/edit/index.page.html

@@ -1,4 +1,11 @@
 <!--
 	locked: true
 -->
-<page title="Edit Page - Admin"><content><admin-page-editor></admin-page-editor></content><content location="head"><script type="module" src="/admin/components/PageEditor.js"></script></content></page>
+<page title="Edit Page - Admin">
+	<content>
+		<admin-page-editor></admin-page-editor>
+	</content>
+	<content location="head">
+		<script type="module" src="/admin/components/PageEditor.js"></script>
+	</content>
+</page>