@umbraco-cms/backoffice 14.1.0-rc → 14.1.0-rc2

package/dist-cms/packages/core/table.element-BaYcQ7D3.js

@@ -1,3204 +0,0 @@
-import { UmbTextStyles as g } from "./style/index.js";
-import { css as u, state as c, property as r, customElement as h, html as l, repeat as le, nothing as _, query as I, LitElement as Ge, when as y, ifDefined as f, map as ms, classMap as vs } from "../../external/lit/index.js";
-import { UMB_MODAL_MANAGER_CONTEXT as Fa, UmbModalElement as fs, UMB_ITEM_PICKER_MODAL as _s, umbConfirmModal as Ga } from "./modal/index.js";
-import { UmbLitElement as p } from "./lit-element/index.js";
-import { UMB_NOTIFICATION_CONTEXT as ys } from "./notification/index.js";
-import { a as gs } from "./entity.context-DXhwWTB9.js";
-import { UMB_SECTION_SIDEBAR_CONTEXT as bs } from "./section/index.js";
-import { umbExtensionsRegistry as Gi } from "./extension-registry/index.js";
-import { UmbExtensionsManifestInitializer as ws, createExtensionApi as $s } from "../../libs/extension-api/index.js";
-import { e as Cs } from "./extractUmbColorVariable.function-C_Z99zyW.js";
-import { UmbChangeEvent as d, UmbDeleteEvent as Ka, UmbInputEvent as Ki } from "./event/index.js";
-import { UMB_DATA_TYPE_PICKER_FLOW_DATA_TYPE_PICKER_MODAL as xs, UMB_DATATYPE_WORKSPACE_MODAL as Es, UMB_DATA_TYPE_ENTITY_TYPE as Xa } from "../data-type/index.js";
-import { UmbModalRouteRegistrationController as Ma } from "./router/index.js";
-import { UmbFormControlMixin as Ke } from "./validation/index.js";
-import { UUIFormControlMixin as D, UUIRadioElement as Ss, UUIInputEvent as ja, UUIRefElement as Ya, UUIRefEvent as Ps, UUIRefNodeElement as ks } from "../../external/uui/index.js";
-import { splitStringToArray as Os, generateAlias as Ta } from "./utils/index.js";
-import { UmbSorterController as Xi } from "./sorter/index.js";
-import { UMB_PROPERTY_DATASET_CONTEXT as Ms } from "./property/index.js";
-import { UmbElementMixin as Ts } from "../../libs/element-api/index.js";
-var As = Object.defineProperty, Ws = Object.getOwnPropertyDescriptor, Ct = (e, t, i, n) => {
-  for (var a = n > 1 ? void 0 : n ? Ws(t, i) : t, s = e.length - 1, o; s >= 0; s--)
-    (o = e[s]) && (a = (n ? o(t, i, a) : o(a)) || a);
-  return n && a && As(t, i, a), a;
-}, Is = (e, t, i) => {
-  if (!t.has(e))
-    throw TypeError("Cannot " + i);
-}, Tt = (e, t, i) => {
-  if (t.has(e))
-    throw TypeError("Cannot add the same private member more than once");
-  t instanceof WeakSet ? t.add(e) : t.set(e, i);
-}, Ie = (e, t, i) => (Is(e, t, "access private method"), i), Vt, Ja, De, Qe, Nt, Qa;
-let ve = class extends p {
-  constructor() {
-    super(), Tt(this, Vt), Tt(this, De), Tt(this, Nt), this._modalElementMap = /* @__PURE__ */ new Map(), this._modals = [], this.fillBackground = !1, this.consumeContext(Fa, (e) => {
-      this._modalManager = e, this._observeModals();
-    });
-  }
-  _observeModals() {
-    this._modalManager && this.observe(this._modalManager.modals, (e) => {
-      Ie(this, Vt, Ja).call(this, e);
-    });
-  }
-  render() {
-    return l`
-			<uui-modal-container id="container">
-				${this._modals.length > 0 ? le(
-      this._modals,
-      (e) => e.key,
-      (e) => Ie(this, Nt, Qa).call(this, e.key)
-    ) : ""}
-			</uui-modal-container>
-		`;
-  }
-};
-Vt = /* @__PURE__ */ new WeakSet();
-Ja = function(e) {
-  this.removeAttribute("fill-background");
-  const t = this._modals;
-  this._modals = e, t.filter((n) => !e.some((a) => a.key === n.key)).forEach((n) => {
-    this._modalElementMap.get(n.key)?.removeEventListener("close-end", Ie(this, De, Qe).bind(this, n.key)), this._modalElementMap.delete(n.key);
-  }), this._modals.length !== 0 && this._modals.forEach((n) => {
-    if (this._modalElementMap.has(n.key))
-      return;
-    const a = new fs();
-    a.modalContext = n, a.element?.addEventListener("close-end", Ie(this, De, Qe).bind(this, n.key)), n.addEventListener("umb:destroy", Ie(this, De, Qe).bind(this, n.key)), this._modalElementMap.set(n.key, a), n.backdropBackground && (this.fillBackground = !0, this.shadowRoot?.getElementById("container")?.style.setProperty("--backdrop-background", n.backdropBackground)), this.requestUpdate();
-  });
-};
-De = /* @__PURE__ */ new WeakSet();
-Qe = function(e) {
-  this._modalManager?.remove(e);
-};
-Nt = /* @__PURE__ */ new WeakSet();
-Qa = function(e) {
-  const t = this._modalElementMap.get(e);
-  return t ? t.render() : _;
-};
-ve.styles = [
-  g,
-  u`
-			:host {
-				position: absolute;
-				z-index: 1000;
-			}
-
-			:host([fill-background]) {
-				--uui-modal-dialog-border-radius: 0;
-				--uui-shadow-depth-5: 0;
-			}
-
-			:host([fill-background]) #container::after {
-				background: var(--backdrop-background);
-			}
-		`
-];
-Ct([
-  c()
-], ve.prototype, "_modalElementMap", 2);
-Ct([
-  c()
-], ve.prototype, "_modals", 2);
-Ct([
-  r({ reflect: !0, attribute: "fill-background" })
-], ve.prototype, "fillBackground", 2);
-ve = Ct([
-  h("umb-backoffice-modal-container")
-], ve);
-var Ds = Object.defineProperty, Us = Object.getOwnPropertyDescriptor, ji = (e, t, i, n) => {
-  for (var a = n > 1 ? void 0 : n ? Us(t, i) : t, s = e.length - 1, o; s >= 0; s--)
-    (o = e[s]) && (a = (n ? o(t, i, a) : o(a)) || a);
-  return n && a && Ds(t, i, a), a;
-};
-let Le = class extends p {
-  constructor() {
-    super(), this.consumeContext(ys, (e) => {
-      this._notificationContext = e, this._observeNotifications();
-    });
-  }
-  _observeNotifications() {
-    this._notificationContext && this.observe(this._notificationContext.notifications, (e) => {
-      this._notifications = e, this._notificationsElement?.hidePopover?.(), this._notificationsElement?.showPopover?.();
-    });
-  }
-  render() {
-    return l`
-			<uui-toast-notification-container bottom-up id="notifications" popover="manual">
-				${this._notifications ? le(
-      this._notifications,
-      (e) => e.key,
-      (e) => l`${e.element}`
-    ) : ""}
-			</uui-toast-notification-container>
-		`;
-  }
-};
-Le.styles = [
-  g,
-  u`
-			#notifications {
-				top: 0;
-				left: 0;
-				right: 0;
-				bottom: 45px;
-				height: auto;
-				padding: var(--uui-size-layout-1);
-
-				position: fixed;
-				width: 100vw;
-				background: 0;
-				outline: 0;
-				border: 0;
-				margin: 0;
-			}
-		`
-];
-ji([
-  I("#notifications")
-], Le.prototype, "_notificationsElement", 2);
-ji([
-  c()
-], Le.prototype, "_notifications", 2);
-Le = ji([
-  h("umb-backoffice-notification-container")
-], Le);
-var Ls = Object.defineProperty, Rs = Object.getOwnPropertyDescriptor, V = (e, t, i, n) => {
-  for (var a = n > 1 ? void 0 : n ? Rs(t, i) : t, s = e.length - 1, o; s >= 0; s--)
-    (o = e[s]) && (a = (n ? o(t, i, a) : o(a)) || a);
-  return n && a && Ls(t, i, a), a;
-}, Za = (e, t, i) => {
-  if (!t.has(e))
-    throw TypeError("Cannot " + i);
-}, ae = (e, t, i) => (Za(e, t, "read from private field"), i ? i.call(e) : t.get(e)), At = (e, t, i) => {
-  if (t.has(e))
-    throw TypeError("Cannot add the same private member more than once");
-  t instanceof WeakSet ? t.add(e) : t.set(e, i);
-}, Wt = (e, t, i) => (Za(e, t, "access private method"), i), se, Ze, Te, et;
-let E = class extends Ge {
-  constructor() {
-    super(...arguments), At(this, Te), this.headline = "", this.headerTransparent = !1, this._headerSlotHasChildren = !1, this._navigationSlotHasChildren = !1, this._actionsMenuSlotHasChildren = !1, this._footerSlotHasChildren = !1, this._actionsSlotHasChildren = !1, At(this, se, (e) => e.target.assignedNodes({ flatten: !0 }).length > 0), At(this, Ze, () => {
-      this._scrollContainer && this.toggleAttribute("scrolling", this._scrollContainer.scrollTop > 0);
-    });
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.headerTransparent && requestAnimationFrame(() => {
-      this._scrollContainer?.addEventListener("scroll", ae(this, Ze));
-    });
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this._scrollContainer?.removeEventListener("scroll", ae(this, Ze));
-  }
-  render() {
-    return l`
-			<div
-				id="header"
-				style="display: ${this.headline || this._headerSlotHasChildren || this._actionsMenuSlotHasChildren || this._navigationSlotHasChildren ? "" : "none"}">
-				${this.headline ? l`<h3 id="headline">${this.headline}</h3>` : _}
-
-				<slot
-					id="header-slot"
-					name="header"
-					@slotchange=${(e) => {
-      this._headerSlotHasChildren = ae(this, se).call(this, e), Wt(this, Te, et).call(this, e.target, this._headerSlotHasChildren);
-    }}></slot>
-				<slot
-					id="navigation-slot"
-					name="navigation"
-					@slotchange=${(e) => {
-      this._navigationSlotHasChildren = ae(this, se).call(this, e), Wt(this, Te, et).call(this, e.target, this._navigationSlotHasChildren);
-    }}></slot>
-				<slot
-					id="action-menu-slot"
-					name="action-menu"
-					@slotchange=${(e) => {
-      this._actionsMenuSlotHasChildren = ae(this, se).call(this, e), Wt(this, Te, et).call(this, e.target, this._actionsMenuSlotHasChildren);
-    }}></slot>
-			</div>
-
-			<!-- This div should be changed for the uui-scroll-container when it gets updated -->
-			<div id="main">
-				<slot></slot>
-			</div>
-
-			<slot name="footer"></slot>
-			<umb-footer-layout style="display:${this._footerSlotHasChildren || this._actionsSlotHasChildren ? "" : "none"}">
-				<slot
-					name="footer-info"
-					@slotchange=${(e) => {
-      this._footerSlotHasChildren = ae(this, se).call(this, e);
-    }}></slot>
-				<slot
-					name="actions"
-					slot="actions"
-					@slotchange=${(e) => {
-      this._actionsSlotHasChildren = ae(this, se).call(this, e);
-    }}></slot>
-			</umb-footer-layout>
-		`;
-  }
-};
-se = /* @__PURE__ */ new WeakMap();
-Ze = /* @__PURE__ */ new WeakMap();
-Te = /* @__PURE__ */ new WeakSet();
-et = function(e, t) {
-  e.style.display = t ? "flex" : "none";
-};
-E.styles = [
-  g,
-  u`
-			:host {
-				display: flex;
-				background-color: var(--umb-body-layout-color-background, var(--uui-color-background));
-				width: 100%;
-				height: 100%;
-				flex-direction: column;
-			}
-
-			#header {
-				display: flex;
-				align-items: center;
-				justify-content: space-between;
-				width: 100%;
-				height: var(--umb-header-layout-height);
-				background-color: var(--uui-color-surface);
-				border-bottom: 1px solid var(--uui-color-border);
-				box-sizing: border-box;
-				z-index: 1;
-			}
-			:host([header-transparent]) #header {
-				background-color: transparent;
-				border-color: transparent;
-				transition: box-shadow 150ms ease-in-out;
-				box-shadow: 0 -1px 0px 0px rgba(0, 0, 0, 0.5);
-			}
-			:host([header-transparent][scrolling]) #header {
-				/* This should be using the uui-shadows but for now they are too drastic for this use case */
-				box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.2);
-			}
-			:host([header-fit-height][header-transparent]:not([header-no-padding])) #header-slot {
-				padding: var(--uui-size-layout-1);
-			}
-			:host([header-fit-height]) #header {
-				height: fit-content;
-			}
-			#header-slot {
-				padding: 0 var(--uui-size-layout-1);
-				flex-grow: 1;
-			}
-			:host([header-no-padding]) #header-slot {
-				padding: 0;
-			}
-
-			:host([header-transparent]:not([main-no-padding])) #main:not(*[style='display: none'] + *) {
-				/* The following styling is only applied if the clear-header IS present,
-				the main-no-padding attribute is NOT present, and the header is NOT hidden */
-				padding-top: var(--uui-size-space-1);
-			}
-			:host([main-no-padding]) #main {
-				padding: 0;
-			}
-
-			#header-slot,
-			#action-menu-slot,
-			#navigation-slot {
-				display: none;
-				height: 100%;
-				align-items: center;
-				box-sizing: border-box;
-				min-width: 0;
-			}
-
-			#navigation-slot {
-				margin-left: auto;
-			}
-
-			#headline {
-				display: block;
-				margin: 0 var(--uui-size-layout-1);
-			}
-
-			#main {
-				display: block;
-				flex: 1;
-				flex-direction: column;
-				overflow-y: auto;
-				padding: var(--uui-size-layout-1);
-			}
-
-			#main > slot::slotted(*:first-child) {
-				padding-top: 0;
-				margin-top: 0;
-			}
-		`
-];
-V([
-  I("#main")
-], E.prototype, "_scrollContainer", 2);
-V([
-  r()
-], E.prototype, "headline", 2);
-V([
-  r({ type: Boolean, reflect: !0, attribute: "header-transparent" })
-], E.prototype, "headerTransparent", 2);
-V([
-  c()
-], E.prototype, "_headerSlotHasChildren", 2);
-V([
-  c()
-], E.prototype, "_navigationSlotHasChildren", 2);
-V([
-  c()
-], E.prototype, "_actionsMenuSlotHasChildren", 2);
-V([
-  c()
-], E.prototype, "_footerSlotHasChildren", 2);
-V([
-  c()
-], E.prototype, "_actionsSlotHasChildren", 2);
-E = V([
-  h("umb-body-layout")
-], E);
-var zs = Object.defineProperty, Bs = Object.getOwnPropertyDescriptor, xt = (e, t, i, n) => {
-  for (var a = n > 1 ? void 0 : n ? Bs(t, i) : t, s = e.length - 1, o; s >= 0; s--)
-    (o = e[s]) && (a = (n ? o(t, i, a) : o(a)) || a);
-  return n && a && zs(t, i, a), a;
-}, Vs = (e, t, i) => {
-  if (!t.has(e))
-    throw TypeError("Cannot " + i);
-}, Ns = (e, t, i) => {
-  if (t.has(e))
-    throw TypeError("Cannot add the same private member more than once");
-  t instanceof WeakSet ? t.add(e) : t.set(e, i);
-}, qs = (e, t, i) => (Vs(e, t, "access private method"), i), qt, en;
-let fe = class extends Ge {
-  constructor() {
-    super(...arguments), Ns(this, qt), this.language = "", this.copy = !1, this._copyState = "idle";
-  }
-  async copyCode() {
-    const e = this.textContent;
-    e && (await navigator.clipboard.writeText(e), this._copyState = "success", setTimeout(() => {
-      this._copyState = "idle";
-    }, 2e3));
-  }
-  render() {
-    return l`
-			${qs(this, qt, en).call(this)}
-			<pre><uui-scroll-container><code><slot></slot></code></uui-scroll-container></pre>
-		`;
-  }
-};
-qt = /* @__PURE__ */ new WeakSet();
-en = function() {
-  if (!(!this.language && !this.copy))
-    return l`
-			<div id="header">
-				<span id="lang">${this.language}</span>
-				${y(
-      this.copy,
-      () => l`
-						<uui-button compat color=${this._copyState === "idle" ? "default" : "positive"} @click=${this.copyCode}>
-							${y(
-        this._copyState === "idle",
-        () => l`<uui-icon name="copy"></uui-icon> <umb-localize key="general_copy">Copy</umb-localize>`,
-        () => l`<uui-icon name="check"></uui-icon> <umb-localize key="general_copied">Copied!</umb-localize>`
-      )}
-						</uui-button>
-					`
-    )}
-			</div>
-		`;
-};
-fe.styles = [
-  g,
-  u`
-			:host {
-				display: block;
-				border: 1px solid var(--uui-color-divider-emphasis);
-				border-radius: var(--uui-border-radius);
-			}
-
-			uui-scroll-container {
-				max-height: 500px;
-				overflow-y: auto;
-				overflow-wrap: anywhere;
-			}
-
-			pre {
-				font-family: monospace;
-				background-color: var(--uui-color-surface-alt);
-				color: #303033;
-				display: block;
-				margin: 0;
-				overflow-x: auto;
-				padding: 9.5px;
-			}
-
-			pre,
-			code {
-				word-wrap: normal;
-				white-space: pre;
-			}
-
-			#header {
-				display: flex;
-				justify-content: space-between;
-				align-items: center;
-				background-color: var(--uui-color-surface-alt);
-				border-bottom: 1px solid var(--uui-color-divider-emphasis);
-			}
-
-			#lang {
-				margin-left: 16px;
-				font-weight: bold;
-			}
-
-			button {
-				font-family: inherit;
-				padding: 6px 16px;
-				background-color: transparent;
-				border: none;
-				border-left: 1px solid var(--uui-color-divider-emphasis);
-				border-radius: 0;
-				color: #000;
-				display: flex;
-				align-items: center;
-				gap: 8px;
-			}
-
-			button:hover {
-				background-color: var(--uui-color-surface-emphasis);
-			}
-		`
-];
-xt([
-  r()
-], fe.prototype, "language", 2);
-xt([
-  r({ type: Boolean })
-], fe.prototype, "copy", 2);
-xt([
-  c()
-], fe.prototype, "_copyState", 2);
-fe = xt([
-  h("umb-code-block")
-], fe);
-var Hs = Object.defineProperty, Fs = Object.getOwnPropertyDescriptor, N = (e, t, i, n) => {
-  for (var a = n > 1 ? void 0 : n ? Fs(t, i) : t, s = e.length - 1, o; s >= 0; s--)
-    (o = e[s]) && (a = (n ? o(t, i, a) : o(a)) || a);
-  return n && a && Hs(t, i, a), a;
-}, Gs = (e, t, i) => {
-  if (!t.has(e))
-    throw TypeError("Cannot " + i);
-}, Ks = (e, t, i) => {
-  if (t.has(e))
-    throw TypeError("Cannot add the same private member more than once");
-  t instanceof WeakSet ? t.add(e) : t.set(e, i);
-}, Xs = (e, t, i) => (Gs(e, t, "access private method"), i), Ht, tn;
-let S = class extends p {
-  constructor() {
-    super(...arguments), Ks(this, Ht), this.open = !1, this.label = "", this.look = "default", this.color = "default", this.placement = "bottom-start", this.compact = !1, this.hideExpand = !1;
-  }
-  updated(e) {
-    super.updated(e), e.has("open") && this.popoverContainerElement && (this.open ? this.popoverContainerElement.showPopover() : this.popoverContainerElement.hidePopover());
-  }
-  render() {
-    return l`
-			<uui-button
-				id="dropdown-button"
-				popovertarget="dropdown-popover"
-				.look=${this.look}
-				.color=${this.color}
-				.label=${this.label}
-				.compact=${this.compact}>
-				<slot name="label"></slot>
-				${y(
-      !this.hideExpand,
-      () => l`<uui-symbol-expand id="symbol-expand" .open=${this.open}></uui-symbol-expand>`
-    )}
-			</uui-button>
-			<uui-popover-container id="dropdown-popover" .placement=${this.placement} @toggle=${Xs(this, Ht, tn)}>
-				<umb-popover-layout>
-					<slot></slot>
-				</umb-popover-layout>
-			</uui-popover-container>
-		`;
-  }
-};
-Ht = /* @__PURE__ */ new WeakSet();
-tn = function(e) {
-  this.open = e.newState === "open";
-};
-S.styles = [
-  g,
-  u`
-			#dropdown-button {
-				min-width: max-content;
-			}
-			:host(:not([hide-expand]):not([compact])) #dropdown-button {
-				--uui-button-padding-right-factor: 2;
-			}
-
-			:host(:not([compact])) #symbol-expand {
-				margin-left: var(--uui-size-space-2);
-			}
-		`
-];
-N([
-  I("#dropdown-popover")
-], S.prototype, "popoverContainerElement", 2);
-N([
-  r({ type: Boolean, reflect: !0 })
-], S.prototype, "open", 2);
-N([
-  r()
-], S.prototype, "label", 2);
-N([
-  r()
-], S.prototype, "look", 2);
-N([
-  r()
-], S.prototype, "color", 2);
-N([
-  r()
-], S.prototype, "placement", 2);
-N([
-  r({ type: Boolean })
-], S.prototype, "compact", 2);
-N([
-  r({ type: Boolean, attribute: "hide-expand" })
-], S.prototype, "hideExpand", 2);
-S = N([
-  h("umb-dropdown")
-], S);
-var js = Object.defineProperty, Ys = Object.getOwnPropertyDescriptor, he = (e, t, i, n) => {
-  for (var a = n > 1 ? void 0 : n ? Ys(t, i) : t, s = e.length - 1, o; s >= 0; s--)
-    (o = e[s]) && (a = (n ? o(t, i, a) : o(a)) || a);
-  return n && a && js(t, i, a), a;
-}, Yi = (e, t, i) => {
-  if (!t.has(e))
-    throw TypeError("Cannot " + i);
-}, pt = (e, t, i) => (Yi(e, t, "read from private field"), i ? i.call(e) : t.get(e)), X = (e, t, i) => {
-  if (t.has(e))
-    throw TypeError("Cannot add the same private member more than once");
-  t instanceof WeakSet ? t.add(e) : t.set(e, i);
-}, Js = (e, t, i, n) => (Yi(e, t, "write to private field"), t.set(e, i), i), ce = (e, t, i) => (Yi(e, t, "access private method"), i), Re, tt, Ft, an, Ji, nn, Qi, sn, Zi, on, Gt, rn, Kt, ln;
-let J = class extends p {
-  constructor() {
-    super(), X(this, Ft), X(this, Ji), X(this, Qi), X(this, Zi), X(this, Gt), X(this, Kt), this._numberOfActions = 0, X(this, Re, void 0), X(this, tt, new gs(this)), this.consumeContext(bs, (e) => {
-      Js(this, Re, e);
-    });
-  }
-  updated(e) {
-    e.has("entityType") && e.has("unique") && (pt(this, tt).setEntityType(this.entityType), pt(this, tt).setUnique(this.unique), ce(this, Ft, an).call(this));
-  }
-  render() {
-    return this._numberOfActions === 0 ? _ : l`<uui-action-bar slot="actions">${ce(this, Gt, rn).call(this)} ${ce(this, Kt, ln).call(this)} </uui-action-bar>`;
-  }
-};
-Re = /* @__PURE__ */ new WeakMap();
-tt = /* @__PURE__ */ new WeakMap();
-Ft = /* @__PURE__ */ new WeakSet();
-an = function() {
-  new ws(
-    this,
-    Gi,
-    "entityAction",
-    (e) => e.forEntityTypes.includes(this.entityType),
-    async (e) => {
-      this._numberOfActions = e.length, this._firstActionManifest = this._numberOfActions > 0 ? e[0].manifest : void 0, ce(this, Ji, nn).call(this);
-    },
-    "umbEntityActionsObserver"
-  );
-};
-Ji = /* @__PURE__ */ new WeakSet();
-nn = async function() {
-  this._firstActionManifest && (this._firstActionApi = await $s(this, this._firstActionManifest, [
-    { unique: this.unique, entityType: this.entityType, meta: this._firstActionManifest.meta }
-  ]));
-};
-Qi = /* @__PURE__ */ new WeakSet();
-sn = function() {
-  if (!this.entityType)
-    throw new Error("Entity type is not defined");
-  if (this.unique === void 0)
-    throw new Error("Unique is not defined");
-  pt(this, Re)?.toggleContextMenu(this, {
-    entityType: this.entityType,
-    unique: this.unique,
-    headline: this.label
-  });
-};
-Zi = /* @__PURE__ */ new WeakSet();
-on = async function(e) {
-  e.stopPropagation(), pt(this, Re)?.closeContextMenu(), await this._firstActionApi?.execute();
-};
-Gt = /* @__PURE__ */ new WeakSet();
-rn = function() {
-  return this._numberOfActions === 1 ? _ : l`<uui-button @click=${ce(this, Qi, sn)} label="Open actions menu">
-			<uui-symbol-more></uui-symbol-more>
-		</uui-button>`;
-};
-Kt = /* @__PURE__ */ new WeakSet();
-ln = function() {
-  return this._firstActionApi ? l`<uui-button
-			label=${f(this._firstActionManifest?.meta.label)}
-			@click=${ce(this, Zi, on)}>
-			<uui-icon name=${f(this._firstActionManifest?.meta.icon)}></uui-icon>
-		</uui-button>` : _;
-};
-he([
-  r({ type: String, attribute: "entity-type" })
-], J.prototype, "entityType", 2);
-he([
-  r({ type: String })
-], J.prototype, "unique", 2);
-he([
-  r({ type: String })
-], J.prototype, "label", 2);
-he([
-  c()
-], J.prototype, "_numberOfActions", 2);
-he([
-  c()
-], J.prototype, "_firstActionManifest", 2);
-he([
-  c()
-], J.prototype, "_firstActionApi", 2);
-J = he([
-  h("umb-entity-actions-bundle")
-], J);
-var Qs = Object.defineProperty, Zs = Object.getOwnPropertyDescriptor, eo = (e, t, i, n) => {
-  for (var a = n > 1 ? void 0 : n ? Zs(t, i) : t, s = e.length - 1, o; s >= 0; s--)
-    (o = e[s]) && (a = (n ? o(t, i, a) : o(a)) || a);
-  return n && a && Qs(t, i, a), a;
-};
-let Xt = class extends Ge {
-  render() {
-    return l`
-			<slot></slot>
-			<slot id="actions" name="actions"></slot>
-		`;
-  }
-};
-Xt.styles = [
-  g,
-  u`
-			:host {
-				display: flex;
-				align-items: center;
-				justify-content: space-between;
-				width: 100%;
-				height: var(--umb-footer-layout-height);
-				border-top: 1px solid var(--uui-color-border);
-				background-color: var(--uui-color-surface);
-				box-sizing: border-box;
-			}
-
-			#actions {
-				display: flex;
-				gap: var(--uui-size-space-2);
-				margin: 0 var(--uui-size-layout-1);
-				margin-left: auto;
-			}
-		`
-];
-Xt = eo([
-  h("umb-footer-layout")
-], Xt);
-var to = Object.defineProperty, io = Object.getOwnPropertyDescriptor, ao = (e, t, i, n) => {
-  for (var a = n > 1 ? void 0 : n ? io(t, i) : t, s = e.length - 1, o; s >= 0; s--)
-    (o = e[s]) && (a = (n ? o(t, i, a) : o(a)) || a);
-  return n && a && to(t, i, a), a;
-};
-const no = {
-  type: "kind",
-  alias: "Umb.Kind.Button",
-  matchKind: "button",
-  matchType: "headerApp",
-  manifest: {
-    type: "headerApp",
-    kind: "button",
-    elementName: "umb-header-app-button"
-  }
-};
-Gi.register(no);
-let jt = class extends p {
-  render() {
-    return l`
-			<uui-button
-				look="primary"
-				label="${f(this.manifest?.meta.label)}"
-				href="${f(this.manifest?.meta.href)}"
-				compact>
-				<umb-icon name="${f(this.manifest?.meta.icon)}"></umb-icon>
-			</uui-button>
-		`;
-  }
-};
-jt.styles = [
-  g,
-  u`
-			uui-button {
-				font-size: 18px;
-				--uui-button-background-color: var(--umb-header-app-button-background-color, transparent);
-				--uui-button-background-color-hover: var(
-					--umb-header-app-button-background-color-hover,
-					var(--uui-color-emphasis)
-				);
-			}
-		`
-];
-jt = ao([
-  h("umb-header-app-button")
-], jt);
-var so = Object.defineProperty, oo = Object.getOwnPropertyDescriptor, ea = (e, t, i, n) => {
-  for (var a = n > 1 ? void 0 : n ? oo(t, i) : t, s = e.length - 1, o; s >= 0; s--)
-    (o = e[s]) && (a = (n ? o(t, i, a) : o(a)) || a);
-  return n && a && so(t, i, a), a;
-};
-let ze = class extends p {
-  render() {
-    return l`
-			<div class="user-info">
-				<slot name="avatar"></slot>
-				<div>
-					<span class="name">${this.name}</span>
-					<span class="detail">${this.detail}</span>
-				</div>
-			</div>
-			<slot id="description"></slot>
-			<slot id="actions-container" name="actions"></slot>
-		`;
-  }
-};
-ze.styles = [
-  g,
-  u`
-			:host {
-				--avatar-size: calc(2em + 4px);
-				display: contents;
-			}
-
-			slot[name='actions'] {
-				--uui-button-border-radius: 50px 50px 50px 50px;
-				display: flex;
-				align-items: center;
-				--uui-button-height: calc(var(--uui-size-2) * 4);
-				margin-right: var(--uui-size-2);
-			}
-
-			#actions-container {
-				opacity: 0;
-				transition: opacity 120ms;
-			}
-
-			:host(:hover) #actions-container {
-				opacity: 1;
-			}
-
-			:host(:hover) #actions-container {
-				opacity: 1;
-			}
-
-			.user-info {
-				position: relative;
-				display: flex;
-				align-items: flex-end;
-				gap: var(--uui-size-space-5);
-			}
-
-			.user-info div {
-				display: flex;
-				flex-direction: column;
-			}
-
-			.detail {
-				font-size: var(--uui-size-4);
-				color: var(--uui-color-text-alt);
-				line-height: 1;
-			}
-		`
-];
-ea([
-  r({ type: String })
-], ze.prototype, "name", 2);
-ea([
-  r({ type: String })
-], ze.prototype, "detail", 2);
-ze = ea([
-  h("umb-history-item")
-], ze);
-var ro = Object.defineProperty, lo = Object.getOwnPropertyDescriptor, ho = (e, t, i, n) => {
-  for (var a = n > 1 ? void 0 : n ? lo(t, i) : t, s = e.length - 1, o; s >= 0; s--)
-    (o = e[s]) && (a = (n ? o(t, i, a) : o(a)) || a);
-  return n && a && ro(t, i, a), a;
-};
-let Yt = class extends p {
-  render() {
-    return l`<slot></slot> `;
-  }
-};
-Yt.styles = [
-  g,
-  u`
-			:host {
-				display: grid;
-				grid-template-columns: auto 1fr auto;
-				align-items: center;
-				--avatar-size: calc(2em + 4px);
-				gap: var(--uui-size-6);
-				position: relative;
-			}
-
-			/** TODO: This doesn't work due to "display:contents" in umb-history-item, but is needed for the way I put the grid together.
-			* Find a different solution so we can have the grey line that links each history item together (this is purely a visual effect, no rush)
-
-			::slotted(*) {
-				position: relative;
-			}
-
-			::slotted(*:not(:last-child)) {
-				margin-bottom: calc(2 * var(--uui-size-space-3));
-			}
-			::slotted(*:not(:last-child))::before {
-				content: '';
-				border: 1px solid var(--uui-color-border);
-				position: absolute;
-				display: block;
-				height: calc(1.5 * var(--avatar-size));
-				top: var(--avatar-size);
-				left: calc(-1px + var(--avatar-size) / 2);
-			}
-			*/
-		`
-];
-Yt = ho([
-  h("umb-history-list")
-], Yt);
-var uo = Object.defineProperty, co = Object.getOwnPropertyDescriptor, Xe = (e, t, i, n) => {
-  for (var a = n > 1 ? void 0 : n ? co(t, i) : t, s = e.length - 1, o; s >= 0; s--)
-    (o = e[s]) && (a = (n ? o(t, i, a) : o(a)) || a);
-  return n && a && uo(t, i, a), a;
-}, po = (e, t, i) => {
-  if (!t.has(e))
-    throw TypeError("Cannot " + i);
-}, mo = (e, t, i) => {
-  if (t.has(e))
-    throw TypeError("Cannot add the same private member more than once");
-  t instanceof WeakSet ? t.add(e) : t.set(e, i);
-}, Aa = (e, t, i) => (po(e, t, "access private method"), i), it, Jt;
-let oe = class extends p {
-  constructor() {
-    super(...arguments), mo(this, it);
-  }
-  set color(e) {
-    e && Aa(this, it, Jt).call(this, e);
-  }
-  get color() {
-    return this._color ?? "";
-  }
-  set name(e) {
-    const [t, i] = e ? e.split(" ") : [];
-    i ? Aa(this, it, Jt).call(this, i) : this._color = void 0, this._icon = t;
-  }
-  get name() {
-    return this._icon;
-  }
-  render() {
-    return l`<uui-icon name=${f(this._icon)} style=${f(this._color)}></uui-icon>`;
-  }
-};
-it = /* @__PURE__ */ new WeakSet();
-Jt = function(e) {
-  const t = e.replace("color-", ""), i = Cs(t);
-  this._color = t ? i ? `--uui-icon-color: var(${i})` : `--uui-icon-color: ${t}` : void 0;
-};
-oe.styles = [
-  g,
-  u`
-			:host {
-				display: flex;
-				justify-content: center;
-				align-items: center;
-			}
-		`
-];
-Xe([
-  c()
-], oe.prototype, "_icon", 2);
-Xe([
-  c()
-], oe.prototype, "_color", 2);
-Xe([
-  r({ type: String })
-], oe.prototype, "color", 1);
-Xe([
-  r({ type: String })
-], oe.prototype, "name", 1);
-oe = Xe([
-  h("umb-icon")
-], oe);
-var vo = Object.defineProperty, fo = Object.getOwnPropertyDescriptor, ta = (e, t, i, n) => {
-  for (var a = n > 1 ? void 0 : n ? fo(t, i) : t, s = e.length - 1, o; s >= 0; s--)
-    (o = e[s]) && (a = (n ? o(t, i, a) : o(a)) || a);
-  return n && a && vo(t, i, a), a;
-}, ia = (e, t, i) => {
-  if (!t.has(e))
-    throw TypeError("Cannot " + i);
-}, dt = (e, t, i) => (ia(e, t, "read from private field"), i ? i.call(e) : t.get(e)), j = (e, t, i) => {
-  if (t.has(e))
-    throw TypeError("Cannot add the same private member more than once");
-  t instanceof WeakSet ? t.add(e) : t.set(e, i);
-}, _o = (e, t, i, n) => (ia(e, t, "write to private field"), t.set(e, i), i), Y = (e, t, i) => (ia(e, t, "access private method"), i), Be, mt, Ue, vt, aa, hn, Qt, un, na, cn, Zt, pn, ei, dn;
-let Ve = class extends Ke(p) {
-  constructor() {
-    super(), j(this, Ue), j(this, aa), j(this, Qt), j(this, na), j(this, Zt), j(this, ei), j(this, Be, void 0), j(this, mt, "Umb.PropertyEditorUi.Collection"), new Ma(this, xs).addAdditionalPath(":uiAlias").onSetup((e) => ({
-      data: {
-        propertyEditorUiAlias: e.uiAlias
-      },
-      value: void 0
-    })).onSubmit((e) => {
-      e?.createNewWithPropertyEditorUiAlias ? Y(this, Qt, un).call(this) : Y(this, Ue, vt).call(this, e?.dataTypeId ?? this.defaultValue ?? "");
-    }).observeRouteBuilder((e) => {
-      this._dataTypePickerModalPath = e({ uiAlias: dt(this, mt) });
-    }), _o(this, Be, new Ma(this, Es).addAdditionalPath(":uiAlias").onSetup((e) => ({ data: { entityType: Xa, preset: { editorUiAlias: e.uiAlias } } })).onSubmit((e) => {
-      Y(this, Ue, vt).call(this, e?.unique ?? this.defaultValue ?? "");
-    }));
-  }
-  getFormElement() {
-  }
-  render() {
-    return this.value ? Y(this, ei, dn).call(this) : Y(this, Zt, pn).call(this);
-  }
-};
-Be = /* @__PURE__ */ new WeakMap();
-mt = /* @__PURE__ */ new WeakMap();
-Ue = /* @__PURE__ */ new WeakSet();
-vt = function(e) {
-  this.value = e, this.dispatchEvent(new d());
-};
-aa = /* @__PURE__ */ new WeakSet();
-hn = function() {
-  Y(this, Ue, vt).call(this, void 0);
-};
-Qt = /* @__PURE__ */ new WeakSet();
-un = function() {
-  dt(this, Be).open(
-    { uiAlias: dt(this, mt) },
-    `create/parent/${Xa}/null`
-  );
-};
-na = /* @__PURE__ */ new WeakSet();
-cn = function() {
-  dt(this, Be)?.open({}, `edit/${this.value}`);
-};
-Zt = /* @__PURE__ */ new WeakSet();
-pn = function() {
-  return this._dataTypePickerModalPath ? l`
-			<uui-button
-				id="create-button"
-				color="default"
-				look="placeholder"
-				label="Configure as a collection"
-				href=${this._dataTypePickerModalPath}></uui-button>
-		` : _;
-};
-ei = /* @__PURE__ */ new WeakSet();
-dn = function() {
-  return !this.value || !this._dataTypePickerModalPath ? _ : l`
-			<uui-ref-list>
-				<umb-ref-data-type standalone data-type-id=${this.value} @open=${Y(this, na, cn)}>
-					<uui-action-bar slot="actions">
-						<uui-button
-							label=${this.localize.term("general_choose")}
-							href=${this._dataTypePickerModalPath}></uui-button>
-						<uui-button @click=${Y(this, aa, hn)} label=${this.localize.term("general_remove")}></uui-button>
-					</uui-action-bar>
-				</umb-ref-data-type>
-			</uui-ref-list>
-		`;
-};
-Ve.styles = [
-  u`
-			#create-button {
-				width: 100%;
-			}
-		`
-];
-ta([
-  c()
-], Ve.prototype, "_dataTypePickerModalPath", 2);
-ta([
-  r({ attribute: "default-value" })
-], Ve.prototype, "defaultValue", 2);
-Ve = ta([
-  h("umb-input-collection-configuration")
-], Ve);
-var yo = Object.defineProperty, go = Object.getOwnPropertyDescriptor, sa = (e, t, i, n) => {
-  for (var a = n > 1 ? void 0 : n ? go(t, i) : t, s = e.length - 1, o; s >= 0; s--)
-    (o = e[s]) && (a = (n ? o(t, i, a) : o(a)) || a);
-  return n && a && yo(t, i, a), a;
-}, bo = (e, t, i) => {
-  if (!t.has(e))
-    throw TypeError("Cannot " + i);
-}, Wa = (e, t, i) => {
-  if (t.has(e))
-    throw TypeError("Cannot add the same private member more than once");
-  t instanceof WeakSet ? t.add(e) : t.set(e, i);
-}, Ia = (e, t, i) => (bo(e, t, "access private method"), i), ti, mn, ii, vn;
-let ft = class extends D(p, "") {
-  constructor() {
-    super(...arguments), Wa(this, ti), Wa(this, ii), this.showLabels = !1;
-  }
-  getFormElement() {
-  }
-  render() {
-    return l`
-			<uui-color-swatches label="Color picker" value=${this.value ?? ""} @change=${Ia(this, ti, mn)}>
-				${Ia(this, ii, vn).call(this)}
-			</uui-color-swatches>
-		`;
-  }
-};
-ti = /* @__PURE__ */ new WeakSet();
-mn = function(e) {
-  this.value = e.target.value, this.dispatchEvent(new d());
-};
-ii = /* @__PURE__ */ new WeakSet();
-vn = function() {
-  return this.swatches ? ms(
-    this.swatches,
-    (e) => l`
-				<uui-color-swatch label=${e.label} value=${e.value} .showLabel=${this.showLabels}></uui-color-swatch>
-			`
-  ) : _;
-};
-sa([
-  r({ type: Boolean })
-], ft.prototype, "showLabels", 2);
-sa([
-  r({ type: Array })
-], ft.prototype, "swatches", 2);
-ft = sa([
-  h("umb-input-color")
-], ft);
-var wo = Object.defineProperty, $o = Object.getOwnPropertyDescriptor, je = (e, t, i, n) => {
-  for (var a = n > 1 ? void 0 : n ? $o(t, i) : t, s = e.length - 1, o; s >= 0; s--)
-    (o = e[s]) && (a = (n ? o(t, i, a) : o(a)) || a);
-  return n && a && wo(t, i, a), a;
-}, Co = (e, t, i) => {
-  if (!t.has(e))
-    throw TypeError("Cannot " + i);
-}, xo = (e, t, i) => {
-  if (t.has(e))
-    throw TypeError("Cannot add the same private member more than once");
-  t instanceof WeakSet ? t.add(e) : t.set(e, i);
-}, Eo = (e, t, i) => (Co(e, t, "access private method"), i), ai, fn;
-let _e = class extends D(p, "") {
-  constructor() {
-    super(...arguments), xo(this, ai), this.type = "date";
-  }
-  getFormElement() {
-  }
-  render() {
-    return l`<uui-input
-			id="datetime"
-			.label=${this.localize.term("placeholders_enterdate")}
-			.min=${this.min}
-			.max=${this.max}
-			.step=${this.step}
-			.type=${this.type}
-			value=${f(this.value)}
-			@change=${Eo(this, ai, fn)}>
-		</uui-input>`;
-  }
-};
-ai = /* @__PURE__ */ new WeakSet();
-fn = function(e) {
-  this.value = e.target.value, this.dispatchEvent(new d());
-};
-je([
-  r()
-], _e.prototype, "type", 2);
-je([
-  r({ type: String })
-], _e.prototype, "min", 2);
-je([
-  r({ type: String })
-], _e.prototype, "max", 2);
-je([
-  r({ type: Number })
-], _e.prototype, "step", 2);
-_e = je([
-  h("umb-input-date")
-], _e);
-var So = Object.defineProperty, Po = Object.getOwnPropertyDescriptor, Ye = (e, t, i, n) => {
-  for (var a = n > 1 ? void 0 : n ? Po(t, i) : t, s = e.length - 1, o; s >= 0; s--)
-    (o = e[s]) && (a = (n ? o(t, i, a) : o(a)) || a);
-  return n && a && So(t, i, a), a;
-}, ko = (e, t, i) => {
-  if (!t.has(e))
-    throw TypeError("Cannot " + i);
-}, Oo = (e, t, i) => {
-  if (t.has(e))
-    throw TypeError("Cannot add the same private member more than once");
-  t instanceof WeakSet ? t.add(e) : t.set(e, i);
-}, Mo = (e, t, i) => (ko(e, t, "access private method"), i), ni, _n;
-let re = class extends D(p, void 0) {
-  constructor() {
-    super(...arguments), Oo(this, ni);
-  }
-  getFormElement() {
-    return this.selectEle;
-  }
-  render() {
-    return l`<uui-select
-			label=${this.localize.term("formProviderFieldTypes_dropdownName")}
-			.placeholder=${this.placeholder ?? ""}
-			.options=${this.options ?? []}
-			@change=${Mo(this, ni, _n)}></uui-select>`;
-  }
-};
-ni = /* @__PURE__ */ new WeakSet();
-_n = function(e) {
-  e.stopPropagation(), e.target.value && (this.value = e.target.value), this.dispatchEvent(new d());
-};
-re.styles = [
-  u`
-			:host {
-				display: block;
-			}
-		`
-];
-Ye([
-  r({ type: Array })
-], re.prototype, "options", 2);
-Ye([
-  r({ type: String })
-], re.prototype, "placeholder", 2);
-Ye([
-  r({ type: Boolean })
-], re.prototype, "multiple", 2);
-Ye([
-  I("uui-select")
-], re.prototype, "selectEle", 2);
-re = Ye([
-  h("umb-input-dropdown-list")
-], re);
-var To = Object.defineProperty, Ao = Object.getOwnPropertyDescriptor, U = (e, t, i, n) => {
-  for (var a = n > 1 ? void 0 : n ? Ao(t, i) : t, s = e.length - 1, o; s >= 0; s--)
-    (o = e[s]) && (a = (n ? o(t, i, a) : o(a)) || a);
-  return n && a && To(t, i, a), a;
-}, oa = (e, t, i) => {
-  if (!t.has(e))
-    throw TypeError("Cannot " + i);
-}, m = (e, t, i) => (oa(e, t, "read from private field"), i ? i.call(e) : t.get(e)), A = (e, t, i) => {
-  if (t.has(e))
-    throw TypeError("Cannot add the same private member more than once");
-  t instanceof WeakSet ? t.add(e) : t.set(e, i);
-}, It = (e, t, i, n) => (oa(e, t, "write to private field"), t.set(e, i), i), pe = (e, t, i) => (oa(e, t, "access private method"), i), si, at, nt, v, oi, yn, ra, gn, la, bn, ri, wn, li, $n, ha, Cn;
-let $ = class extends Ke(
-  p
-) {
-  constructor() {
-    super(), A(this, oi), A(this, ra), A(this, la), A(this, ri), A(this, li), A(this, ha), A(this, si, new Xi(this, {
-      getUniqueOfElement: (e) => e.id,
-      getUniqueOfModel: (e) => e,
-      identifier: "Umb.SorterIdentifier.InputEntity",
-      itemSelector: "uui-ref-node",
-      containerSelector: "uui-ref-list",
-      onChange: ({ model: e }) => {
-        this.selection = e, this.dispatchEvent(new d());
-      }
-    })), A(this, at, 0), this.minMessage = "This field need more items", A(this, nt, 1 / 0), this.maxMessage = "This field exceeds the allowed amount of items", A(this, v, void 0), this.addValidator(
-      "rangeUnderflow",
-      () => this.minMessage,
-      () => !!this.min && (m(this, v)?.getSelection().length ?? 0) < this.min
-    ), this.addValidator(
-      "rangeOverflow",
-      () => this.maxMessage,
-      () => !!this.max && (m(this, v)?.getSelection().length ?? 0) > this.max
-    );
-  }
-  getFormElement() {
-  }
-  set min(e) {
-    It(this, at, e), m(this, v) && (m(this, v).min = e);
-  }
-  get min() {
-    return m(this, at);
-  }
-  set max(e) {
-    It(this, nt, e), m(this, v) && (m(this, v).max = e);
-  }
-  get max() {
-    return m(this, nt);
-  }
-  set selection(e) {
-    m(this, v)?.setSelection(e), m(this, si).setModel(e);
-  }
-  get selection() {
-    return m(this, v)?.getSelection() ?? [];
-  }
-  set value(e) {
-    this.selection = Os(e);
-  }
-  get value() {
-    return this.selection.length > 0 ? this.selection.join(",") : void 0;
-  }
-  set pickerContext(e) {
-    m(this, v) || (It(this, v, new e(this)), pe(this, oi, yn).call(this));
-  }
-  render() {
-    return l`${pe(this, li, $n).call(this)} ${pe(this, ri, wn).call(this)}`;
-  }
-};
-si = /* @__PURE__ */ new WeakMap();
-at = /* @__PURE__ */ new WeakMap();
-nt = /* @__PURE__ */ new WeakMap();
-v = /* @__PURE__ */ new WeakMap();
-oi = /* @__PURE__ */ new WeakSet();
-yn = async function() {
-  m(this, v) && (m(this, v).min = this.min, m(this, v).max = this.max, this.observe(m(this, v).selection, (e) => this.value = e.join(","), "_observeSelection"), this.observe(m(this, v).selectedItems, (e) => this._items = e, "_observerItems"));
-};
-ra = /* @__PURE__ */ new WeakSet();
-gn = function() {
-  m(this, v)?.openPicker({
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-    // TODO: ignoring this for now to prevent breaking existing functionality.
-    // if we want a very generic input it should be possible to pass in picker config
-    hideTreeRoot: !0
-  });
-};
-la = /* @__PURE__ */ new WeakSet();
-bn = function(e) {
-  m(this, v)?.requestRemoveItem(e.unique);
-};
-ri = /* @__PURE__ */ new WeakSet();
-wn = function() {
-  if (!(this.max === 1 && this.selection && this.selection.length >= this.max))
-    return l`
-			<uui-button
-				id="btn-add"
-				look="placeholder"
-				@click=${pe(this, ra, gn)}
-				label="${this.localize.term("general_choose")}"></uui-button>
-		`;
-};
-li = /* @__PURE__ */ new WeakSet();
-$n = function() {
-  if (this._items)
-    return l`
-			<uui-ref-list>
-				${le(
-      this._items,
-      (e) => e.unique,
-      (e) => pe(this, ha, Cn).call(this, e)
-    )}
-			</uui-ref-list>
-		`;
-};
-ha = /* @__PURE__ */ new WeakSet();
-Cn = function(e) {
-  if (!e.unique)
-    return;
-  const t = this.getIcon?.(e) ?? e.icon ?? "";
-  return l`
-			<uui-ref-node name=${e.name} id=${e.unique}>
-				${y(t, () => l`<umb-icon slot="icon" name=${t}></umb-icon>`)}
-				<uui-action-bar slot="actions">
-					<uui-button @click=${() => pe(this, la, bn).call(this, e)} label=${this.localize.term("general_remove")}></uui-button>
-				</uui-action-bar>
-			</uui-ref-node>
-		`;
-};
-$.styles = [
-  u`
-			#btn-add {
-				width: 100%;
-			}
-		`
-];
-U([
-  r({ type: Number })
-], $.prototype, "min", 1);
-U([
-  r({ type: String, attribute: "min-message" })
-], $.prototype, "minMessage", 2);
-U([
-  r({ type: Number })
-], $.prototype, "max", 1);
-U([
-  r({ attribute: !1 })
-], $.prototype, "getIcon", 2);
-U([
-  r({ type: String, attribute: "min-message" })
-], $.prototype, "maxMessage", 2);
-U([
-  r({ type: Array })
-], $.prototype, "selection", 1);
-U([
-  r({ type: String })
-], $.prototype, "value", 1);
-U([
-  r({ attribute: !1 })
-], $.prototype, "pickerContext", 1);
-U([
-  c()
-], $.prototype, "_items", 2);
-$ = U([
-  h("umb-input-entity")
-], $);
-var Wo = Object.defineProperty, Io = Object.getOwnPropertyDescriptor, Et = (e, t, i, n) => {
-  for (var a = n > 1 ? void 0 : n ? Io(t, i) : t, s = e.length - 1, o; s >= 0; s--)
-    (o = e[s]) && (a = (n ? o(t, i, a) : o(a)) || a);
-  return n && a && Wo(t, i, a), a;
-}, Do = (e, t, i) => {
-  if (!t.has(e))
-    throw TypeError("Cannot " + i);
-}, Uo = (e, t, i) => {
-  if (t.has(e))
-    throw TypeError("Cannot add the same private member more than once");
-  t instanceof WeakSet ? t.add(e) : t.set(e, i);
-}, Da = (e, t, i) => (Do(e, t, "access private method"), i), st, hi;
-let Ne = class extends D(p, "") {
-  constructor() {
-    super(...arguments), Uo(this, st), this.opacity = !1, this.showPalette = !1;
-  }
-  getFormElement() {
-  }
-  // HACK: Since `uui-color-picker` doesn't have an option to hide the swatches, we had to get creative.
-  // Based on UUI v1.8.0-rc3, the value of `swatches` must be a falsey value to hide them.
-  // https://github.com/umbraco/Umbraco.UI/blob/v1.8.0-rc.3/packages/uui-color-picker/lib/uui-color-picker.element.ts#L517
-  // However, the object-type for `swatches` is a `string[]` (non-nullable).
-  // https://github.com/umbraco/Umbraco.UI/blob/v1.8.0-rc.3/packages/uui-color-picker/lib/uui-color-picker.element.ts#L157
-  // To do this, we must omit the `.swatches` attribute, otherwise the default swatches can't be used.
-  // So, we've use a `when()` render both configurations. [LK]
-  render() {
-    const e = this.showPalette ? this.swatches : void 0;
-    return y(
-      this.showPalette && !e,
-      () => l`
-				<uui-color-picker
-					label="Eye dropper"
-					.opacity=${this.opacity}
-					.value=${this.value}
-					@change=${Da(this, st, hi)}>
-				</uui-color-picker>
-			`,
-      () => l`
-				<uui-color-picker
-					label="Eye dropper"
-					.opacity=${this.opacity}
-					.swatches=${e}
-					.value=${this.value}
-					@change=${Da(this, st, hi)}>
-				</uui-color-picker>
-			`
-    );
-  }
-};
-st = /* @__PURE__ */ new WeakSet();
-hi = function(e) {
-  e.stopPropagation(), this.value = e.target.value, this.dispatchEvent(new d());
-};
-Et([
-  r({ type: Boolean })
-], Ne.prototype, "opacity", 2);
-Et([
-  r({ type: Boolean })
-], Ne.prototype, "showPalette", 2);
-Et([
-  r({ type: Array })
-], Ne.prototype, "swatches", 2);
-Ne = Et([
-  h("umb-input-eye-dropper")
-], Ne);
-var Lo = Object.defineProperty, Ro = Object.getOwnPropertyDescriptor, St = (e, t, i, n) => {
-  for (var a = n > 1 ? void 0 : n ? Ro(t, i) : t, s = e.length - 1, o; s >= 0; s--)
-    (o = e[s]) && (a = (n ? o(t, i, a) : o(a)) || a);
-  return n && a && Lo(t, i, a), a;
-}, ua = (e, t, i) => {
-  if (!t.has(e))
-    throw TypeError("Cannot " + i);
-}, _t = (e, t, i) => (ua(e, t, "read from private field"), i ? i.call(e) : t.get(e)), Je = (e, t, i) => {
-  if (t.has(e))
-    throw TypeError("Cannot add the same private member more than once");
-  t instanceof WeakSet ? t.add(e) : t.set(e, i);
-}, xn = (e, t, i, n) => (ua(e, t, "write to private field"), t.set(e, i), i), Ua = (e, t, i) => (ua(e, t, "access private method"), i), Pt, de, ui, En, ci, Sn;
-let ye = class extends p {
-  constructor() {
-    super(...arguments), Je(this, ui), Je(this, ci), Je(this, Pt, []), Je(this, de, void 0), this.max = 1 / 0;
-  }
-  set extensionType(e) {
-    xn(this, de, e), Ua(this, ui, En).call(this);
-  }
-  get extensionType() {
-    return _t(this, de);
-  }
-  render() {
-    return l`
-			<uui-button
-				label=${this.localize.term("general_choose")}
-				look="placeholder"
-				color="default"
-				@click=${Ua(this, ci, Sn)}></uui-button>
-		`;
-  }
-};
-Pt = /* @__PURE__ */ new WeakMap();
-de = /* @__PURE__ */ new WeakMap();
-ui = /* @__PURE__ */ new WeakSet();
-En = function() {
-  _t(this, de) && this.observe(Gi.byType(_t(this, de)), (e) => {
-    xn(this, Pt, e.sort((t, i) => t.type.localeCompare(i.type) || t.alias.localeCompare(i.alias)));
-  });
-};
-ci = /* @__PURE__ */ new WeakSet();
-Sn = async function() {
-  const i = await (await this.getContext(Fa)).open(this, _s, {
-    data: {
-      headline: `${this.localize.term("general_choose")}...`,
-      items: _t(this, Pt).filter((n) => n.type === this.extensionType).map((n) => ({
-        label: n.name,
-        value: n.alias,
-        description: n.alias,
-        icon: n.meta?.icon
-        // HACK: Ugly way to get the icon. [LK]
-      }))
-    }
-  }).onSubmit();
-  i && (this.value = i, this.dispatchEvent(new d()));
-};
-ye.styles = [
-  u`
-			:host {
-				display: flex;
-				flex-direction: column;
-			}
-		`
-];
-St([
-  r({ type: String, attribute: "extension-type" })
-], ye.prototype, "extensionType", 1);
-St([
-  r({ attribute: !1 })
-], ye.prototype, "value", 2);
-St([
-  r({ type: Number })
-], ye.prototype, "max", 2);
-ye = St([
-  h("umb-input-manifest")
-], ye);
-var zo = Object.defineProperty, Bo = Object.getOwnPropertyDescriptor, q = (e, t, i, n) => {
-  for (var a = n > 1 ? void 0 : n ? Bo(t, i) : t, s = e.length - 1, o; s >= 0; s--)
-    (o = e[s]) && (a = (n ? o(t, i, a) : o(a)) || a);
-  return n && a && zo(t, i, a), a;
-}, Vo = (e, t, i) => {
-  if (!t.has(e))
-    throw TypeError("Cannot " + i);
-}, La = (e, t, i) => {
-  if (t.has(e))
-    throw TypeError("Cannot add the same private member more than once");
-  t instanceof WeakSet ? t.add(e) : t.set(e, i);
-}, Ra = (e, t, i) => (Vo(e, t, "access private method"), i), pi, Pn, di, kn;
-function za(e) {
-  const t = parseInt(e, 10);
-  return isNaN(t) ? void 0 : t;
-}
-let P = class extends Ke(p) {
-  constructor() {
-    super(), La(this, pi), La(this, di), this.minLabel = "Low value", this.maxLabel = "High value", this.addValidator(
-      "patternMismatch",
-      () => "The low value must not be exceed the high value",
-      () => this._minValue !== void 0 && this._maxValue !== void 0 ? this._minValue > this._maxValue : !1
-    );
-  }
-  set minValue(e) {
-    this._minValue = e, this.updateValue();
-  }
-  get minValue() {
-    return this._minValue;
-  }
-  set maxValue(e) {
-    this._maxValue = e, this.updateValue();
-  }
-  get maxValue() {
-    return this._maxValue;
-  }
-  updateValue() {
-    const e = this._minValue || this._maxValue ? (this._minValue ?? "") + "," + (this._maxValue ?? "") : void 0;
-    super.value !== e && (super.value = e);
-  }
-  set value(e) {
-    if (e !== this.value) {
-      if (e === void 0) {
-        this.minValue = this.maxValue = void 0;
-        return;
-      }
-      const t = e.split(/[ ,]+/);
-      this.minValue = za(t[0]), this.maxValue = za(t[1]);
-    }
-  }
-  get value() {
-    return this.minValue || this.maxValue ? (this.minValue || "") + "," + (this.maxValue || "") : void 0;
-  }
-  firstUpdated() {
-    this.shadowRoot?.querySelectorAll("uui-input").forEach((e) => this.addFormControlElement(e));
-  }
-  focus() {
-    return this.shadowRoot?.querySelector("uui-input")?.focus();
-  }
-  render() {
-    return l`
-			<uui-input
-				type="number"
-				label=${this.minLabel}
-				min=${f(this.validationRange?.min)}
-				max=${f(this.validationRange?.max)}
-				placeholder=${this.validationRange?.min ?? ""}
-				.value=${this._minValue}
-				@input=${Ra(this, pi, Pn)}></uui-input>
-			<b>–</b>
-			<uui-input
-				type="number"
-				label=${this.maxLabel}
-				min=${f(this.validationRange?.min)}
-				max=${f(this.validationRange?.max)}
-				placeholder=${this.validationRange?.max === 1 / 0 ? "∞" : this.validationRange?.max ?? ""}
-				.value=${this._maxValue}
-				@input=${Ra(this, di, kn)}></uui-input>
-		`;
-  }
-};
-pi = /* @__PURE__ */ new WeakSet();
-Pn = function(e) {
-  const t = e.target.value;
-  this.minValue = t ? Number(t) : void 0, this.dispatchEvent(new d());
-};
-di = /* @__PURE__ */ new WeakSet();
-kn = function(e) {
-  const t = e.target.value;
-  this.maxValue = t ? Number(t) : void 0, this.dispatchEvent(new d());
-};
-P.styles = u`
-		:host(:invalid:not([pristine])) {
-			color: var(--uui-color-danger);
-		}
-		:host(:invalid:not([pristine])) uui-input {
-			border-color: var(--uui-color-danger);
-		}
-	`;
-q([
-  r({ type: String, attribute: "min-label" })
-], P.prototype, "minLabel", 2);
-q([
-  r({ type: String, attribute: "max-label" })
-], P.prototype, "maxLabel", 2);
-q([
-  c()
-], P.prototype, "_minValue", 2);
-q([
-  r({ type: Number })
-], P.prototype, "minValue", 1);
-q([
-  c()
-], P.prototype, "_maxValue", 2);
-q([
-  r({ type: Number })
-], P.prototype, "maxValue", 1);
-q([
-  r({ type: Object })
-], P.prototype, "validationRange", 2);
-q([
-  r()
-], P.prototype, "value", 1);
-P = q([
-  h("umb-input-number-range")
-], P);
-var No = Object.defineProperty, qo = Object.getOwnPropertyDescriptor, ca = (e, t, i, n) => {
-  for (var a = n > 1 ? void 0 : n ? qo(t, i) : t, s = e.length - 1, o; s >= 0; s--)
-    (o = e[s]) && (a = (n ? o(t, i, a) : o(a)) || a);
-  return n && a && No(t, i, a), a;
-}, pa = (e, t, i) => {
-  if (!t.has(e))
-    throw TypeError("Cannot " + i);
-}, Ho = (e, t, i) => (pa(e, t, "read from private field"), i ? i.call(e) : t.get(e)), Dt = (e, t, i) => {
-  if (t.has(e))
-    throw TypeError("Cannot add the same private member more than once");
-  t instanceof WeakSet ? t.add(e) : t.set(e, i);
-}, Fo = (e, t, i, n) => (pa(e, t, "write to private field"), t.set(e, i), i), Ba = (e, t, i) => (pa(e, t, "access private method"), i), ot, mi, On, vi, Mn;
-let qe = class extends D(p, "") {
-  constructor() {
-    super(...arguments), Dt(this, mi), Dt(this, vi), Dt(this, ot, ""), this.list = [];
-  }
-  set value(e) {
-    Fo(this, ot, e);
-  }
-  get value() {
-    return Ho(this, ot);
-  }
-  getFormElement() {
-  }
-  render() {
-    return this.list ? l`
-			<uui-radio-group .value=${this.value} @change=${Ba(this, mi, On)}>
-				${le(
-      this.list,
-      (e) => e,
-      (e) => Ba(this, vi, Mn).call(this, e)
-    )}
-			</uui-radio-group>
-		` : _;
-  }
-};
-ot = /* @__PURE__ */ new WeakMap();
-mi = /* @__PURE__ */ new WeakSet();
-On = function(e) {
-  e.stopPropagation(), e.target instanceof Ss && (this.value = e.target.value, this.dispatchEvent(new d()));
-};
-vi = /* @__PURE__ */ new WeakSet();
-Mn = function(e) {
-  return l`<uui-radio value=${e.value} label=${e.label}></uui-radio>`;
-};
-qe.styles = [
-  u`
-			:host {
-				display: block;
-			}
-		`
-];
-ca([
-  r()
-], qe.prototype, "value", 1);
-ca([
-  r({ type: Array })
-], qe.prototype, "list", 2);
-qe = ca([
-  h("umb-input-radio-button-list")
-], qe);
-var Go = Object.defineProperty, Ko = Object.getOwnPropertyDescriptor, ue = (e, t, i, n) => {
-  for (var a = n > 1 ? void 0 : n ? Ko(t, i) : t, s = e.length - 1, o; s >= 0; s--)
-    (o = e[s]) && (a = (n ? o(t, i, a) : o(a)) || a);
-  return n && a && Go(t, i, a), a;
-}, Xo = (e, t, i) => {
-  if (!t.has(e))
-    throw TypeError("Cannot " + i);
-}, Ut = (e, t, i) => {
-  if (t.has(e))
-    throw TypeError("Cannot add the same private member more than once");
-  t instanceof WeakSet ? t.add(e) : t.set(e, i);
-}, yt = (e, t, i) => (Xo(e, t, "access private method"), i), kt, da, fi, Tn, _i, An;
-let Q = class extends D(p, "") {
-  constructor() {
-    super(...arguments), Ut(this, kt), Ut(this, fi), Ut(this, _i), this.min = 0, this.max = 100, this.step = 1, this.valueLow = 0, this.valueHigh = 0, this.enableRange = !1;
-  }
-  getFormElement() {
-  }
-  render() {
-    return this.enableRange ? yt(this, _i, An).call(this) : yt(this, fi, Tn).call(this);
-  }
-};
-kt = /* @__PURE__ */ new WeakSet();
-da = function(e) {
-  e.stopPropagation(), this.value = e.target.value, this.dispatchEvent(new d());
-};
-fi = /* @__PURE__ */ new WeakSet();
-Tn = function() {
-  return l`
-			<uui-slider
-				.min=${this.min}
-				.max=${this.max}
-				.step=${this.step}
-				.value=${this.valueLow.toString()}
-				@change=${yt(this, kt, da)}>
-			</uui-slider>
-		`;
-};
-_i = /* @__PURE__ */ new WeakSet();
-An = function() {
-  return l`
-			<uui-range-slider
-				.min=${this.min}
-				.max=${this.max}
-				.step=${this.step}
-				.value="${this.valueLow},${this.valueHigh}"
-				@change=${yt(this, kt, da)}>
-			</uui-range-slider>
-		`;
-};
-ue([
-  r({ type: Number })
-], Q.prototype, "min", 2);
-ue([
-  r({ type: Number })
-], Q.prototype, "max", 2);
-ue([
-  r({ type: Number })
-], Q.prototype, "step", 2);
-ue([
-  r({ type: Number })
-], Q.prototype, "valueLow", 2);
-ue([
-  r({ type: Number })
-], Q.prototype, "valueHigh", 2);
-ue([
-  r({ type: Boolean, attribute: "enable-range" })
-], Q.prototype, "enableRange", 2);
-Q = ue([
-  h("umb-input-slider")
-], Q);
-var jo = Object.defineProperty, Yo = Object.getOwnPropertyDescriptor, Ee = (e, t, i, n) => {
-  for (var a = n > 1 ? void 0 : n ? Yo(t, i) : t, s = e.length - 1, o; s >= 0; s--)
-    (o = e[s]) && (a = (n ? o(t, i, a) : o(a)) || a);
-  return n && a && jo(t, i, a), a;
-}, ma = (e, t, i) => {
-  if (!t.has(e))
-    throw TypeError("Cannot " + i);
-}, Va = (e, t, i) => (ma(e, t, "read from private field"), i ? i.call(e) : t.get(e)), Lt = (e, t, i) => {
-  if (t.has(e))
-    throw TypeError("Cannot add the same private member more than once");
-  t instanceof WeakSet ? t.add(e) : t.set(e, i);
-}, Jo = (e, t, i, n) => (ma(e, t, "write to private field"), t.set(e, i), i), Rt = (e, t, i) => (ma(e, t, "access private method"), i), Ae, yi, Wn, rt, gi;
-let Z = class extends D(p, "") {
-  constructor() {
-    super(...arguments), Lt(this, yi), Lt(this, rt), Lt(this, Ae, !1), this.showLabels = !1;
-  }
-  set checked(e) {
-    Jo(this, Ae, e), super.value = e.toString(), Rt(this, rt, gi).call(this);
-  }
-  get checked() {
-    return Va(this, Ae);
-  }
-  getFormElement() {
-  }
-  connectedCallback() {
-    super.connectedCallback(), Rt(this, rt, gi).call(this);
-  }
-  render() {
-    return l`<uui-toggle
-			.checked=${Va(this, Ae)}
-			.label=${this._currentLabel}
-			@change=${Rt(this, yi, Wn)}></uui-toggle>`;
-  }
-};
-Ae = /* @__PURE__ */ new WeakMap();
-yi = /* @__PURE__ */ new WeakSet();
-Wn = function(e) {
-  e.stopPropagation(), this.checked = e.target.checked, this.dispatchEvent(new d());
-};
-rt = /* @__PURE__ */ new WeakSet();
-gi = function() {
-  this._currentLabel = this.showLabels ? this.checked ? this.labelOn : this.labelOff : "";
-};
-Z.styles = [
-  u`
-			uui-toggle {
-				width: 100%;
-			}
-		`
-];
-Ee([
-  r({ type: Boolean })
-], Z.prototype, "checked", 1);
-Ee([
-  r({ type: Boolean })
-], Z.prototype, "showLabels", 2);
-Ee([
-  r({ type: String })
-], Z.prototype, "labelOn", 2);
-Ee([
-  r({ type: String })
-], Z.prototype, "labelOff", 2);
-Ee([
-  c()
-], Z.prototype, "_currentLabel", 2);
-Z = Ee([
-  h("umb-input-toggle")
-], Z);
-var Qo = Object.defineProperty, Zo = Object.getOwnPropertyDescriptor, Se = (e, t, i, n) => {
-  for (var a = n > 1 ? void 0 : n ? Zo(t, i) : t, s = e.length - 1, o; s >= 0; s--)
-    (o = e[s]) && (a = (n ? o(t, i, a) : o(a)) || a);
-  return n && a && Qo(t, i, a), a;
-}, er = (e, t, i) => {
-  if (!t.has(e))
-    throw TypeError("Cannot " + i);
-}, zt = (e, t, i) => {
-  if (t.has(e))
-    throw TypeError("Cannot add the same private member more than once");
-  t instanceof WeakSet ? t.add(e) : t.set(e, i);
-}, Bt = (e, t, i) => (er(e, t, "access private method"), i), bi, In, wi, Dn, $i, Un;
-let ee = class extends Ke(p) {
-  constructor() {
-    super(...arguments), zt(this, bi), zt(this, wi), zt(this, $i), this.label = "", this.aliasReadonly = !1, this._aliasLocked = !0;
-  }
-  firstUpdated() {
-    this.shadowRoot?.querySelectorAll("uui-input").forEach((e) => this.addFormControlElement(e));
-  }
-  focus() {
-    return this.shadowRoot?.querySelector("uui-input")?.focus();
-  }
-  render() {
-    const e = this.label ?? this.localize.term("placeholders_entername"), t = this.localize.term("placeholders_enterAlias");
-    return l`
-			<uui-input
-				id="name"
-				placeholder=${e}
-				label=${e}
-				.value=${this.value}
-				@input=${Bt(this, bi, In)}>
-				<!-- TODO: should use UUI-LOCK-INPUT, but that does not fire an event when its locked/unlocked -->
-				<uui-input
-					auto-width
-					name="alias"
-					slot="append"
-					label=${t}
-					.value=${this.alias}
-					placeholder=${t}
-					?disabled=${this._aliasLocked && !this.aliasReadonly}
-					?readonly=${this.aliasReadonly}
-					@input=${Bt(this, wi, Dn)}>
-					<!-- TODO: validation for bad characters -->
-					${this.aliasReadonly ? _ : l`
-								<div @click=${Bt(this, $i, Un)} @keydown=${() => ""} id="alias-lock" slot="prepend">
-									<uui-icon name=${this._aliasLocked ? "icon-lock" : "icon-unlocked"}></uui-icon>
-								</div>
-							`}
-				</uui-input>
-			</uui-input>
-		`;
-  }
-};
-bi = /* @__PURE__ */ new WeakSet();
-In = function(e) {
-  if (!(e instanceof ja))
-    return;
-  if (typeof e.composedPath()[0]?.value == "string") {
-    const i = this.value, n = this.alias ?? "";
-    this.value = e.target.value.toString(), this.autoGenerateAlias && this._aliasLocked && Ta(i ?? "") === n && (this.alias = Ta(this.value)), this.dispatchEvent(new d());
-  }
-};
-wi = /* @__PURE__ */ new WeakSet();
-Dn = function(e) {
-  if (e.stopPropagation(), !(e instanceof ja))
-    return;
-  const t = e.composedPath()[0];
-  typeof t?.value == "string" && (this.alias = t.value, this.dispatchEvent(new d()));
-};
-$i = /* @__PURE__ */ new WeakSet();
-Un = function() {
-  this._aliasLocked = !this._aliasLocked;
-};
-ee.styles = u`
-		#name {
-			width: 100%;
-			flex: 1 1 auto;
-			align-items: center;
-		}
-
-		#name > uui-input {
-			max-width: 50%;
-		}
-
-		:host(:invalid:not([pristine])) {
-			color: var(--uui-color-danger);
-		}
-		:host(:invalid:not([pristine])) > uui-input {
-			border-color: var(--uui-color-danger);
-		}
-
-		#alias-lock {
-			display: flex;
-			align-items: center;
-			justify-content: center;
-			cursor: pointer;
-		}
-
-		#alias-lock uui-icon {
-			margin-bottom: 2px;
-		}
-	`;
-Se([
-  r({ type: String })
-], ee.prototype, "label", 2);
-Se([
-  r({ type: String, reflect: !1 })
-], ee.prototype, "alias", 2);
-Se([
-  r({ type: Boolean, reflect: !0, attribute: "alias-readonly" })
-], ee.prototype, "aliasReadonly", 2);
-Se([
-  r({ type: Boolean, attribute: "auto-generate-alias" })
-], ee.prototype, "autoGenerateAlias", 2);
-Se([
-  c()
-], ee.prototype, "_aliasLocked", 2);
-ee = Se([
-  h("umb-input-with-alias")
-], ee);
-var tr = Object.defineProperty, ir = Object.getOwnPropertyDescriptor, L = (e, t, i, n) => {
-  for (var a = n > 1 ? void 0 : n ? ir(t, i) : t, s = e.length - 1, o; s >= 0; s--)
-    (o = e[s]) && (a = (n ? o(t, i, a) : o(a)) || a);
-  return n && a && tr(t, i, a), a;
-}, Ln = (e, t, i) => {
-  if (!t.has(e))
-    throw TypeError("Cannot " + i);
-}, ar = (e, t, i) => (Ln(e, t, "read from private field"), i ? i.call(e) : t.get(e)), ne = (e, t, i) => {
-  if (t.has(e))
-    throw TypeError("Cannot add the same private member more than once");
-  t instanceof WeakSet ? t.add(e) : t.set(e, i);
-}, ge = (e, t, i) => (Ln(e, t, "access private method"), i), Ci, va, Rn, fa, zn, _a, Bn, ya, Vn, xi, Nn, Ei, qn;
-let C = class extends D(p, "") {
-  constructor() {
-    super(), ne(this, va), ne(this, fa), ne(this, _a), ne(this, ya), ne(this, xi), ne(this, Ei), ne(this, Ci, new Xi(this, {
-      getUniqueOfElement: (e) => e.value.toString(),
-      getUniqueOfModel: (e) => e.value,
-      identifier: "Umb.SorterIdentifier.ColorEditor",
-      itemSelector: "umb-multiple-color-picker-item-input",
-      containerSelector: "#sorter-wrapper",
-      onChange: ({ model: e }) => {
-        const t = this._items;
-        this._items = e, this.requestUpdate("_items", t), this.dispatchEvent(new d());
-      }
-    })), this.minMessage = "This field need more items", this.maxMessage = "This field exceeds the allowed amount of items", this.disabled = !1, this.readonly = !1, this.showLabels = !1, this._items = [], this.consumeContext(Ms, async (e) => {
-      const t = e;
-      this.observe(
-        await t.propertyValueByAlias("useLabel"),
-        (i) => {
-          this.showLabels = !!i;
-        },
-        "observeUseLabel"
-      );
-    }), this.addValidator(
-      "rangeUnderflow",
-      () => this.minMessage,
-      () => !!this.min && this._items.length < this.min
-    ), this.addValidator(
-      "rangeOverflow",
-      () => this.maxMessage,
-      () => !!this.max && this._items.length > this.max
-    );
-  }
-  set items(e) {
-    this._items = e ?? [], ar(this, Ci).setModel(this.items);
-  }
-  get items() {
-    return this._items;
-  }
-  getFormElement() {
-  }
-  render() {
-    return l`${ge(this, xi, Nn).call(this)} ${ge(this, Ei, qn).call(this)}`;
-  }
-};
-Ci = /* @__PURE__ */ new WeakMap();
-va = /* @__PURE__ */ new WeakSet();
-Rn = function() {
-  this.items = [...this._items, { value: "", label: "" }], this.pristine = !1, this.dispatchEvent(new d()), ge(this, _a, Bn).call(this);
-};
-fa = /* @__PURE__ */ new WeakSet();
-zn = function(e, t) {
-  e.stopPropagation();
-  const i = e.currentTarget, n = i.value, a = i.label;
-  this.items = this._items.map((s, o) => o === t ? { value: n, label: a } : s), this.dispatchEvent(new d());
-};
-_a = /* @__PURE__ */ new WeakSet();
-Bn = async function() {
-  await this.updateComplete;
-  const e = this.shadowRoot?.querySelectorAll(
-    "umb-multiple-color-picker-item-input"
-  );
-  e && e[e.length - 1].focus();
-};
-ya = /* @__PURE__ */ new WeakSet();
-Vn = function(e, t) {
-  e.stopPropagation(), this.items = this._items.filter((i, n) => n !== t), this.pristine = !1, this.dispatchEvent(new d());
-};
-xi = /* @__PURE__ */ new WeakSet();
-Nn = function() {
-  return l`
-			<div id="sorter-wrapper">
-				${le(
-    this._items,
-    (e) => e.value,
-    (e, t) => l`
-						<umb-multiple-color-picker-item-input
-							label=${e.label}
-							value=${e.value}
-							required
-							required-message="Item ${t + 1} is missing a value"
-							?disabled=${this.disabled}
-							?readonly=${this.readonly}
-							?showLabels=${this.showLabels}
-							@change=${(i) => ge(this, fa, zn).call(this, i, t)}
-							@delete=${(i) => ge(this, ya, Vn).call(this, i, t)}>
-						</umb-multiple-color-picker-item-input>
-					`
-  )}
-			</div>
-		`;
-};
-Ei = /* @__PURE__ */ new WeakSet();
-qn = function() {
-  return this.disabled || this.readonly ? _ : l`
-			<uui-button
-				id="action"
-				label=${this.localize.term("general_add")}
-				look="placeholder"
-				color="default"
-				?disabled=${this.disabled}
-				@click=${ge(this, va, Rn)}></uui-button>
-		`;
-};
-C.styles = [
-  u`
-			#action {
-				display: block;
-			}
-
-			.--umb-sorter-placeholder {
-				position: relative;
-				visibility: hidden;
-			}
-			.--umb-sorter-placeholder::after {
-				content: '';
-				position: absolute;
-				inset: 0px;
-				border-radius: var(--uui-border-radius);
-				border: 1px dashed var(--uui-color-divider-emphasis);
-			}
-		`
-];
-L([
-  r({ type: Number })
-], C.prototype, "min", 2);
-L([
-  r({ type: String, attribute: "min-message" })
-], C.prototype, "minMessage", 2);
-L([
-  r({ type: Number })
-], C.prototype, "max", 2);
-L([
-  r({ type: String, attribute: "min-message" })
-], C.prototype, "maxMessage", 2);
-L([
-  r({ type: Boolean, reflect: !0 })
-], C.prototype, "disabled", 2);
-L([
-  r({ type: Boolean, reflect: !0 })
-], C.prototype, "readonly", 2);
-L([
-  r({ type: Boolean })
-], C.prototype, "showLabels", 2);
-L([
-  c()
-], C.prototype, "_items", 2);
-L([
-  r({ type: Array })
-], C.prototype, "items", 1);
-C = L([
-  h("umb-multiple-color-picker-input")
-], C);
-var nr = Object.defineProperty, sr = Object.getOwnPropertyDescriptor, H = (e, t, i, n) => {
-  for (var a = n > 1 ? void 0 : n ? sr(t, i) : t, s = e.length - 1, o; s >= 0; s--)
-    (o = e[s]) && (a = (n ? o(t, i, a) : o(a)) || a);
-  return n && a && nr(t, i, a), a;
-}, or = (e, t, i) => {
-  if (!t.has(e))
-    throw TypeError("Cannot " + i);
-}, R = (e, t, i) => {
-  if (t.has(e))
-    throw TypeError("Cannot add the same private member more than once");
-  t instanceof WeakSet ? t.add(e) : t.set(e, i);
-}, z = (e, t, i) => (or(e, t, "access private method"), i), Si, Hn, Pi, Fn, ki, Gn, Oi, Kn, Mi, Xn, Ti, jn, Ai, Yn, Wi, Jn, Ii, Qn;
-let k = class extends D(p, "") {
-  constructor() {
-    super(...arguments), R(this, Si), R(this, Pi), R(this, ki), R(this, Oi), R(this, Mi), R(this, Ti), R(this, Ai), R(this, Wi), R(this, Ii), this._valueHex = "", this.disabled = !1, this.readonly = !1, this.showLabels = !1;
-  }
-  set value(e) {
-    e.startsWith("#") ? (this._valueHex = e, super.value = e.substring(1)) : (super.value = e, this._valueHex = `#${e}`);
-  }
-  get value() {
-    return super.value;
-  }
-  async focus() {
-    await this.updateComplete, this._input?.focus();
-  }
-  getFormElement() {
-  }
-  render() {
-    return l`
-			<uui-form-validation-message id="validation-message" @invalid=${z(this, Wi, Jn)} @valid=${z(this, Ai, Yn)}>
-				<div id="item">
-					${this.disabled || this.readonly ? _ : l`<uui-icon name="icon-navigation"></uui-icon>`}
-					<div class="color-wrapper">
-						<uui-input
-							id="input"
-							value=${this.value}
-							label=${this.localize.term("general_value")}
-							placeholder=${this.localize.term("general_value")}
-							required=${this.required}
-							required-message="Value is missing"
-							@input=${z(this, Mi, Xn)}
-							@change=${z(this, Oi, Kn)}>
-							<uui-color-swatch
-								slot="prepend"
-								label=${this.value}
-								value=${this._valueHex}
-								@click=${z(this, Ii, Qn)}></uui-color-swatch>
-						</uui-input>
-						<input aria-hidden="${!0}" type="color" id="color" value=${this.value} @change=${z(this, Ti, jn)} />
-					</div>
-					${y(
-      this.showLabels,
-      () => l`
-							<uui-input
-								label=${this.localize.term("placeholders_label")}
-								placeholder=${this.localize.term("placeholders_label")}
-								value=${f(this.label)}
-								@input="${z(this, Pi, Fn)}"
-								@change="${z(this, ki, Gn)}"
-								?disabled=${this.disabled}
-								?readonly=${this.readonly}></uui-input>
-						`
-    )}
-					${y(
-      !this.readonly,
-      () => l`
-							<uui-button
-								compact
-								color="danger"
-								label=${this.localize.term("actions_delete")}
-								look="primary"
-								?disabled=${this.disabled}
-								@click=${z(this, Si, Hn)}>
-								<uui-icon name="icon-trash"></uui-icon>
-							</uui-button>
-						`
-    )}
-				</div>
-			</uui-form-validation-message>
-		`;
-  }
-};
-Si = /* @__PURE__ */ new WeakSet();
-Hn = async function() {
-  await Ga(this, {
-    headline: `${this.localize.term("actions_delete")} ${this.value || ""}`,
-    content: this.localize.term("content_nestedContentDeleteItem"),
-    color: "danger",
-    confirmLabel: this.localize.term("actions_delete")
-  }), this.dispatchEvent(new Ka());
-};
-Pi = /* @__PURE__ */ new WeakSet();
-Fn = function(e) {
-  e.stopPropagation(), this.label = e.target.value, this.dispatchEvent(new Ki());
-};
-ki = /* @__PURE__ */ new WeakSet();
-Gn = function(e) {
-  e.stopPropagation(), this.label = e.target.value, this.dispatchEvent(new d());
-};
-Oi = /* @__PURE__ */ new WeakSet();
-Kn = function(e) {
-  e.stopPropagation(), this.value = e.target.value, this.dispatchEvent(new d());
-};
-Mi = /* @__PURE__ */ new WeakSet();
-Xn = function(e) {
-  e.stopPropagation(), this.value = e.target.value, this.dispatchEvent(new Ki());
-};
-Ti = /* @__PURE__ */ new WeakSet();
-jn = function(e) {
-  e.stopPropagation(), this.value = this._colorPicker.value, this.dispatchEvent(new d());
-};
-Ai = /* @__PURE__ */ new WeakSet();
-Yn = function(e) {
-  e.stopPropagation();
-};
-Wi = /* @__PURE__ */ new WeakSet();
-Jn = function(e) {
-  e.stopPropagation();
-};
-Ii = /* @__PURE__ */ new WeakSet();
-Qn = function() {
-  this._colorPicker.click();
-};
-k.styles = [
-  u`
-			:host {
-				display: flex;
-				align-items: center;
-				margin-bottom: var(--uui-size-space-3);
-				gap: var(--uui-size-space-3);
-			}
-
-			#item {
-				position: relative;
-				display: flex;
-				gap: var(--uui-size-1);
-				align-items: center;
-			}
-			uui-input {
-				flex: 1;
-			}
-
-			uui-color-swatch {
-				padding: var(--uui-size-1);
-			}
-
-			.color-wrapper {
-				position: relative;
-				flex: 1;
-				display: flex;
-				flex-direction: column;
-			}
-
-			uui-input,
-			#validation-message {
-				flex: 1;
-			}
-
-			input[type='color'] {
-				visibility: hidden;
-				width: 0px;
-				padding: 0;
-				margin: 0;
-				position: absolute;
-			}
-		`
-];
-H([
-  r({ type: String })
-], k.prototype, "value", 1);
-H([
-  c()
-], k.prototype, "_valueHex", 2);
-H([
-  r({ type: Boolean, reflect: !0 })
-], k.prototype, "disabled", 2);
-H([
-  r({ type: Boolean, reflect: !0 })
-], k.prototype, "readonly", 2);
-H([
-  r({ type: String })
-], k.prototype, "label", 2);
-H([
-  I("#input")
-], k.prototype, "_input", 2);
-H([
-  I("#color")
-], k.prototype, "_colorPicker", 2);
-H([
-  r({ type: Boolean })
-], k.prototype, "showLabels", 2);
-k = H([
-  h("umb-multiple-color-picker-item-input")
-], k);
-var rr = Object.defineProperty, lr = Object.getOwnPropertyDescriptor, F = (e, t, i, n) => {
-  for (var a = n > 1 ? void 0 : n ? lr(t, i) : t, s = e.length - 1, o; s >= 0; s--)
-    (o = e[s]) && (a = (n ? o(t, i, a) : o(a)) || a);
-  return n && a && rr(t, i, a), a;
-}, ga = (e, t, i) => {
-  if (!t.has(e))
-    throw TypeError("Cannot " + i);
-}, ke = (e, t, i) => (ga(e, t, "read from private field"), i ? i.call(e) : t.get(e)), B = (e, t, i) => {
-  if (t.has(e))
-    throw TypeError("Cannot add the same private member more than once");
-  t instanceof WeakSet ? t.add(e) : t.set(e, i);
-}, Na = (e, t, i, n) => (ga(e, t, "write to private field"), t.set(e, i), i), be = (e, t, i) => (ga(e, t, "access private method"), i), We, lt, ht, ba, Zn, wa, es, $a, ts, Ca, is, Di, as, Ui, ns;
-let O = class extends Ke(
-  p,
-  void 0
-) {
-  constructor() {
-    super(), B(this, ba), B(this, wa), B(this, $a), B(this, Ca), B(this, Di), B(this, Ui), B(this, We, new Xi(this, {
-      getUniqueOfElement: (e) => e.getAttribute("data-sort-entry-id"),
-      getUniqueOfModel: (e) => e,
-      identifier: "Umb.SorterIdentifier.ColorEditor",
-      itemSelector: "umb-input-multiple-text-string-item",
-      containerSelector: "#sorter-wrapper",
-      onChange: ({ model: e }) => {
-        const t = this._items;
-        this._items = e, this.requestUpdate("_items", t);
-      }
-    })), this.minMessage = "This field need more items", this.maxMessage = "This field exceeds the allowed amount of items", B(this, lt, !1), B(this, ht, !1), this._items = [], this.addValidator(
-      "rangeUnderflow",
-      () => this.minMessage,
-      () => !!this.min && this._items.length < this.min
-    ), this.addValidator(
-      "rangeOverflow",
-      () => this.maxMessage,
-      () => !!this.max && this._items.length > this.max
-    );
-  }
-  set disabled(e) {
-    Na(this, lt, e), e && ke(this, We).disable();
-  }
-  get disabled() {
-    return ke(this, lt);
-  }
-  set readonly(e) {
-    Na(this, ht, e), e && ke(this, We).disable();
-  }
-  get readonly() {
-    return ke(this, ht);
-  }
-  get items() {
-    return this._items;
-  }
-  set items(e) {
-    this.value = e?.length > 0 ? "some value" : "", this._items = e ?? [], ke(this, We).setModel(this.items);
-  }
-  getFormElement() {
-  }
-  render() {
-    return l`<div id="sorter-wrapper">${be(this, Di, as).call(this)}</div>
-			${be(this, Ui, ns).call(this)}`;
-  }
-};
-We = /* @__PURE__ */ new WeakMap();
-lt = /* @__PURE__ */ new WeakMap();
-ht = /* @__PURE__ */ new WeakMap();
-ba = /* @__PURE__ */ new WeakSet();
-Zn = function() {
-  this._items = [...this._items, ""], this.pristine = !1, this.dispatchEvent(new d()), be(this, $a, ts).call(this);
-};
-wa = /* @__PURE__ */ new WeakSet();
-es = function(e, t) {
-  e.stopPropagation();
-  const n = e.currentTarget.value;
-  this._items = this._items.map((a, s) => s === t ? n : a), this.dispatchEvent(new d());
-};
-$a = /* @__PURE__ */ new WeakSet();
-ts = async function() {
-  await this.updateComplete;
-  const e = this.shadowRoot?.querySelectorAll(
-    "umb-input-multiple-text-string-item"
-  );
-  e[e.length - 1].focus();
-};
-Ca = /* @__PURE__ */ new WeakSet();
-is = function(e, t) {
-  e.stopPropagation(), this._items = this._items.filter((i, n) => n !== t), this.pristine = !1, this.dispatchEvent(new d());
-};
-Di = /* @__PURE__ */ new WeakSet();
-as = function() {
-  return l`
-			${le(
-    this._items,
-    (e, t) => t,
-    (e, t) => l`
-					<umb-input-multiple-text-string-item
-						name="item-${t}"
-						data-sort-entry-id=${e}
-						required
-						required-message="Item ${t + 1} is missing a value"
-						value=${e}
-						?disabled=${this.disabled}
-						?readonly=${this.readonly}
-						@delete=${(i) => be(this, Ca, is).call(this, i, t)}
-						@input=${(i) => be(this, wa, es).call(this, i, t)}>
-					</umb-input-multiple-text-string-item>
-				`
-  )}
-		`;
-};
-Ui = /* @__PURE__ */ new WeakSet();
-ns = function() {
-  return this.disabled || this.readonly ? _ : l`
-			<uui-button
-				color="default"
-				id="action"
-				label="Add"
-				look="placeholder"
-				?disabled=${this.disabled}
-				@click=${be(this, ba, Zn)}></uui-button>
-		`;
-};
-O.styles = [
-  u`
-			#action {
-				display: block;
-			}
-
-			.--umb-sorter-placeholder {
-				position: relative;
-				visibility: hidden;
-			}
-			.--umb-sorter-placeholder::after {
-				content: '';
-				position: absolute;
-				inset: 0px;
-				border-radius: var(--uui-border-radius);
-				border: 1px dashed var(--uui-color-divider-emphasis);
-			}
-		`
-];
-F([
-  r({ type: Number })
-], O.prototype, "min", 2);
-F([
-  r({ type: String, attribute: "min-message" })
-], O.prototype, "minMessage", 2);
-F([
-  r({ type: Number })
-], O.prototype, "max", 2);
-F([
-  r({ type: String, attribute: "min-message" })
-], O.prototype, "maxMessage", 2);
-F([
-  r({ type: Boolean, reflect: !0 })
-], O.prototype, "disabled", 1);
-F([
-  r({ type: Boolean, reflect: !0 })
-], O.prototype, "readonly", 1);
-F([
-  c()
-], O.prototype, "_items", 2);
-F([
-  r({ type: Array })
-], O.prototype, "items", 1);
-O = F([
-  h("umb-input-multiple-text-string")
-], O);
-var hr = Object.defineProperty, ur = Object.getOwnPropertyDescriptor, Ot = (e, t, i, n) => {
-  for (var a = n > 1 ? void 0 : n ? ur(t, i) : t, s = e.length - 1, o; s >= 0; s--)
-    (o = e[s]) && (a = (n ? o(t, i, a) : o(a)) || a);
-  return n && a && hr(t, i, a), a;
-}, cr = (e, t, i) => {
-  if (!t.has(e))
-    throw TypeError("Cannot " + i);
-}, Oe = (e, t, i) => {
-  if (t.has(e))
-    throw TypeError("Cannot add the same private member more than once");
-  t instanceof WeakSet ? t.add(e) : t.set(e, i);
-}, Me = (e, t, i) => (cr(e, t, "access private method"), i), Li, ss, Ri, os, zi, rs, Bi, ls, Vi, hs;
-let we = class extends D(p, "") {
-  constructor() {
-    super(...arguments), Oe(this, Li), Oe(this, Ri), Oe(this, zi), Oe(this, Bi), Oe(this, Vi), this.disabled = !1, this.readonly = !1;
-  }
-  async focus() {
-    await this.updateComplete, this._input?.focus();
-  }
-  getFormElement() {
-  }
-  render() {
-    return l`
-			${this.disabled || this.readonly ? _ : l`<uui-icon name="icon-navigation" class="handle"></uui-icon>`}
-
-			<uui-form-validation-message id="validation-message" @invalid=${Me(this, Vi, hs)} @valid=${Me(this, Bi, ls)}>
-				<uui-input
-					id="input"
-					label="Value"
-					value=${this.value}
-					@input=${Me(this, Ri, os)}
-					@change=${Me(this, zi, rs)}
-					?disabled=${this.disabled}
-					?readonly=${this.readonly}
-					required=${this.required}
-					required-message="Value is missing"></uui-input>
-			</uui-form-validation-message>
-
-			${y(
-      !this.readonly,
-      () => l`
-					<uui-button
-						compact
-						color="danger"
-						label="${this.localize.term("general_remove")} ${this.value}"
-						look="outline"
-						?disabled=${this.disabled}
-						@click=${Me(this, Li, ss)}>
-						<uui-icon name="icon-trash"></uui-icon>
-					</uui-button>
-				`
-    )}
-		`;
-  }
-};
-Li = /* @__PURE__ */ new WeakSet();
-ss = async function() {
-  await Ga(this, {
-    headline: `Delete ${this.value || "item"}`,
-    content: "Are you sure you want to delete this item?",
-    color: "danger",
-    confirmLabel: "Delete"
-  }), this.dispatchEvent(new Ka());
-};
-Ri = /* @__PURE__ */ new WeakSet();
-os = function(e) {
-  e.stopPropagation();
-  const t = e.currentTarget;
-  this.value = t.value, this.dispatchEvent(new Ki());
-};
-zi = /* @__PURE__ */ new WeakSet();
-rs = function(e) {
-  e.stopPropagation();
-  const t = e.currentTarget;
-  this.value = t.value, this.dispatchEvent(new d());
-};
-Bi = /* @__PURE__ */ new WeakSet();
-ls = function(e) {
-  e.stopPropagation();
-};
-Vi = /* @__PURE__ */ new WeakSet();
-hs = function(e) {
-  e.stopPropagation();
-};
-we.styles = [
-  u`
-			:host {
-				display: flex;
-				align-items: center;
-				margin-bottom: var(--uui-size-space-3);
-				gap: var(--uui-size-space-3);
-			}
-
-			#validation-message {
-				flex: 1;
-			}
-
-			#input {
-				width: 100%;
-			}
-
-			.handle {
-				cursor: move;
-			}
-		`
-];
-Ot([
-  r({ type: Boolean, reflect: !0 })
-], we.prototype, "disabled", 2);
-Ot([
-  r({ type: Boolean, reflect: !0 })
-], we.prototype, "readonly", 2);
-Ot([
-  I("#input")
-], we.prototype, "_input", 2);
-we = Ot([
-  h("umb-input-multiple-text-string-item")
-], we);
-var pr = Object.defineProperty, dr = Object.getOwnPropertyDescriptor, mr = (e, t, i, n) => {
-  for (var a = n > 1 ? void 0 : n ? dr(t, i) : t, s = e.length - 1, o; s >= 0; s--)
-    (o = e[s]) && (a = (n ? o(t, i, a) : o(a)) || a);
-  return n && a && pr(t, i, a), a;
-};
-let Ni = class extends p {
-  render() {
-    return l`<slot></slot>`;
-  }
-};
-Ni.styles = [
-  g,
-  u`
-			:host {
-				background-color: var(--uui-color-surface);
-				display: block;
-				border: 1px solid var(--uui-color-border);
-				border-radius: var(--uui-border-radius);
-				box-shadow: var(--uui-shadow-depth-3);
-				overflow: clip;
-			}
-		`
-];
-Ni = mr([
-  h("umb-popover-layout")
-], Ni);
-var vr = Object.defineProperty, fr = Object.getOwnPropertyDescriptor, Mt = (e, t, i, n) => {
-  for (var a = n > 1 ? void 0 : n ? fr(t, i) : t, s = e.length - 1, o; s >= 0; s--)
-    (o = e[s]) && (a = (n ? o(t, i, a) : o(a)) || a);
-  return n && a && vr(t, i, a), a;
-};
-let $e = class extends Ts(Ya) {
-  constructor() {
-    super(), this.name = "", this.detail = "", this.icon = "", this.selectable = !0, this.addEventListener(Ps.OPEN, () => this.dispatchEvent(new Event("click")));
-  }
-  render() {
-    return l`
-			<button
-				type="button"
-				id="btn-item"
-				tabindex="0"
-				@click=${this.handleOpenClick}
-				@keydown=${this.handleOpenKeydown}
-				?disabled=${this.disabled}>
-				${y(this.icon, () => l`<span id="icon"><uui-icon name=${this.icon ?? ""}></uui-icon></span>`)}
-				<div id="info">
-					<div id="name">${this.name}</div>
-					<small id="detail">${this.detail}</small>
-				</div>
-			</button>
-			<div id="select-border"></div>
-			<slot></slot>
-		`;
-  }
-};
-$e.styles = [
-  ...Ya.styles,
-  ...ks.styles,
-  g,
-  u`
-			:host {
-				padding: calc(var(--uui-size-4) + 1px);
-			}
-
-			#btn-item {
-				text-decoration: none;
-				color: inherit;
-				align-self: stretch;
-				line-height: normal;
-
-				display: flex;
-				position: relative;
-				align-items: center;
-				cursor: pointer;
-			}
-		`
-];
-Mt([
-  r({ type: String })
-], $e.prototype, "name", 2);
-Mt([
-  r({ type: String })
-], $e.prototype, "detail", 2);
-Mt([
-  r({ type: String })
-], $e.prototype, "icon", 2);
-$e = Mt([
-  h("umb-ref-item")
-], $e);
-var _r = Object.defineProperty, yr = Object.getOwnPropertyDescriptor, xa = (e, t, i, n) => {
-  for (var a = n > 1 ? void 0 : n ? yr(t, i) : t, s = e.length - 1, o; s >= 0; s--)
-    (o = e[s]) && (a = (n ? o(t, i, a) : o(a)) || a);
-  return n && a && _r(t, i, a), a;
-};
-let He = class extends p {
-  constructor() {
-    super(...arguments), this.look = "default", this.divide = !1;
-  }
-  render() {
-    return l`
-			<div class=${vs({ divide: this.divide, compact: this.look === "compact" })}>
-				<slot></slot>
-			</div>
-		`;
-  }
-};
-He.styles = [
-  u`
-			div {
-				display: block;
-				position: relative;
-			}
-
-			::slotted(*) {
-				position: relative;
-				margin-top: var(--uui-size-space-6);
-			}
-
-			.divide ::slotted(*)::before {
-				content: '';
-				position: absolute;
-				top: calc((var(--uui-size-space-6) / 2) * -1);
-				height: 0;
-				width: 100%;
-				border-top: solid 1px var(--uui-color-divider-standalone);
-			}
-
-			::slotted(*:first-child) {
-				margin-top: 0;
-			}
-
-			.divide ::slotted(*:first-child)::before {
-				display: none;
-			}
-
-			.compact ::slotted(*) {
-				margin-top: var(--uui-size-space-3);
-			}
-
-			.compact ::slotted(*:first-child) {
-				margin-top: 0;
-			}
-
-			.compact.divide ::slotted(*)::before {
-				display: none;
-			}
-		`
-];
-xa([
-  r({ type: String })
-], He.prototype, "look", 2);
-xa([
-  r({ type: Boolean })
-], He.prototype, "divide", 2);
-He = xa([
-  h("umb-stack")
-], He);
-var gr = Object.defineProperty, br = Object.getOwnPropertyDescriptor, G = (e, t, i, n) => {
-  for (var a = n > 1 ? void 0 : n ? br(t, i) : t, s = e.length - 1, o; s >= 0; s--)
-    (o = e[s]) && (a = (n ? o(t, i, a) : o(a)) || a);
-  return n && a && gr(t, i, a), a;
-}, Ea = (e, t, i) => {
-  if (!t.has(e))
-    throw TypeError("Cannot " + i);
-}, x = (e, t, i) => (Ea(e, t, "read from private field"), i ? i.call(e) : t.get(e)), b = (e, t, i) => {
-  if (t.has(e))
-    throw TypeError("Cannot add the same private member more than once");
-  t instanceof WeakSet ? t.add(e) : t.set(e, i);
-}, gt = (e, t, i, n) => (Ea(e, t, "write to private field"), t.set(e, i), i), w = (e, t, i) => (Ea(e, t, "access private method"), i), me, ut, Sa, us, Ce, bt, Pa, Fe, wt, qi, cs, xe, $t, ka, Oa, ps, ct, Hi, Fi, ds;
-let M = class extends Ge {
-  constructor() {
-    super(...arguments), b(this, Sa), b(this, bt), b(this, Fe), b(this, qi), b(this, $t), b(this, Oa), b(this, ct), b(this, Fi), this.lock = "none", this.position = "var(--umb-split-panel-initial-position)", b(this, me, 0), b(this, ut, 25), this._hasStartPanel = !1, this._hasEndPanel = !1, b(this, Ce, !1), b(this, xe, (e) => {
-      e.preventDefault();
-      const t = (a) => {
-        const { clientX: s } = a, { left: o, width: Pe } = this.mainElement.getBoundingClientRect(), ie = w(this, bt, Pa).call(this, s - o, 0, Pe), T = n(ie, Pe);
-        gt(this, me, this.lock === "start" ? T : Pe - T), w(this, Fe, wt).call(this, T);
-      }, i = () => {
-        document.removeEventListener("pointermove", t), document.removeEventListener("pointerup", i), this.dispatchEvent(new CustomEvent("position-changed", { detail: { position: this.position } }));
-      }, n = (a, s) => {
-        const o = this.snap?.split(" ");
-        if (!o)
-          return a;
-        const ie = o.map((T) => {
-          let K = parseFloat(T);
-          return T.endsWith("%") && (K = K / 100 * s), T.startsWith("-") && (K = s + K), K;
-        }).reduce((T, K) => Math.abs(K - a) < Math.abs(T - a) ? K : T);
-        return ie < a + x(this, ut) && ie > a - x(this, ut) && (a = ie), a;
-      };
-      document.addEventListener("pointermove", t, { passive: !0 }), document.addEventListener("pointerup", i);
-    });
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), w(this, $t, ka).call(this);
-  }
-  updated(e) {
-    if (super.updated(e), !!x(this, Ce) && e.has("position")) {
-      if (this.lock !== "none") {
-        const { width: t } = this.mainElement.getBoundingClientRect();
-        let i = parseFloat(this.position);
-        this.position.endsWith("%") && (i = i / 100 * t);
-        const n = this.lock === "start" ? i : t - i;
-        gt(this, me, n);
-      }
-      w(this, qi, cs).call(this);
-    }
-  }
-  render() {
-    return l`
-			<div id="main">
-				<slot
-					name="start"
-					@slotchange=${w(this, ct, Hi)}
-					style="width: ${this._hasStartPanel ? "100%" : "0"}"></slot>
-				<div id="divider">
-					<div id="divider-touch-area" tabindex="0" @keydown=${w(this, Fi, ds)}></div>
-				</div>
-				<slot name="end" @slotchange=${w(this, ct, Hi)} style="width: ${this._hasEndPanel ? "100%" : "0"}"></slot>
-			</div>
-		`;
-  }
-};
-me = /* @__PURE__ */ new WeakMap();
-ut = /* @__PURE__ */ new WeakMap();
-Sa = /* @__PURE__ */ new WeakSet();
-us = function() {
-  return this._hasStartPanel && this._hasEndPanel;
-};
-Ce = /* @__PURE__ */ new WeakMap();
-bt = /* @__PURE__ */ new WeakSet();
-Pa = function(e, t, i) {
-  return Math.min(Math.max(e, t), i);
-};
-Fe = /* @__PURE__ */ new WeakSet();
-wt = function(e) {
-  const { width: t } = this.mainElement.getBoundingClientRect(), n = w(this, bt, Pa).call(this, e, 0, t) / t * 100;
-  this.position = n + "%";
-};
-qi = /* @__PURE__ */ new WeakSet();
-cs = function() {
-  let e = this.position, t = "1fr";
-  this.lock === "start" && (e = x(this, me) + "px", t = "1fr"), this.lock === "end" && (e = "1fr", t = x(this, me) + "px"), this.mainElement.style.gridTemplateColumns = `
-      minmax(var(--umb-split-panel-start-min-width), ${e})
-      0px
-      minmax(var(--umb-split-panel-end-min-width), ${t})
-    `;
-};
-xe = /* @__PURE__ */ new WeakMap();
-$t = /* @__PURE__ */ new WeakSet();
-ka = function() {
-  this.dividerTouchAreaElement.removeEventListener("pointerdown", x(this, xe)), this.dividerTouchAreaElement.removeEventListener("touchstart", x(this, xe)), this.dividerElement.style.display = "none", this.mainElement.style.display = "flex", gt(this, Ce, !1);
-};
-Oa = /* @__PURE__ */ new WeakSet();
-ps = async function() {
-  gt(this, Ce, !0), this.mainElement.style.display = "grid", this.mainElement.style.gridTemplateColumns = `${this.position} 0px 1fr`, this.dividerElement.style.display = "unset", this.dividerTouchAreaElement.addEventListener("pointerdown", x(this, xe)), this.dividerTouchAreaElement.addEventListener("touchstart", x(this, xe), { passive: !1 }), await new Promise((a) => requestAnimationFrame(a));
-  const { left: e } = this.shadowRoot.querySelector("#divider").getBoundingClientRect(), { left: t, width: i } = this.mainElement.getBoundingClientRect(), n = (e - t) / i * 100;
-  this.position = `${n}%`;
-};
-ct = /* @__PURE__ */ new WeakSet();
-Hi = function(e) {
-  const t = e.target, i = t.name;
-  if (i === "start" && (this._hasStartPanel = t.assignedElements().length > 0), i === "end" && (this._hasEndPanel = t.assignedElements().length > 0), !x(this, Sa, us)) {
-    x(this, Ce) && w(this, $t, ka).call(this);
-    return;
-  }
-  w(this, Oa, ps).call(this);
-};
-Fi = /* @__PURE__ */ new WeakSet();
-ds = function(e) {
-  if (e.key === "ArrowLeft" || e.key === "ArrowRight") {
-    const { width: t } = this.mainElement.getBoundingClientRect(), a = (this.dividerElement.getBoundingClientRect().left - this.mainElement.getBoundingClientRect().left) / t * 100, o = 1 * (e.shiftKey ? 10 : 1) * (e.key === "ArrowLeft" ? -1 : 1), ie = (a + o) / 100 * this.mainElement.getBoundingClientRect().width;
-    w(this, Fe, wt).call(this, ie);
-  }
-  if (e.key === "Home" || e.key === "End") {
-    e.preventDefault();
-    const { width: t } = this.mainElement.getBoundingClientRect(), i = e.key === "Home" ? 0 : t;
-    w(this, Fe, wt).call(this, i);
-  }
-};
-M.styles = u`
-		:host {
-			display: contents;
-			--umb-split-panel-initial-position: 50%;
-			--umb-split-panel-start-min-width: 0;
-			--umb-split-panel-end-min-width: 0;
-			--umb-split-panel-divider-touch-area-width: 20px;
-			--umb-split-panel-divider-width: 1px;
-			--umb-split-panel-divider-color: transparent;
-			--umb-split-panel-slot-overflow: hidden;
-		}
-		slot {
-			overflow: var(--umb-split-panel-slot-overflow);
-			display: block;
-			min-height: 0;
-		}
-		#main {
-			width: 100%;
-			height: 100%;
-			display: flex;
-			position: relative;
-			z-index: 0;
-			overflow: hidden;
-		}
-		#divider {
-			height: 100%;
-			position: relative;
-			z-index: 999999;
-			display: none;
-		}
-		#divider-touch-area {
-			position: absolute;
-			top: 0;
-			left: 0;
-			height: 100%;
-			width: var(--umb-split-panel-divider-touch-area-width);
-			transform: translateX(-50%);
-			cursor: col-resize;
-		}
-		/* Do we want a line that shows the divider? */
-		#divider::after {
-			content: '';
-			position: absolute;
-			top: 0;
-			left: 50%;
-			width: var(--umb-split-panel-divider-width);
-			height: 100%;
-			transform: round(translateX(-50%));
-			background-color: var(--umb-split-panel-divider-color);
-			z-index: -1;
-		}
-	`;
-G([
-  I("#main")
-], M.prototype, "mainElement", 2);
-G([
-  I("#divider-touch-area")
-], M.prototype, "dividerTouchAreaElement", 2);
-G([
-  I("#divider")
-], M.prototype, "dividerElement", 2);
-G([
-  r({ type: String })
-], M.prototype, "snap", 2);
-G([
-  r({ type: String })
-], M.prototype, "lock", 2);
-G([
-  r({ type: String, reflect: !0 })
-], M.prototype, "position", 2);
-G([
-  c()
-], M.prototype, "_hasStartPanel", 2);
-G([
-  c()
-], M.prototype, "_hasEndPanel", 2);
-M = G([
-  h("umb-split-panel")
-], M);
-var wr = Object.defineProperty, $r = Object.getOwnPropertyDescriptor, te = (e, t, i, n) => {
-  for (var a = n > 1 ? void 0 : n ? $r(t, i) : t, s = e.length - 1, o; s >= 0; s--)
-    (o = e[s]) && (a = (n ? o(t, i, a) : o(a)) || a);
-  return n && a && wr(t, i, a), a;
-};
-class qa extends Event {
-  constructor() {
-    super("selected", { bubbles: !0, composed: !0 });
-  }
-}
-class Ha extends Event {
-  constructor() {
-    super("deselected", { bubbles: !0, composed: !0 });
-  }
-}
-class Cr extends Event {
-  constructor() {
-    super("ordered", { bubbles: !0, composed: !0 });
-  }
-}
-let W = class extends Ge {
-  constructor() {
-    super(...arguments), this.items = [], this.columns = [], this.config = {
-      allowSelection: !1,
-      hideIcon: !1
-    }, this.selection = [], this.orderingColumn = "", this.orderingDesc = !1, this._selectionMode = !1, this._renderRow = (e) => l`<uui-table-row
-			?selectable="${this.config.allowSelection}"
-			?select-only=${this._selectionMode}
-			?selected=${this._isSelected(e.id)}
-			@selected=${() => this._selectRow(e.id)}
-			@deselected=${() => this._deselectRow(e.id)}>
-			${this._renderRowCheckboxCell(e)} ${this.columns.map((t) => this._renderRowCell(t, e))}
-		</uui-table-row>`;
-  }
-  _isSelected(e) {
-    return this.selection.includes(e);
-  }
-  _handleRowCheckboxChange(e, t) {
-    e.target.checked ? this._selectRow(t.id) : this._deselectRow(t.id);
-  }
-  _handleAllRowsCheckboxChange(e) {
-    e.target.checked ? this._selectAllRows() : this._deselectAllRows();
-  }
-  _handleOrderingChange(e) {
-    this.orderingDesc = this.orderingColumn === e.alias ? !this.orderingDesc : !1, this.orderingColumn = e.alias, this.dispatchEvent(new Cr());
-  }
-  _selectRow(e) {
-    this.selection = [...this.selection, e], this._selectionMode = this.selection.length > 0, this.dispatchEvent(new qa());
-  }
-  _deselectRow(e) {
-    this.selection = this.selection.filter((t) => t !== e), this._selectionMode = this.selection.length > 0, this.dispatchEvent(new Ha());
-  }
-  _selectAllRows() {
-    this.selection = this.items.map((e) => e.id), this._selectionMode = !0, this.dispatchEvent(new qa());
-  }
-  _deselectAllRows() {
-    this.selection = [], this._selectionMode = !1, this.dispatchEvent(new Ha());
-  }
-  render() {
-    return l`<uui-table class="uui-text">
-			<uui-table-column
-				.style=${y(
-      !(this.config.allowSelection === !1 && this.config.hideIcon === !0),
-      () => "width: 60px"
-    )}></uui-table-column>
-			<uui-table-head>
-				${this._renderHeaderCheckboxCell()} ${this.columns.map((e) => this._renderHeaderCell(e))}
-			</uui-table-head>
-			${le(this.items, (e) => e.id, this._renderRow)}
-		</uui-table>`;
-  }
-  _renderHeaderCell(e) {
-    return l`
-			<uui-table-head-cell style="--uui-table-cell-padding: 0 var(--uui-size-5)">
-				${e.allowSorting ? l`${this._renderSortingUI(e)}` : l`<span style="text-align:${e.align ?? "left"};">${e.name}</span>`}
-			</uui-table-head-cell>
-		`;
-  }
-  _renderSortingUI(e) {
-    return l`
-			<button
-				style="padding: var(--uui-size-5) var(--uui-size-1);"
-				@click="${() => this._handleOrderingChange(e)}">
-				<span style="text-align:${e.align ?? "left"};">${e.name}</span>
-				<uui-symbol-sort ?active=${this.orderingColumn === e.alias} ?descending=${this.orderingDesc}>
-				</uui-symbol-sort>
-			</button>
-		`;
-  }
-  _renderHeaderCheckboxCell() {
-    if (!(this.config.hideIcon && !this.config.allowSelection))
-      return l` <uui-table-head-cell style="--uui-table-cell-padding: 0">
-			${y(
-        this.config.allowSelection,
-        () => l` <uui-checkbox
-						label="Select All"
-						style="padding: var(--uui-size-4) var(--uui-size-5);"
-						@change="${this._handleAllRowsCheckboxChange}"
-						?checked="${this.selection.length === this.items.length}">
-					</uui-checkbox>`
-      )}
-		</uui-table-head-cell>`;
-  }
-  _renderRowCheckboxCell(e) {
-    if (!(this.config.hideIcon && !this.config.allowSelection))
-      return l`<uui-table-cell>
-			${y(!this.config.hideIcon, () => l`<umb-icon name="${f(e.icon ?? void 0)}"></umb-icon>`)}
-			${y(
-        this.config.allowSelection,
-        () => l`
-					<uui-checkbox
-						label="Select Row"
-						@click=${(t) => t.stopPropagation()}
-						@change=${(t) => this._handleRowCheckboxChange(t, e)}
-						?checked="${this._isSelected(e.id)}">
-					</uui-checkbox>
-				`
-      )}
-		</uui-table-cell>`;
-  }
-  _renderRowCell(e, t) {
-    return l`
-			<uui-table-cell
-				style="--uui-table-cell-padding: 0 var(--uui-size-5); text-align:${e.align ?? "left"}; width: ${e.width || "auto"};">
-					${this._renderCellContent(e, t)}
-			</uui-table-cell>
-		</uui-table-cell>`;
-  }
-  _renderCellContent(e, t) {
-    const i = t.data.find((n) => n.columnAlias === e.alias)?.value;
-    if (e.elementName) {
-      const n = document.createElement(e.elementName);
-      return n.column = e, n.item = t, n.value = i, n;
-    }
-    if (e.labelTemplate) {
-      import("../ufm/index.js");
-      const n = document.createElement("umb-ufm-render");
-      return n.inline = !0, n.markdown = e.labelTemplate, n.value = i, n;
-    }
-    return i;
-  }
-};
-W.styles = [
-  g,
-  u`
-			:host {
-				height: fit-content;
-			}
-
-			uui-table {
-				box-shadow: var(--uui-shadow-depth-1);
-			}
-
-			uui-table-head {
-				position: sticky;
-				top: 0;
-				z-index: 1;
-			}
-
-			uui-table-row uui-checkbox {
-				display: none;
-			}
-
-			uui-table-row[selectable]:focus umb-icon,
-			uui-table-row[selectable]:focus-within umb-icon,
-			uui-table-row[selectable]:hover umb-icon,
-			uui-table-row[select-only] umb-icon {
-				display: none;
-			}
-
-			uui-table-row[selectable]:focus uui-checkbox,
-			uui-table-row[selectable]:focus-within uui-checkbox,
-			uui-table-row[selectable]:hover uui-checkbox,
-			uui-table-row[select-only] uui-checkbox {
-				display: inline-block;
-			}
-
-			uui-table-head-cell:focus,
-			uui-table-head-cell:focus-within,
-			uui-table-head-cell:hover {
-				--uui-symbol-sort-hover: 1;
-			}
-
-			uui-table-head-cell button {
-				padding: 0;
-				background-color: transparent;
-				color: inherit;
-				border: none;
-				cursor: pointer;
-				font-weight: inherit;
-				font-size: inherit;
-				display: inline-flex;
-				align-items: center;
-				justify-content: space-between;
-				width: 100%;
-			}
-			uui-table-head-cell button > span {
-				flex: 1 0 auto;
-			}
-
-			uui-table-cell umb-icon {
-				vertical-align: top;
-			}
-		`
-];
-te([
-  r({ type: Array, attribute: !1 })
-], W.prototype, "items", 2);
-te([
-  r({ type: Array, attribute: !1 })
-], W.prototype, "columns", 2);
-te([
-  r({ type: Object, attribute: !1 })
-], W.prototype, "config", 2);
-te([
-  r({ type: Array, attribute: !1 })
-], W.prototype, "selection", 2);
-te([
-  r({ type: String, attribute: !1 })
-], W.prototype, "orderingColumn", 2);
-te([
-  r({ type: Boolean, attribute: !1 })
-], W.prototype, "orderingDesc", 2);
-te([
-  c()
-], W.prototype, "_selectionMode", 2);
-W = te([
-  h("umb-table")
-], W);
-export {
-  Ni as A,
-  $e as B,
-  He as C,
-  M as D,
-  qa as E,
-  Ha as F,
-  Cr as G,
-  W as H,
-  ve as U,
-  Le as a,
-  E as b,
-  fe as c,
-  S as d,
-  J as e,
-  Xt as f,
-  jt as g,
-  ze as h,
-  Yt as i,
-  oe as j,
-  Ve as k,
-  ft as l,
-  _e as m,
-  re as n,
-  $ as o,
-  Ne as p,
-  ye as q,
-  P as r,
-  qe as s,
-  Q as t,
-  Z as u,
-  ee as v,
-  C as w,
-  k as x,
-  O as y,
-  we as z
-};
-//# sourceMappingURL=table.element-BaYcQ7D3.js.map